Ułatwianie stylowania mobilnego menu w WordPress FSE za pomocą skryptozakładki

W WordPress Full Site Editing (FSE) mobilne menu często zamyka się, gdy traci focus, co może być irytujące podczas pracy. Poniższy skrypt dodaje klasy otwarcia menu i podmenu, co ułatwia stylowanie.

Kod JavaScript:

javascript: (() => {
     document.getElementById('modal-1').classList.add("is-menu-open");
     document.getElementsByClassName('wp-block-navigation-submenu__toggle')[1].setAttribute("aria-expanded", "true");
})();

Wyjaśnienia:

  1. Dodanie klasy do menu: Skrypt dodaje klasę is-menu-open do elementu o ID modal-1, co powoduje otwarcie menu, ułatwiając jego stylowanie.
  2. Ustawienie atrybutu aria-expanded: Skrypt ustawia atrybut aria-expanded na true dla drugiego elementu z klasą wp-block-navigation-submenu__toggle, co otwiera podmenu i ułatwia pracę nad jego stylizacją.
Wróć