Bli kjent i Elementors strukturpanel

Hvorfor strukturpanelet er ditt viktigste verktøy

Når du bygger en nettside i Elementor, er det lett å gå seg vill i lag på lag med containere, seksjoner og elementer. Det er her Strukturpanelet (også kjent som Navigatøren) kommer inn som din beste venn.

Å mestre strukturen handler ikke bare om orden; det handler om full kontroll over designet ditt. Ved å bruke dette panelet aktivt slipper du å "treffe feil" når du klikker i designvisningen, og du sikrer at:

• Elementene ligger der de skal: Ingen uventede forskyvninger eller elementer som "forsvinner".
• Feilsøking går raskere: Finn nøyaktig hvilken margin eller padding som lager krøll på sekunder.
• Mobiloptimalisering blir en lek: Juster rekkefølgen på innholdet uten å ødelegge for desktop-visningen.

I denne guiden går vi gjennom de viktigste verktøyene i kontrollpanelet, slik at du kan bygge raskere, smartere og med færre frustrasjoner.

‍

‍

‍

1. Åpner en meny der du bl.a.. kan gå direkte til Themebuilder (der alle malene ligger) og også tilbake til wordpress admin. Du har også mulighet til å tilbakestille til tidligere versjoner, dersom noe skulle gå galt.
2. Åpner element panelet
3. Her finner du alle innstillingen for nettsiden. Vær forsiktig om du gjør endringer her. De vil påvirke hele nettsiden. Her har du også muligheten til å legge inn kode egendefinert CSS (custom code) dersom du ønsker det. Koden du legger inn her gjelder hele nettsiden.
4. Her åpner du STRUKTUR panelet, dersom det ikke allerede er synlig.
5. Her finner du settingene for siden du jobber med. Her har du også muligheten til å endre navn på siden, legge inn FREMHEVET BILDE, Egendefinert CSS og META DATA for Søkemotor optimalisering. (Yoast)
6. Her kan du se hvordan nettsiden ser ut på brett og mobil, og gjøre de endringene som trengs for at det skal se ok ut.
7. Her kan du lese om siste nytt fra Elementor
8. Her kan du søke over hele Elementor, dersom det er noe du ikke finner.
9. Her får du hjelp dersom du står fast. Du blir sendt til Elementors HJELPESENTER
10. Klikk på øyet for å se siden frontend (det er slik den ser ut i nettleseren)
11. Her publiserer du siden. Publiser jevnlig mens du jobber. Om noe går galt, slipper du å gjøre alt om igjen, kun de siste endringene som ikke ble lageret.
12. Dette er STRUKTUR panelet. Dette bruker du aktivt når du skal redigere, slik at du alltid er der du ønsker å være og ikke i en annen beholder eller element.
13. Dette er element panelet. Her velger du elementene du ønsker å bruke på siden.
14. Dette er design panelet, der du legger elementer og lager nye containere. Merk at denne er smalere enn det vil se ut i nettleseren, så sjekk alltid at det ser ok ut ved å klikke på øyet i punkt 10. Du må publisere før du ser endringen i nettleseren / frontend.

‍

De viktigste hurtigtastene i Elementor

Her er en oversikt over de mest nyttige hurtigtastene i Elementor. Disse sparer deg for mye tid og "museklatring" når du bygger sider:

‍

Angre (Undo)

Windows: Ctrl + Z

Mac: cCmd + Z

‍

‍Gjør om (Redo)

Windows: Ctrl + Shift + Z

Mac: Cmd + Shift + Z

‍

‍Lagre / Publiser

Window: Ctrl + S

Mac: Cmd + S

‍

‍Navigatør (Struktur)

Window: Ctrl + I

Mac: Cmd + I

‍

‍Søk / Finn verktøy

Windows: Ctrl + E

Mac: Cmd + E

‍

‍Forhåndsvisning

Windows: Ctrl + P

Mac: Cmd + P

‍

‍Responsiv modus

Window: Ctrl + Shift + M

Mac: Cmd + Shift + M

‍

Proff-tips:

• Høyreklikk på elementer: Visste du at du kan høyreklikke på et element og velge "Kopier stil"? Da kan du lime inn kun designet (farger, fonter) på et annet element uten å endre innholdet.
• Søkefunksjonen (Ctrl/Cmd + E): Dette er den raskeste måten å hoppe mellom sider eller åpne Themebuilder på uten å gå tilbake til WordPress-dashbordet.

‍