Sådan indsætter du en mobil rullemenu i DIVI - Hurtigt og nemt

Websider er et vindue til enhver verden. I en eller flere kan du få enhver form for information takket være personerne bag hver af dem udvikle sig -en interessant indhold og nyttigt. Alt sammen takket være oprettelsen af ​​websider i WordPress og hjælpen fra Divi-sidebyggeren.

Blogs toppede i popularitet mellem 2001 og 2002 og toppede med fremkomsten af ​​indsatser til opdateringer og forbedringer.

Fødslen af ​​WordPress

Efter den store effekt af blogs, primært Blogger efter hans erhvervet af Google i 2003 blev WordPress lanceret samme år.

Dette kaldes en indholdsansvarlig , fokuseret på at skabe og designe websider . Den dag i dag betragtes det stadig som et grundlæggende værktøj til denne type arbejde, især på det kommercielle område.

Divi plug-in

Så nyttigt som WordPress kan være, er det ingen hemmelighed, at dem, der har sværest ved at administrere denne type platform og oprette websider, er folk, der ikke har kendskab til HTML og CSS .

Divi er et værktøj, der hjælper netop de mennesker, der har ringe ledelseskapacitet angående WordPress, så de kan blive uddannet lidt efter lidt og lære, hvordan man optimalt administrerer denne platform.

For dem, der allerede er bekendt med WordPress, er dette en meget nemmere mulighed, når du designer indlæg på din blog eller dit websted.

Rullemenuen

Når du indtaster Divi fra din mobiltelefon, tilbyder denne platform, såvel som langt de fleste websider, en anden visning end skrivebordet. Dette betyder, at hvis du har en menu på den webside, du er ved at udvikle, det bliver meget omfattende og overskygger resten af ​​det design, du har udviklet .

Hvem er løsningen?

Det første, du skal spørge dig selv, er, hvilken løsning du ønsker at vedtage. Med hensyn til rullemenuerne, det er at foretrække at undermenuer ikke vises, før den besøgende på webstedet anmoder om dem . På den måde bliver brugeroplevelsen under besøget mere imødekommende.

Hvis dette er din hensigt, er der en række af koder, som du bare skal kopiere og indsætte i Divi at løse dette problem ved at give en meget pænere grænseflade til dem, der besøger din hjemmeside.

Koden der skal bruges

Den kodning, der kræves for at ændre, hvordan menuen vises, er noget omfattende, men effektiv. Gå ind i Divi tema muligheder derefter Integration, kopier og indsæt følgende kode:

Andre alternativer til at optimere

Blandt de andre koder, som det anbefales at bruge, er der den, der lukker menuen . Hvis brugeren, der besøger din hjemmeside, ikke kan finde det, de ønsker i rullemenuen og undermenuerne, bør de kunne lukke den.

Ellers , kan menuvisningen skjule visningen af ​​resten af ​​websiden. Og når man tager i betragtning, at du browser fra din mobiltelefon, er der stor sandsynlighed for, at du skjuler hele siden. Hvis du vil fjerne det, skal du kopiere og indsætte følgende kode :

/* Skift menu til X, når den er åben */

.mobile_nav.opened .mobile_menu_bar: frem {

indhold: '\4d';

}

Nu hvor du ved, hvordan du indsætter en mobil rullemenu i Divi, er alt du skal gøre at vide og få mest muligt ud af de bedste WordPress-plugins for at bringe oprettelsen af ​​dine websider til toppen.