Med WordPress 7.1 f\u00e5r du en offentlig API til egne SVG-ikoner. Du kan registrere ikoner fra et plugin uden JavaScript eller build step og derefter bruge dem i blokeditoren, PHP-skabeloner og WordPress’ REST API.<\/p>\n\n\n\n
Her bygger du et lille plugin, der opretter en ikonsamling, registrerer tre ikoner p\u00e5 to forskellige m\u00e5der og g\u00f8r dem tilg\u00e6ngelige i Eksemplerne kr\u00e6ver WordPress 7.1 eller nyere. En 7.1 RC kan bruges under udvikling. Du skal desuden have et lokalt udviklingsmilj\u00f8, for eksempel LocalWP, WordPress Studio eller wp-env, grundl\u00e6ggende PHP-kendskab og nogle SVG-filer.<\/p>\n\n<\/div>\n\n\n\n API’et best\u00e5r af tre funktioner og \u00e9t organiserende princip. En ikonsamling<\/strong> er en navngivet gruppe, som alle ikoner skal h\u00f8re til. Samlingens navn bliver pr\u00e6fiks i ikonnavnet, s\u00e5 N\u00e5r du registrerer et ikon, kan du enten sende SVG-markup direkte i Registr\u00e9r altid samlingen f\u00f8r dens ikoner. Hvis du pr\u00f8ver at registrere et ikon til en samling, der ikke findes endnu, dukker ikonet ikke op i v\u00e6lgeren uden en fejlmeddelelse.<\/p>\n\n\n\n Opret denne struktur i core\/icon<\/code>. Du f\u00e5r ogs\u00e5 et m\u00f8nster, der automatisk indl\u00e6ser alle SVG-filer fra en mappe, en shortcode og et eksempel p\u00e5 at bruge et ikon til en custom block.<\/p>\n\n\n\nForuds\u00e6tninger<\/h4>\n\n\n
S\u00e5dan er API’et bygget op<\/h2>\n\n\n\n
core\/plus<\/code> og myplugin\/plus<\/code> ikke kolliderer med hinanden eller med ikoner fra andre plugins.<\/p>\n\n\n\n\n\n
wp_register_icon_collection( $name, $args )<\/code> registrerer en navngivet ikonsamling.<\/li>\n\n\nwp_register_icon( $name, $args )<\/code> registrerer \u00e9t ikon.<\/li>\n\n\nwp_get_icon( $name, $args )<\/code> renderer ikonets SVG i PHP og returnerer SVG’en som en streng.<\/li>\n\n<\/ul>\n\n\n\ncontent<\/code> eller angive den absolutte filsti med file_path<\/code>. Brug kun den ene metode for hvert ikon. content<\/code> passer til et eller to ikoner, mens file_path<\/code> er bedre, n\u00e5r du vedligeholder en st\u00f8rre mappe med SVG-filer.<\/p>\n\n\n\n1. Opret plugin og registr\u00e9r ikonsamlingen<\/h2>\n\n\n\n
wp-content\/plugins\/<\/code>:<\/p>\n\n\n\n