Studio menu: twórz menu przeciągając

Studio menu (Baza Helper > Studio menu) to wizualny edytor menu strony. Działa z każdym motywem. Baza Theme wypisuje menu własnym znacznikiem nagłówka, a każdy inny motyw może je wypisać shortcodem, wywołaniem PHP lub blokiem.

Tworzenie menu

• Dodawaj pozycje i przeciągaj je na płótnie. Upuść pozycję na innej karcie, aby ją zagnieździć, albo zmień kolejność, upuszczając przy krawędzi.
• Zaznaczaj kilka pozycji naraz, powiększaj płótno i korzystaj z minimapy.
• Używaj cofania i ponawiania i zaczynaj od szablonów.
• Kliknij Pełny ekran, aby mieć większe płótno. Esc lub ten sam przycisk je zamyka.

Panel pozycji

Zaznacz pozycję, aby ją edytować. Działania to przyciski z ikonami: dodaj podrzędną, duplikuj, w górę, w dół i usuń. Pola idą po dwa w wierszu.

• Tytuły w językach: do trzech języków to znaczniki w wierszu etykiety, więcej zamienia etykietę w przełącznik. Karty na płótnie pokazują kropki dla wypełnionych języków.
• Ikona, klasy i atrybuty (akordeon): ikona (brak, wklejony SVG z podglądem na żywo lub obraz z biblioteki), jej położenie, klasy CSS pozycji i linku, id HTML, tytuł, etykieta ARIA, wartości rel, nowa karta i własne atrybuty data-* i aria-*.
• Pola są sprawdzane podczas pisania: identyfikatory CSS, unikalny id i dozwolone atrybuty. Nieprawidłowa wartość jest wyjaśniana i nie zapisywana. SVG, którego sanityzer nie potrafi odbudować, jest odrzucany z uzasadnieniem.

Edytor ostrzega też o zepsutych linkach i brakujących tłumaczeniach. Znaczniki na pasku narzędzi pokazują liczby.

Mega panele

Pozycja może otwierać mega panel z 1 do 4 kolumn. Panel składa się z bloków: tekst, obraz, grupa linków i sale (usługi kalendarza rezerwacji, jeśli jest zainstalowany).

Wiele menu i miejsc

• Użyj paska nad płótnem, aby przełączać menu, Nowe menu, Zmień nazwę i Usuń. Menu główne zawsze istnieje i nie można go usunąć. Menu może być 30.
• Gdzie wyświetlać wypisuje miejsca menu motywu jako pola wyboru. Zaznaczone miejsce wypisuje to menu tam, gdzie motyw prosi o to miejsce.
• Importuj menu WordPress zamienia menu utworzone w Wygląd > Menu na menu studia. Menu WordPressa pozostaje nietknięte. Gdy otwarte menu studia jest puste, a strona ma menu WordPressa, panel importu pojawia się sam.

Pokazywanie menu na stronie

[baza_menu id="main" class="my-nav" label="Main menu"]

 'main', 'class' => 'my-nav', 'label' => 'Main menu' ) ); ?>

Bez id używane jest menu główne. Wynikiem jest nav z zagnieżdżonymi listami, prawdziwymi przyciskami dla mega paneli, hamburgerem na małych ekranach i obsługą klawiatury (Esc, ArrowDown). Dla motywów blokowych jest blok Baza menu (baza-helper/menu) w Wygląd > Edytor, a menu wybiera się na pasku bocznym. CSS i JavaScript ładują się tylko na stronach wypisujących menu. Kolory i rozmiary to zmienne CSS zaczynające się od --baza-menu-.

Języki

Języki pochodzą z WPML, Polylang lub TranslatePress, a w razie ich braku z własnego ustawienia języka strony i ciasteczka języka.

Zapisywanie

Zapisuj paskiem strony lub Ctrl+S. Zapis wymaga uprawnienia edit_theme_options. Menu jest czyszczone przy zapisie: nieznane typy pozycji są odrzucane i zostają tylko bezpieczne klasy i atrybuty.