{"id":265,"date":"2026-08-14T14:01:52","date_gmt":"2026-08-14T12:01:52","guid":{"rendered":"https:\/\/helloblog.io\/ro\/iconite-svg-personalizate-wordpress-7-1\/"},"modified":"2026-08-14T14:01:52","modified_gmt":"2026-08-14T12:01:52","slug":"iconite-svg-personalizate-wordpress-7-1","status":"publish","type":"post","link":"https:\/\/helloblog.io\/ro\/iconite-svg-personalizate-wordpress-7-1\/","title":{"rendered":"Cum adaugi iconi\u021be SVG personalizate \u00een WordPress 7.1"},"content":{"rendered":"\n

WordPress 7.1 introduce o API public\u0103 pentru iconi\u021be SVG personalizate. Po\u021bi \u00eenregistra colec\u021bii \u0219i iconi\u021be dintr-un plugin, le po\u021bi afi\u0219a \u00een selectorul blocului core\/icon<\/code>, \u00een \u0219abloane PHP \u0219i prin REST API, f\u0103r\u0103 JavaScript \u0219i f\u0103r\u0103 un build step.<\/p>\n\n\n\n

\u00cen acest ghid construie\u0219ti un plugin mic care declar\u0103 o colec\u021bie, adaug\u0103 o inim\u0103 definit\u0103 direct \u00een PHP, o stea \u0219i un semn de carte din fi\u0219iere .svg<\/code>, le \u00eenregistreaz\u0103 \u00een mas\u0103 dintr-un director \u0219i le expune printr-un shortcode. Ai nevoie de WordPress 7.1 sau mai nou – inclusiv 7.1 RC pentru dezvoltare -, de c\u00e2teva fi\u0219iere SVG, de un mediu local precum LocalWP, WordPress Studio sau wp-env<\/code> \u0219i de no\u021biuni de baz\u0103 de PHP.<\/p>\n\n\n\n

WordPress 7.1 este programat s\u0103 apar\u0103 pe 19 august 2026. Codul de mai jos corespunde API-ului preconizat pentru versiunea final\u0103.<\/p>\n\n\n\n

API-ul pentru iconi\u021be: colec\u021bii, \u00eenregistrare \u0219i randare<\/h2>\n\n\n\n

API-ul are trei func\u021bii \u0219i un concept de organizare. O colec\u021bie<\/strong> grupeaz\u0103 iconi\u021bele \u0219i le pune \u00eentr-un namespace: de exemplu, core\/plus<\/code> \u0219i myplugin\/plus<\/code> sunt nume diferite, chiar dac\u0103 folosesc acela\u0219i slug. Astfel evi\u021bi conflictele cu iconi\u021bele din WordPress core \u0219i cu cele din alte pluginuri.<\/p>\n\n\n\n

    \n\n
  • wp_register_icon_collection( $name, $args )<\/code> declar\u0103 un grup de iconi\u021be cu nume.<\/li>\n\n\n
  • wp_register_icon( $name, $args )<\/code> declar\u0103 o iconi\u021b\u0103 individual\u0103.<\/li>\n\n\n
  • wp_get_icon( $name, $args )<\/code> randeaz\u0103 iconi\u021ba \u00een PHP \u0219i returneaz\u0103 SVG-ul ca \u0219ir.<\/li>\n\n<\/ul>\n\n\n\n

    C\u00e2nd \u00eenregistrezi o iconi\u021b\u0103, alege una dintre cele dou\u0103 surse pentru SVG: content<\/code>, adic\u0103 markup SVG inclus direct \u00een PHP, sau file_path<\/code>, adic\u0103 o cale absolut\u0103 c\u0103tre un fi\u0219ier .svg<\/code> de pe disc. Nu le combina pentru aceea\u0219i iconi\u021b\u0103. content<\/code> este potrivit pentru una-dou\u0103 iconi\u021be, iar file_path<\/code> devine mai u\u0219or de \u00eentre\u021binut pentru o bibliotec\u0103 \u00eentreag\u0103.<\/p>\n\n\n\n

    1. Creeaz\u0103 pluginul \u0219i declar\u0103 colec\u021bia \u00eenaintea iconi\u021belor<\/h2>\n\n\n\n

    Creeaz\u0103 directorul pluginului \u00een wp-content\/plugins\/<\/code>, apoi adaug\u0103 fi\u0219ierul principal \u0219i directorul pentru SVG-uri.<\/p>\n\n\n\n

    <\/circle><\/circle><\/circle><\/g><\/svg><\/span>