{"id":257,"date":"2026-08-14T14:01:58","date_gmt":"2026-08-14T12:01:58","guid":{"rendered":"https:\/\/helloblog.io\/hr\/prilagodene-svg-ikone-wordpress-7-1\/"},"modified":"2026-08-14T14:01:58","modified_gmt":"2026-08-14T12:01:58","slug":"prilagodene-svg-ikone-wordpress-7-1","status":"publish","type":"post","link":"https:\/\/helloblog.io\/hr\/prilagodene-svg-ikone-wordpress-7-1\/","title":{"rendered":"Kako registrirati prilago\u0111ene SVG ikone u WordPressu 7.1"},"content":{"rendered":"\n

Prilago\u0111ene SVG ikone u blok editoru dosad su obi\u010dno tra\u017eile JavaScript, build korak ili nepouzdano privremeno rje\u0161enje. WordPress 7.1 donosi javni API s kojim iz dodatka mo\u017eete registrirati vlastite ikone, prikazati ih u bira\u010du bloka core\/icon<\/code>, ispisati ih u PHP-u i dohvatiti preko REST API-ja – bez JavaScripta i bez build procesa.<\/p>\n\n\n\n

WordPress 7.1 treba iza\u0107i 19. kolovoza 2026. Za razvoj mo\u017eete koristiti i izdanje 7.1 RC, a primjeri u nastavku odgovaraju API-ju koji se o\u010dekuje u kona\u010dnom izdanju. Izradit \u0107ete dodatak s kolekcijom myplugin<\/code>, ikonom srca definiranoj u PHP-u te ikonama zvijezde i oznake knji\u017ene stranice koje se u\u010ditavaju iz .svg<\/code> datoteka.<\/p>\n\n\n\n

\n\n

Preduvjeti<\/h4>\n\n\n

Za rad trebate WordPress 7.1 ili noviji, nekoliko SVG datoteka, lokalno razvojno okru\u017eenje kao \u0161to su LocalWP, WordPress Studio ili wp-env te osnovno znanje PHP-a.<\/p>\n\n<\/div>\n\n\n\n

API se svodi na kolekcije i tri funkcije<\/h2>\n\n\n\n

Svaka ikona pripada kolekciji, odnosno imenovanom skupu ikona. Naziv kolekcije postaje prefiks naziva ikone: zato se core\/plus<\/code> razlikuje od myplugin\/plus<\/code>, a ikone razli\u010ditih dodataka ne sudaraju se s WordPress core ikonama niti me\u0111usobno.<\/p>\n\n\n\n

    \n\n
  • wp_register_icon_collection( $name, $args )<\/code> registrira imenovanu kolekciju.<\/li>\n\n\n
  • wp_register_icon( $name, $args )<\/code> registrira pojedinu ikonu.<\/li>\n\n\n
  • wp_get_icon( $name, $args )<\/code> vra\u0107a SVG ikone kao string koji mo\u017eete ispisati u PHP-u.<\/li>\n\n<\/ul>\n\n\n\n

    Pri registraciji SVG mo\u017eete proslijediti na dva na\u010dina. Argument content<\/code> sadr\u017ei SVG markup kao string ugra\u0111en izravno u PHP, dok file_path<\/code> prima apsolutnu putanju do .svg<\/code> datoteke na disku. Za pojedinu ikonu koristite samo jedan od tih argumenata: content<\/code> odgovara za jednu ili dvije ikone, a file_path<\/code> lak\u0161e odr\u017eava ve\u0107u mapu ikona.<\/p>\n\n\n\n

    1. Postavite dodatak i najprije registrirajte kolekciju<\/h2>\n\n\n\n

    Kolekciju morate registrirati prije ikona. Ako poku\u0161ate registrirati ikonu za kolekciju koja jo\u0161 ne postoji, ona se ne\u0107e pojaviti u bira\u010du ikona i WordPress ne\u0107e prikazati o\u010ditu pogre\u0161ku.<\/p>\n\n\n\n

    U mapi wp-content\/plugins\/<\/code> izradite sljede\u0107u strukturu:<\/p>\n\n\n\n

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