Jak zaimportować mobilne menu upuszczania w DIVI – szybko i łatwo

Strony internetowe są oknem na każdy świat. W co najmniej jednym przypadku możesz uzyskać dowolne informacje od osób stojących za każdym z nich rozwój Organizacja Narodów Zjednoczonych ciekawa treść i przydatne. Dziękuję wam wszystkim tworzenie stron internetowych w WordPress oraz przy pomocy kreatora stron Divi.

Blogi osiągnęły szczyt popularności w latach 2001-2002, osiągając swój szczyt pojawienie się zakładów oraz dzień i ulepszenia.

Narodziny WordPressa

Po wielkim wpływie blogowania, Blogger głównie po swoim przejęcie przez Google w 2003 roku WordPress został wydany w tym samym roku.

Mówi się menedżer treści , skoncentrowany na projektowaniu i projektowaniu stron internetowych ten Do tej pory jest uważany za główne narzędzie tego rodzaju pracy, zwłaszcza w sektorze komercyjnym.

Dodaj Divi

WordPress może się przydać, nie jest tajemnicą, że ci, którzy mają najwięcej trudności Zarządzaj tego typu platformą i twórz strony internetowe czy są ludzie, którzy nie mają? znajomość HTML i CSS ten

Divi to narzędzie, które Ci pomaga , tylko te osoby, które mają niewielkie umiejętności zarządzania WordPressem, aby można było je stopniowo szkolić i uczyć się, jak optymalnie zarządzać platformą.

Dla tych, którzy są już zaznajomieni z WordPressem, jest to znacznie prostsza opcja podczas projektowania postów na swoim blogu lub stronie internetowej.

Składane menu

Kiedy importujesz Divi z telefonu komórkowego, ta platforma, podobnie jak zdecydowana większość stron internetowych, oferuje inny widok niż pulpit. Oznacza to, że jeśli na stronie, którą tworzysz, masz menu, staje się bardzo nieporęczny, a reszta opracowanej pracy znika ten

Jakie jest rozwiązanie?

Pierwszą rzeczą, którą musisz sobie zadać, jest rozwiązanie, które chcesz uzyskać. Jeśli chodzi o rozwijane menu, to to jest lepsze że podmenu nie są wyświetlane, dopóki nie zażąda tego odwiedzający witrynę ten W ten sposób wrażenia użytkownika podczas wizyty będą bardziej przyjazne.

Jeśli taka jest twoja intencja, jest liczba oszuści wystarczy skopiować i wkleić do Divi aby rozwiązać ten problem, zapewniając znacznie lepsze środowisko pracy dla tych, którzy odwiedzają Twoją witrynę.

Hasło do użycia

Kodowanie wymagane do zmiany sposobu wyświetlania menu jest dość obszerne, ale skuteczne. Chodź do środka Opcje motywu Divi a następnie osadź, skopiuj i wklej następujący kod:

(funkcja ($) {

function setup_collapsible_submenus () {

var $ menu = $ (’# menu_mobile’),

top_level_link = '#menu_mobile .menu-element-podrzędny> a’;

$ menu.find („a”). każdy (funkcja () {

$ (do) .off („klik”);

jeśli ($ (do) .is (top_link_link)) {

$ (do) .attr (’href’, '#’);

}

if (! $ (do). bracia (’. podmenu’). length) {

$ (do) .on (’klik’, funkcja (zdarzenie) {

$ (to). rodzice („.mobile_nav”). wyzwalacz („klik”);

});

} różne {

$ (do) .on (’klik’, funkcja (zdarzenie) {

event.preventDefault ();

$ (w). rodzic (). toggleClass („widoczny”);

});

}

});

}

$ (okno). ładowanie (funkcja () {

setTimeout (funkcja () {

setup_collapsible_submenus ();

}, 700);

});

}) (jQuery);

# main-header .et_mobile_menu .menu-item-has-children> a {background-color: transparent; stanowisko: istotne; }

# main-header .et_mobile_menu .menu-item-has-children> a: after {font-family: 'ETmodules’; wyrównanie tekstu: środek; powiedz: brak? grubość czcionki: normalna wariant czcionki: normalny? transformacja tekstu: brak; -webkit-font-smoothing: wygładzanie? pozycja: bezwzględna; }

# main-header .et_mobile_menu .menu-item-has-children> a: after {font-size: 16px; zawartość: ’ 4c’; wysoka: 13px; prawy: 10px; }

# main-header .et_mobile_menu .menu-item-has-children.visible> a: after {content: ’ 4d’; }

# main-header .et_mobile_menu ul.sub-menu {wyświetlanie: brak! Świetnie; widoczność: ukryta! Świetnie; przejście: co 1,5 s łatwe wejście-wyjście?}

# main-header .et_mobile_menu .visible> ul.sub-menu {display: block! Świetnie; widoczność: widoczna! Świetnie; }

Inne alternatywy dla optymalizacji

Wśród innych oszustów, których sugerujemy, używasz tego, z czego korzystasz pozwala zamknąć menu ten Jeśli odwiedzający Twoją witrynę nie może znaleźć tego, czego szuka w menu rozwijanych i podmenu, powinien móc ją zamknąć.

Inaczej , ekran menu może blokować widok reszty strony internetowej. A biorąc pod uwagę, że przeglądasz z telefonu komórkowego, prawdopodobnie ukrywasz całą stronę. Jeśli chcesz go usunąć, skopiuj i wklej następujący kod :

/ * Zmień menu na X po otwarciu * /

.mobile_nav.opened .mobile_menu_bar: przed {

zawartość: ’ 4d’;

}

Teraz, gdy już wiesz, jak importować mobilne menu rozwijane do Divi, wystarczy je poznać i jak najlepiej je wykorzystać. najlepsze wtyczki WordPress by podnieść poziom tworzenia stron internetowych na szczyt.

Dodaj komentarz