{"id":277,"date":"2024-03-11T01:23:55","date_gmt":"2024-03-11T00:23:55","guid":{"rendered":"https:\/\/intranet.projektninja.com\/?p=277"},"modified":"2024-06-15T17:20:53","modified_gmt":"2024-06-15T15:20:53","slug":"fse-menu-mobile-skryptozakladka","status":"publish","type":"post","link":"https:\/\/projektninja.com\/devblog\/nawigacja\/fse-menu-mobile-skryptozakladka\/","title":{"rendered":"U\u0142atwianie stylowania mobilnego menu w WordPress FSE za pomoc\u0105 skryptozak\u0142adki"},"content":{"rendered":"\n<p>W WordPress Full Site Editing (FSE) mobilne menu cz\u0119sto zamyka si\u0119, gdy traci focus, co mo\u017ce by\u0107 irytuj\u0105ce podczas pracy. Poni\u017cszy skrypt dodaje klasy otwarcia menu i podmenu, co u\u0142atwia stylowanie.<\/p>\n\n\n\n<p><strong>Kod JavaScript<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>javascript: (() =&gt; {\n     document.getElementById('modal-1').classList.add(\"is-menu-open\");\n     document.getElementsByClassName('wp-block-navigation-submenu__toggle')&#91;1].setAttribute(\"aria-expanded\", \"true\");\n})();<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Wyja\u015bnienia:<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Dodanie klasy do menu<\/strong>: Skrypt dodaje klas\u0119 <code>is-menu-open<\/code> do elementu o ID <code>modal-1<\/code>, co powoduje otwarcie menu, u\u0142atwiaj\u0105c jego stylowanie.<\/li>\n\n\n\n<li><strong>Ustawienie atrybutu aria-expanded<\/strong>: Skrypt ustawia atrybut <code>aria-expanded<\/code> na <code>true<\/code> dla drugiego elementu z klas\u0105 <code>wp-block-navigation-submenu__toggle<\/code>, co otwiera podmenu i u\u0142atwia prac\u0119 nad jego stylizacj\u0105.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>W WordPress Full Site Editing (FSE) mobilne menu cz\u0119sto zamyka si\u0119, gdy traci focus, co mo\u017ce by\u0107 irytuj\u0105ce podczas pracy. Poni\u017cszy skrypt dodaje klasy otwarcia menu i podmenu, co u\u0142atwia stylowanie. Kod JavaScript: Wyja\u015bnienia:<\/p>\n","protected":false},"author":1,"featured_media":558,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[268],"tags":[162,112,102,153,30,152,148,161,149,137,13,154],"class_list":["post-277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nawigacja","tag-bookmarklet","tag-bookmarklett","tag-fse","tag-full-site-editing","tag-javascript","tag-mobilne-menu","tag-responsywnosc","tag-skryptozakladka","tag-tutorial","tag-web-development","tag-wordpress","tag-zarzadzanie-strona"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/posts\/277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/comments?post=277"}],"version-history":[{"count":1,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/posts\/277\/revisions"}],"predecessor-version":[{"id":419,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/posts\/277\/revisions\/419"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/media\/558"}],"wp:attachment":[{"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/media?parent=277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/categories?post=277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projektninja.com\/devblog\/wp-json\/wp\/v2\/tags?post=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}