Skip to content

Jak wstawić menu rozwijane w telefonie komórkowym dla DIVI (przykład) – łatwo i szybko

14 de luty de 2021

Strony internetowe to okno na dowolny świat. W jednym lub kilku możesz uzyskać dowolne informacje dzięki osobom stojącym za każdym z nich opracowywanie ciekawych treści i przydatne. Wszystko dzięki tworzeniu stron internetowych w WordPressie i pomocy kreatora stron Divi.

Blogi cieszyły się największą popularnością w latach 2001–2002, osiągając rekord wszech czasów pojawiały się aktualizacje i ulepszenia.

Narodziny WordPressa

Po wielkim wpływie, jaki wywarły blogi, głównie Blogger po byciu nabyte przez Google W 2003 roku WordPress został uruchomiony w tym samym roku.

Nazywa się to menedżer treści, koncentruje się na tworzeniu i projektowaniu stron internetowych. Do dziś uważane jest za podstawowe narzędzie do tego typu prac, zwłaszcza w branży komercyjnej.

Wtyczka Divi

Choć WordPress może być przydatny, nie jest tajemnicą, że ci, którzy mają największe trudności z obsługą tego typu platformy i tworzeniem stron internetowych, to osoby, które nie mają znajomość HTML i CSS.

Divi to narzędzie, które przychodzi z pomocąa dokładniej tym osobom, które mają niewielkie możliwości zarządzania w zakresie WordPress, aby mogły być stopniowo instruowane i nauczyć się optymalnie obsługiwać tę platformę.

Dla tych, którzy już znają WordPress, jest to dużo łatwiejsza opcja podczas projektowania wpisów na swoim blogu lub stronie internetowej.

Menu rozwijane

Kiedy wchodzisz do Divi z telefonu komórkowego, ta platforma, podobnie jak zdecydowana większość stron internetowych, oferuje inny widok z pulpitu. Oznacza to, że jeśli masz menu na stronie, którą tworzysz, staje się bardzo obszerny i przyćmiewa resztę wykonanego projektu.

Jakie jest rozwiązanie?

Pierwszą rzeczą, którą powinieneś zadać sobie, jest to, jakie rozwiązanie chcesz przyjąć. Jeśli chodzi o rozwijane menu, najbardziej Zaleca się, aby podmenu nie były wyświetlane, dopóki użytkownik witryny nie zażąda tego. W ten sposób wrażenia użytkownika podczas wizyty będą bardziej przyjazne.

Jeśli taki jest Twój zamiar, istnieje kilka kody, które wystarczy skopiować i wkleić do Divi aby rozwiązać ten problem, zapewniając znacznie przyjemniejszy interfejs dla tych, którzy mogą odwiedzać Twoją witrynę.

Kod do użycia

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

Kod do użycia

Inne alternatywy optymalizacji

Wśród pozostałych kodów, które są zalecane do użycia, jest ten zamknij menu. Jeśli użytkownik odwiedzający Twoją witrynę nie znajduje tego, czego szuka w menu rozwijanym i podmenu, powinien móc ją zamknąć.

Inaczej, menu może zasłaniać widok pozostałej części strony internetowej. Biorąc pod uwagę, że przeglądasz za pomocą telefonu komórkowego, najprawdopodobniej zasłaniasz całą stronę. Jeśli chcesz go usunąć, skopiuj i wklej następujący kod:

/ * Po otwarciu zmień menu na X * /

.mobile_nav.opened .mobile_menu_bar: before {

treść: ’ 4d’;

}

Teraz, gdy wiesz, jak wstawić mobilne menu rozwijane w Divi, wszystko, co musisz zrobić, to wiedzieć i jak najlepiej wykorzystać najlepsze wtyczki WordPress, aby tworzyć swoje strony internetowe na górze.

dołącz do naszego kanału telegram