{"id":270,"date":"2026-08-14T14:01:34","date_gmt":"2026-08-14T12:01:34","guid":{"rendered":"https:\/\/helloblog.io\/sl\/svg-ikone-po-meri-wordpress-7-1\/"},"modified":"2026-08-14T14:01:34","modified_gmt":"2026-08-14T12:01:34","slug":"svg-ikone-po-meri-wordpress-7-1","status":"publish","type":"post","link":"https:\/\/helloblog.io\/sl\/svg-ikone-po-meri-wordpress-7-1\/","title":{"rendered":"SVG-ikone po meri v WordPressu 7.1: vodi\u010d za razvijalce"},"content":{"rendered":"\n

WordPress 7.1 uvaja javni API za SVG-ikone po meri. Brez JavaScripta, build koraka ali za\u010dasnih re\u0161itev lahko vti\u010dnik registrira zbirko ikon, jih prika\u017ee v izbirniku bloka core\/icon<\/code>, izri\u0161e v PHP in ponudi prek REST API-ja.<\/p>\n\n\n\n

V tem vodi\u010du bo\u0161 pripravil majhen vti\u010dnik z eno zbirko, tremi ikonami in samodejno registracijo vseh datotek SVG v mapi. Iste ikone bo\u0161 nato uporabil v urejevalniku, predlogah PHP, shortcodeu in kot ikone lastnih blokov.<\/p>\n\n\n\n

Kaj potrebuje\u0161<\/h2>\n\n\n\n

Za razvoj potrebuje\u0161 WordPress 7.1 ali novej\u0161i; za razvoj zado\u0161\u010da tudi izdaja 7.1 RC. Pripravi nekaj datotek SVG, lokalno razvojno okolje, kot so LocalWP, WordPress Studio ali wp-env<\/code>, ter osnovno znanje PHP.<\/p>\n\n\n\n

Kako deluje API za ikone<\/h2>\n\n\n\n

API sestavljajo tri funkcije in koncept zbirk. Zbirka lo\u010di imena ikon med seboj: zato se core\/plus<\/code> razlikuje od myplugin\/plus<\/code>, tudi \u010de imata ikoni enak zaklju\u010dni del imena. Tako se ikone vti\u010dnikov ne spopadajo z ikonami WordPress core ali drugih vti\u010dnikov.<\/p>\n\n\n\n

    \n\n
  • wp_register_icon_collection( $name, $args )<\/code> registrira imenovano zbirko ikon.<\/li>\n\n\n
  • wp_register_icon( $name, $args )<\/code> registrira posamezno ikono.<\/li>\n\n\n
  • wp_get_icon( $name, $args )<\/code> v PHP izri\u0161e SVG in vrne niz SVG.<\/li>\n\n<\/ul>\n\n\n\n

    Ob registraciji posamezne ikone SVG poda\u0161 na enega od dveh na\u010dinov. Argument content<\/code> vsebuje SVG-markup kot niz neposredno v PHP, argument file_path<\/code> pa absolutno pot do datoteke .svg<\/code> na disku. Za posamezno ikono uporabi le enega; content<\/code> je primeren za eno ali dve ikoni, file_path<\/code> pa la\u017eje vzdr\u017euje ve\u010djo mapo ikon.<\/p>\n\n\n\n

    1. Ustvari vti\u010dnik in najprej registriraj zbirko<\/h2>\n\n\n\n

    V mapi wp-content\/plugins\/<\/code> ustvari naslednjo strukturo. Zbirko mora\u0161 registrirati pred ikonami; \u010de poskusi\u0161 registrirati ikono v zbirki, ki \u0161e ne obstaja, se ikona v izbirniku tiho ne prika\u017ee.<\/p>\n\n\n\n

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