{"id":288,"date":"2026-08-22T11:26:15","date_gmt":"2026-08-22T09:26:15","guid":{"rendered":"https:\/\/helloblog.io\/sl\/wordpress-7-1-mary-lou-odzivni-slogi-mediji-razvijalci\/"},"modified":"2026-08-22T11:26:15","modified_gmt":"2026-08-22T09:26:15","slug":"wordpress-7-1-mary-lou-odzivni-slogi-mediji-razvijalci","status":"publish","type":"post","link":"https:\/\/helloblog.io\/sl\/wordpress-7-1-mary-lou-odzivni-slogi-mediji-razvijalci\/","title":{"rendered":"WordPress 7.1 Mary Lou: odzivni slogi, mediji in nova orodja za razvijalce"},"content":{"rendered":"\n<p>WordPress 7.1 z vzdevkom \u00bbMary Lou\u00ab raz\u0161irja urejevalnik, medijsko knji\u017enico in razvijalska orodja. Posodobitev se osredoto\u010da na odzivno oblikovanje, sodelovanje pri urejanju vsebine, obdelavo slik v brskalniku ter doslednej\u0161i vmesnik za administracijo in urejanje.<\/p>\n\n\n<a href=\"https:\/\/wordpress.org\/wordpress-7.1.zip\" class=\"download-card\" download>\n                <span class=\"download-icon\"><i class=\"fa-duotone fa-file-zipper\"><\/i><\/span>\n                <span class=\"download-info\">\n                    <span class=\"download-title\">Prenesi WordPress 7.1<\/span>\n                    <span class=\"download-meta\"><span class=\"download-filename\">wordpress-7.1.zip<\/span><\/span>\n                <\/span>\n                <span class=\"download-action\"><i class=\"fa-duotone fa-arrow-down-to-line\"><\/i><\/span>\n            <\/a>\n\n\n<h2 class=\"wp-block-heading\">Odzivni slogi neposredno v urejevalniku<\/h2>\n\n\n\n<p>WordPress 7.1 dodaja odzivne kontrole v urejevalnik spletnega mesta. V Global Styles ali nastavitvah posameznega bloka lahko nastavi\u0161 videz za razli\u010dne velikosti zaslona, ne da bi za to pisal CSS. Med delom lahko spremembe preveri\u0161 v predogledih razli\u010dnih velikosti viewporta, zato la\u017eje sestavi\u0161 postavitve, ki se prilagodijo na\u010dinu brskanja obiskovalcev.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Apply-responsive-styles.jpg\" alt=\"Nastavljanje odzivnih slogov blokov v urejevalniku WordPressa\" class=\"wp-image-278\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Apply-responsive-styles.jpg 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Apply-responsive-styles-300x185.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Apply-responsive-styles-768x474.jpg 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Apply-responsive-styles-400x247.jpg 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Odzivne sloge lahko nastavi\u0161 v Global Styles ali pri posameznem bloku. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Administratorska vrstica ostane vidna v vseh urejevalnikih<\/h2>\n\n\n\n<p>Administratorska vrstica zdaj spremlja delo v vseh urejevalnikih. Tako la\u017eje ohrani\u0161 orientacijo in dostopa\u0161 do znanih orodij, ko prehaja\u0161 med nadzorno plo\u0161\u010do, urejevalnikom objav in urejevalnikom spletnega mesta. Posodobitev prina\u0161a tudi manj\u0161e vizualne popravke administratorske vrstice.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Admin-bar-now-in-every-editor-1024x632-1.jpg\" alt=\"Administratorska vrstica WordPressa v urejevalniku\" class=\"wp-image-279\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Admin-bar-now-in-every-editor-1024x632-1.jpg 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Admin-bar-now-in-every-editor-1024x632-1-300x185.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Admin-bar-now-in-every-editor-1024x632-1-768x474.jpg 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Admin-bar-now-in-every-editor-1024x632-1-400x247.jpg 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Administratorska vrstica je na voljo v vseh urejevalnikih. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Nov potek obrezovanja slik<\/h2>\n\n\n\n<p>Prej\u0161nje obrezovanje znotraj strani nadome\u0161\u010da novo modalno okno urejevalnika predstavnostnih datotek. Do njega \u0161e vedno pride\u0161 z znanim gumbom Crop, nato pa na enem mestu prosto obre\u017ee\u0161 sliko ali uporabi\u0161 dolo\u010deno razmerje stranic, jo zrcali\u0161 vodoravno oziroma navpi\u010dno, natan\u010dno ali z zasko\u010ditvijo zavrti\u0161 ter ureja\u0161 metapodatke.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/A-new-way-to-crop.png\" alt=\"Novo modalno okno za obrezovanje in urejanje slike v WordPressu\" class=\"wp-image-280\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/A-new-way-to-crop.png 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/A-new-way-to-crop-300x185.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/A-new-way-to-crop-768x474.png 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/A-new-way-to-crop-400x247.png 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Urejevalnik slik zdru\u017euje obrezovanje, vrtenje, zrcaljenje in urejanje metapodatkov. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Opombe z omembami in oblikovanim besedilom<\/h2>\n\n\n\n<p>Opombe zdaj podpirajo obogateno besedilo in omembe sodelavcev. V opombi lahko uporabi\u0161 krepko ali le\u017ee\u010de besedilo, kodo in povezave; z znakom <code>@<\/code> omeni\u0161 sodelavca ter ga obvesti\u0161 o komentarju.<\/p>\n\n\n\n<p>Opombo lahko pripne\u0161 na to\u010dno izbrani del besedila, ne le na cel blok. Na istem bloku lahko vodi\u0161 ve\u010d lo\u010denih pogovorov, dalj\u0161e opombe pa zlo\u017ei\u0161, da rob urejevalnika ostane pregleden. To olaj\u0161a pregledovanje in usklajevanje vsebine med ve\u010d avtorji.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Inline-notes-with-mentions-and-rich-text.jpg\" alt=\"Opomba na izbranem besedilu z omembo sodelavca v WordPressu\" class=\"wp-image-281\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Inline-notes-with-mentions-and-rich-text.jpg 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Inline-notes-with-mentions-and-rich-text-300x185.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Inline-notes-with-mentions-and-rich-text-768x474.jpg 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Inline-notes-with-mentions-and-rich-text-400x247.jpg 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Opombe lahko pripne\u0161 neposredno na del besedila in vanje doda\u0161 omembe. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Obdelava medijev v brskalniku in novi slikovni formati<\/h2>\n\n\n\n<p>Stiskanje slik, spreminjanje njihovih dimenzij in ustvarjanje sli\u010dic se zdaj izvajajo v brskalniku. WordPress pri tem uporablja razli\u010dico knji\u017enice libvips, prevedeno v WebAssembly, kar razbremeni stre\u017enik, ustvari manj\u0161e datoteke in pomaga prepre\u010diti omejitve pomnilnika PHP ter \u010dasovne prekinitve pri nalaganju.<\/p>\n\n\n\n<p>WordPress 7.1 izvorno podpira tudi AVIF, HEIC in HDR gain maps. Tako lahko obdela slikovne formate, ki jih \u017ee ustvarjajo sodobni telefoni in fotoaparati.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/More-image-formats-with-faster-uploads.png\" alt=\"Nalaganje slik z novimi formati v WordPressu\" class=\"wp-image-282\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/More-image-formats-with-faster-uploads.png 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/More-image-formats-with-faster-uploads-300x185.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/More-image-formats-with-faster-uploads-768x474.png 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/More-image-formats-with-faster-uploads-400x247.png 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Obdelava slik v brskalniku zmanj\u0161a obremenitev stre\u017enika in raz\u0161iri podporo formatov. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Novi bloki in dodatne mo\u017enosti oblikovanja<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Blok Playlist<\/h3>\n\n\n\n<p>Novi blok Playlist zdru\u017ei ve\u010d zvo\u010dnih skladb v en seznam predvajanja. Po \u017eelji lahko prika\u017ee tudi valovno obliko, ki poslu\u0161alcu vizualno poka\u017ee potek posamezne skladbe.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Create-playlists.jpg\" alt=\"Blok Playlist z zvo\u010dnimi skladbami in valovno obliko\" class=\"wp-image-283\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Create-playlists.jpg 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Create-playlists-300x185.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Create-playlists-768x474.jpg 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Create-playlists-400x247.jpg 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Blok Playlist omogo\u010da seznam ve\u010d zvo\u010dnih skladb z izbirnim prikazom valovne oblike. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Lastne odzivne prelomne to\u010dke v temi<\/h3>\n\n\n\n<p>Blokovne teme lahko v datoteki <code>theme.json<\/code> dolo\u010dijo lastne mobilne in tabli\u010dne prelomne to\u010dke. S tem prepi\u0161ejo privzete prelomne to\u010dke za odzivne sloge in vidnost blokov.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Customize-responsive-breakpoints.png\" alt=\"Nastavitve odzivnih prelomnih to\u010dk v temi WordPress\" class=\"wp-image-284\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Customize-responsive-breakpoints.png 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Customize-responsive-breakpoints-300x185.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Customize-responsive-breakpoints-768x474.png 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Customize-responsive-breakpoints-400x247.png 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Tema lahko v <code>theme.json<\/code> dolo\u010di mobilne in tabli\u010dne prelomne to\u010dke. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Blok Tabs<\/h3>\n\n\n\n<p>Blok Tabs razporedi povezano vsebino v zavihke. Namesto da prika\u017ee\u0161 vse informacije hkrati, jih lahko razdeli\u0161 v plo\u0161\u010de in s tem zmanj\u0161a\u0161 vizualno gne\u010do.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1581\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Organize-with-tabs-scaled-1.jpg\" alt=\"Blok Tabs za prikaz vsebine v zavihkih\" class=\"wp-image-285\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Organize-with-tabs-scaled-1.jpg 2560w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Organize-with-tabs-scaled-1-300x185.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Organize-with-tabs-scaled-1-1024x632.jpg 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Organize-with-tabs-scaled-1-768x474.jpg 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Organize-with-tabs-scaled-1-1536x949.jpg 1536w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Organize-with-tabs-scaled-1-2048x1265.jpg 2048w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Organize-with-tabs-scaled-1-400x247.jpg 400w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><figcaption class=\"wp-element-caption\">Zavihki omogo\u010dajo preglednej\u0161o predstavitev povezane vsebine. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Interaktivna stanja gumbov<\/h3>\n\n\n\n<p>Pri blokih Button lahko v kontrolah slogov neposredno nastavi\u0161 lo\u010dene sloge za stanja hover, focus in active. Slog lahko dolo\u010di\u0161 za en gumb ali za vse gumbe na spletnem mestu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Set-interactive-styles.jpg\" alt=\"Nastavljanje slogov stanj gumba v urejevalniku WordPressa\" class=\"wp-image-286\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Set-interactive-styles.jpg 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Set-interactive-styles-300x185.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Set-interactive-styles-768x474.jpg 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Set-interactive-styles-400x247.jpg 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Za gumbe lahko v urejevalniku dolo\u010di\u0161 sloge za hover, focus in active. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Doslednej\u0161e okolje urejevalnika<\/h2>\n\n\n\n<p>Urejevalnik objav zdaj pri vseh temah v celoti uporablja iframe, enako kot urejevalnik spletnega mesta. Platno za urejanje deluje lo\u010deno od administratorskega vmesnika, zato administratorski slogi ne vplivajo na vsebino.<\/p>\n\n\n\n<p>Enote, odvisne od viewporta, in media queries zdaj ciljajo neposredno na platno urejevalnika. Odzivne postavitve se zato med izdelavo obna\u0161ajo predvidljiveje, rezultat pa je zanesljivej\u0161a in bolj enotna izku\u0161nja urejanja.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Orodja za razvijalce<\/h2>\n\n\n\n<p>WordPress 7.1 raz\u0161irja API-je in orodja za ikone, avtomatizacijo, administratorske vmesnike in odzivno oblikovanje. Najpomembnej\u0161e spremembe zadevajo SVG Icon API, Abilities API, Design System ter mo\u017enosti za avtorje tem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Javni SVG Icon API<\/h3>\n\n\n\n<p>SVG Icon API je zdaj javen. Razvijalci lahko registrirajo lastne zbirke ikon in posamezne ikone, nato pa jih uporabljajo po celotnem urejevalniku ob vgrajeni knji\u017enici ikon.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#24292e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#e1e4e8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;?php\n\n\/\/ Registriraj zbirko ikon in posamezno ikono za uporabo v urejevalniku.\nwp_register_icon_collection( 'myplugin-icons', $collection_args );\nwp_register_icon( 'myplugin-icons\/my-icon', $icon_args );\n\n$icon = wp_get_icon( 'myplugin-icons\/my-icon' );\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#F97583\">&#x3C;?<\/span><span style=\"color:#79B8FF\">php<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color:#6A737D\">\/\/ Registriraj zbirko ikon in posamezno ikono za uporabo v urejevalniku.<\/span><\/span>\n<span class=\"line\"><span style=\"color:#B392F0\">wp_register_icon_collection<\/span><span style=\"color:#E1E4E8\">( <\/span><span style=\"color:#9ECBFF\">'myplugin-icons'<\/span><span style=\"color:#E1E4E8\">, $collection_args );<\/span><\/span>\n<span class=\"line\"><span style=\"color:#B392F0\">wp_register_icon<\/span><span style=\"color:#E1E4E8\">( <\/span><span style=\"color:#9ECBFF\">'myplugin-icons\/my-icon'<\/span><span style=\"color:#E1E4E8\">, $icon_args );<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color:#E1E4E8\">$icon <\/span><span style=\"color:#F97583\">=<\/span><span style=\"color:#B392F0\"> wp_get_icon<\/span><span style=\"color:#E1E4E8\">( <\/span><span style=\"color:#9ECBFF\">'myplugin-icons\/my-icon'<\/span><span style=\"color:#E1E4E8\"> );<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Add-custom-icons.jpg\" alt=\"Dodajanje lastnih ikon v knji\u017enico ikon urejevalnika WordPressa\" class=\"wp-image-287\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Add-custom-icons.jpg 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Add-custom-icons-300x185.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Add-custom-icons-768x474.jpg 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/17\/2026\/08\/Add-custom-icons-400x247.jpg 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Lastne zbirke ikon so lahko na voljo ob vgrajeni knji\u017enici urejevalnika. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Raz\u0161irjeni Abilities API<\/h3>\n\n\n\n<p>Abilities API nadgrajuje infrastrukturo iz WordPressa 6.9. Dodaja \u017eivljenjski cikel izvajanja, ki ga lahko prilagodi\u0161 s filtri, lastno preverjanje veljavnosti in skupno odkrivanje zmo\u017enosti. Te dopolnitve olaj\u0161ajo gradnjo integracij in avtomatizacije na WordPressu, tudi orodij, ki uporabljajo AI.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design System za administratorske vmesnike<\/h3>\n\n\n\n<p>Novi Design System prina\u0161a osnovo za tematiziranje administratorskih vmesnikov WordPressa, vklju\u010dno z barvami, zaobljenostjo in slogi kazalca. S pomenskimi oblikovalskimi \u017eetoni in komponento React <code>ThemeProvider<\/code> lahko zgradi\u0161 bolj enoten lastni administratorski vmesnik, ki se \u0161e vedno vizualno ujema z WordPressom.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Novosti za avtorje tem<\/h3>\n\n\n\n<p>Avtorji tem dobijo odzivne sloge in sloge psevdostanj za <code>hover<\/code>, <code>focus<\/code>, <code>focus-visible<\/code> in <code>active<\/code> prek datoteke <code>theme.json<\/code>. Na voljo so tudi novi filtri za konfiguriranje zaslonov DataViews in DataForm, ki v urejevalniku spletnega mesta poganjajo strani, predloge, dele predlog in vzorce.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dostopnost<\/h2>\n\n\n\n<p>WordPress 7.1 izbolj\u0161uje dostopnost v WordPress core in urejevalniku. Novi funkciji <code>wp_get_tooltip()<\/code> in <code>wp_get_toggletip()<\/code> prina\u0161ata dostopne namige v ve\u010d delov administracije, tudi v meta polja objav in na prijavni zaslon.<\/p>\n\n\n\n<p>Bralniki zaslona dobijo jasnej\u0161e oznake in predvidljivej\u0161o navigacijo po tabelah seznamov objav v administraciji. Novi blok Tabs, blok Playlist ter izbolj\u0161ave navigacije in interakcij v urejevalniku \u0161irijo dostopnostne izbolj\u0161ave te izdaje.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dodatne izbolj\u0161ave zmogljivosti<\/h2>\n\n\n\n<p>Pretvorbo GIF v video lahko po \u017eelji vklju\u010di\u0161, da ustvari\u0161 obi\u010dajno manj\u0161e datoteke. Kazalniki napredka nalaganja in samodejni ponovni poskusi hkrati pove\u010dajo odpornost nalaganja, kadar povezava prekine prenos.<\/p>\n\n\n\n<p>Medijska knji\u017enica privzeto uporablja neskon\u010dno drsenje. Vsak uporabnik lahko v nastavitvah znova izbere strani\u010denje. Privzete nastavitve \u0161pekulativnega nalaganja lahko nastavi\u0161 z okoljskimi spremenljivkami ali konstantami, zato lahko ponudniki gostovanja in lastniki spletnih mest prilagodijo prednalaganje strani brez vti\u010dnika.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kaj preveriti po posodobitvi<\/h2>\n\n\n\n<p>Po namestitvi WordPressa 7.1 preveri odzivne sloge blokov in prelomne to\u010dke v <code>theme.json<\/code>, \u010de uporablja\u0161 blokovno temo. Preizkusi tudi iframe urejevalnika, zlasti \u010de tema ali vti\u010dniki posegajo v sloge urejevalnika.<\/p>\n\n\n\n<p>Razvijalci vti\u010dnikov naj pregledajo mo\u017enosti SVG Icon API-ja, Abilities API-ja in novih dostopnostnih funkcij. Za celoten seznam sprememb, navodila za namestitev, odpravljene te\u017eave in spremembe datotek uporabi dokumentacijo izdaje ter Field Guide za WordPress 7.1.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/wordpress-version\/version-7.1\/\">Dokumentacija WordPress 7.1<\/a> vklju\u010duje informacije o namestitvi, izbolj\u0161avah, odpravljenih te\u017eavah, u\u010dnih virih in spremenjenih datotekah.<\/li>\n\n\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2026\/08\/05\/wordpress-7-1-field-guide\/\">WordPress 7.1 Field Guide<\/a> vsebuje podrobne razvijalske opombe za gradnjo na novi razli\u010dici.<\/li>\n\n\n<li><a href=\"https:\/\/learn.wordpress.org\/\">Learn WordPress<\/a> ponuja brezpla\u010dne videe z navodili, interaktivne delavnice in u\u010dne na\u010drte za nove ter izku\u0161ene uporabnike WordPressa.<\/li>\n\n<\/ul>\n\n\n<div class=\"references-section\">\n                <h2>Reference \/ Viri<\/h2>\n                <ul class=\"references-list\"><li><a href=\"https:\/\/wordpress.org\/news\/2026\/08\/mary-lou\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 7.1 \u201cMary Lou\u201d<\/a><\/li><li><a href=\"https:\/\/wordpress.org\/documentation\/wordpress-version\/version-7.1\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 7.1 Release Notes<\/a><\/li><li><a href=\"https:\/\/make.wordpress.org\/core\/2026\/08\/05\/wordpress-7-1-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 7.1 Field Guide<\/a><\/li><\/ul>\n            <\/div>","protected":false},"excerpt":{"rendered":"<p>WordPress 7.1 prina\u0161a odzivno oblikovanje brez CSS-ja, hitrej\u0161o obdelavo slik v brskalniku in pomembne raz\u0161iritve API-jev. Poglej, kaj posodobitev pomeni za urejevalnike, avtorje tem in razvijalce vti\u010dnikov.<\/p>\n","protected":false},"author":46,"featured_media":277,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[33,124,26,156,145],"class_list":["post-288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-api","tag-dostopnost","tag-gutenberg","tag-theme-json","tag-wordpress-7-1"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/posts\/288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/comments?post=288"}],"version-history":[{"count":0,"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/posts\/288\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/media\/277"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/media?parent=288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/categories?post=288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/sl\/wp-json\/wp\/v2\/tags?post=288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}