Slik lager du egendefinerte WordPress Layouts med Beaver Builder

Ønsker du å lære å lage egendefinerte sidelayouter i WordPress? Beaver Builder lar deg lage dine egne sidelayout uten å skrive noen kode. I denne artikkelen vil vi gjennomgå Beaver Builder og vise deg hvordan du oppretter egendefinerte sidelayouter i WordPress med Beaver Builder.

Hvorfor og når du trenger tilpassede sideoppsett

Mange premium WordPress-temaer kommer med brukervennlige sidelayouter for ulike deler av et nettsted. Men noen ganger kan det være at et innebygd layout ikke passer dine behov.

Du kan opprette egendefinerte sidemaler i WordPress ved å opprette et barntema og deretter legge til dine egne sidemaler. Men du trenger litt kunnskap om PHP, HTML og CSS for at det skal fungere.

Dette er der Beaver Builder kommer inn. Det er en dra og slipp-sidebygger plugin for WordPress. Det hjelper deg med å lage dine egne tilpassede sidelayouter uten å skrive noen kode.

Beaver Builder Review

Beaver Builder er veldig lett å bruke og nybegynner vennlig. Samtidig er det lastet med utrolige funksjoner for å lage profesjonelle sider.

Den fungerer med alle WordPress-temaer og har mange moduler som du bare kan dra og slippe til siden din. Du kan lage en hvilken som helst form for layout du vil ha og sette opp akkurat slik du trodde.

I denne Beaver Builder-gjennomgangen vil vi vise deg hvordan du bruker Beaver Builder til å lage egendefinerte sidelayouter i WordPress.

La oss komme i gang.

Setter opp Beaver Builder Plugin

Først må du kjøpe Beaver Builder plugin. Det er en betalt plugin, med priser fra $ 99 for ubegrensede nettsteder.

Deretter må du installere og aktivere Beaver Builder plugin. For mer informasjon, se vår trinnvise veiledning om hvordan du installerer et WordPress-plugin.

Ved aktivering må du besøke Innstillinger »Sidebygger side for å legge inn lisensnøkkelen.

Etter at du har skrevet inn lisensnøkkelen, er du nå klar til å lage flotte sidelayouter.

Opprette din første tilpassede sideoppsett med Beaver Builder

Bare opprett en ny side i WordPress ved å besøke Sider »Legg til ny. Du vil legge merke til en ny Page Builder-fan i WordPress-editoren.

Klikk på "Side Builder" -fanen for å starte Beaver Builder.

Hvis dette er første gang du bruker Beaver Builder, vil du se en velkommen popup som tilbyr deg en guidet tur.

På denne tiden kan du klikke på No Thanks-knappen for å hoppe over turen. Siden vil vi gå deg gjennom forskjellige funksjoner i denne veiledningen, så du trenger ikke turen.

Etter det må du klikke på maler knappen i toppmenyen.

Beaver Builder kommer med noen profesjonelt utformede maler for å komme i gang med en gang.

Ikke bekymre deg, du kan tilpasse malen så mye du vil. Det er bare en rask måte å komme i gang med en layout.

Når du velger et oppsett, vil Beaver Builder laste det i forhåndsvisningsvinduet. Ta musen til et objekt, og Beaver Builder vil markere det.

Du kan bare klikke på skiftenøkkelikonet på et uthevet element for å redigere det.

Beaver Builder vil vise en popup med forskjellige innstillinger som du kan redigere. Du kan endre tekst, farge, bakgrunn, skrift, polstring, margin osv.

Du kan også bare klikke på et element i live forhåndsvisning og dra og slipp for å flytte den rundt siden.

Beaver Builder-oppsettene er basert på rader. Du kan dra og slippe for å omorganisere rader. Du kan også fjerne eller legge til en ny rad.

Bare klikk på Row Layouts menyen og velg deretter antall kolonner du vil ha på rad.

Beaver Builder vil legge til rad til live forhåndsvisning på nettstedet ditt.

Du kan legge til elementer i raden din med de grunnleggende eller avanserte modulene og widgets. Disse modulene lar deg legge til de mest brukte elementene som knapper, overskrifter, tekst, bilder, lysbildefremvisninger, lyd, video osv..

Bare velg et element og dra det til raden du nettopp lagt til. Klikk på et element for å redigere egenskaper.

Du kan også lagre en rad eller en modul for å gjenbruke senere på andre sider. Klikk på Lagre som knappen mens du redigerer en rad eller en modul.

Klikk på Ferdig-knappen når du er ferdig med å redigere siden din. Beaver Builder vil vise en popup med knapper for å publisere eller lagre siden din som et utkast.

Du kan også gjenbruke et helt sidelayout for andre sider på WordPress-siden din. Bare åpne siden med Page Builder og klikk deretter Verktøy-knappen i topplinjen.

Beaver Builder vil vise deg en popup. Du kan lagre siden som en mal, eller raskt lage en duplikatside med samme layout.

Administrere sideoppsettmaler i Beaver Builder

Hver Beaver Builder-lisens gir deg rett til å bruke den på ubegrensede nettsteder. Men hvordan flytter du sidemaler fra et WordPress-nettsted til et annet?

Beaver Builder lagrer brukeropprettede maler i en egendefinert posttype som kalles maler. Det er gjemt som standard, men du kan gjøre det synlig ved å gå til Innstillinger »Sidebygger og klikk på Maler-fanen.

Merk av i boksen ved siden av 'Aktiver maleradministrator' og klikk på Lagre malinnstillinger-knappen.

Du vil legge merke til et nytt menyelement som er merket Maler vil vises i WordPress adminbaren. Alle sidelayoutene du lagrer som mal, vises på den siden.

Siden det er en egendefinert innleggstype, kan du enkelt eksportere Beaver Builder-maler ved hjelp av den innebygde eksportfunksjonen i WordPress.

Besøk Verktøy »Eksport side og velg Maler. Klikk på 'Last ned eksportfil' og WordPress vil sende en XML-fil for deg å laste ned.

Nå logg inn på WordPress-siden der du vil importere malene. Besøk Innstillinger »Importer side og klikk på WordPress.

Du vil bli bedt om å laste ned og installere WordPress-importørpluggen. Deretter kan du enkelt laste opp maler xml-filen og importere den.

Det er alt, vi håper denne artikkelen hjalp deg med å opprette egendefinerte sidelayouter i WordPress ved hjelp av Beaver Builder. Du vil kanskje også se vår guide om hvordan du skjuler unødvendige elementer fra WordPress admin med Administrer.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Facebook.