Beaver Builder WordPress Plugin Guide og gennemgang

Beaver Builder WordPress Plugin Guide og gennemgang

Sidebygere har været tale om WordPress-samfundet i et stykke tid nu. Disse værktøjer har været populære i lang tid, men med introduktionen af ​​den nye Block Editor har mange spekuleret på, hvor relevante de stadig er.


Mens Block Editor er en spændende ny funktion, er der dog ingen ting, der slår sidebygger-plugins, når det kommer til design af brugerdefinerede sider og indlæg. Det Beaver Builder WordPress-plugin er et perfekt eksempel på fordelene ved denne type værktøj – det er både let at bruge og overraskende kraftfuldt.

I dette indlæg kigger vi nærmere på Beaver Builder. Vi diskuterer dens vigtigste funktioner og priser og viser dig, hvordan det fungerer i handling, så du kan beslutte selv, om dette er den rigtige sideopbygger-løsning til dit websted.

Lad os hoppe lige ind i vores nye og forbedrede, opdaterede guide til Beaver Build WordPress-sidebyggeren!

Hvorfor du muligvis har brug for en WordPress Page Builder

Medmindre du er helt ny på platformen, er du sandsynligvis kendt med den klassiske WordPress-editor:

Den klassiske WordPress Editor

Selvom det var funktionelt, var dette altid et system med bare ben. Næsten alt dit indhold blev føjet til et enkelt felt, inklusive tekst, medier og så videre. Det var muligt at oprette unikke layouts og tilføje seje funktioner, men ofte krævede kodningskendskab og / eller nogle ekstra plugins.

For nylig udsendte WordPress-udviklere en splinterny version af redaktøren nu drevet af Gutenberg:

WordPress Gutenberg Editor

Denne ændring var længe ved, men alligevel er den heller ikke noget særligt nyt. Block Editor er en strømlinet version af en sidebygger – en løsning, der har været populær blandt WordPress-brugere i nogen tid.

Mens hver WordPress-sidebygger er forskellig, er de næsten alle baseret på det samme grundlæggende koncept på et grundlæggende niveau. De giver dig et udvalg af forudbyggede elementer og giver dig mulighed for at opbygge indhold ud af disse stykker. Målet er at gøre det lettere og mere intuitivt at opbygge indhold med unikke layout og funktioner, selvom du ikke har nogen design- eller kodningsoplevelse.

Det er dog værd at bemærke, at Block Editor er en meget begrænset funktion. Det giver dig mulighed for at designe indlæg og sider på en mere visuel måde, men tilbyder et lille bibliotek med blokke og lidt støtte til komplekse layout. Dette er grunden til, at det stadig er værd at undersøge dine andre sideopbygningsmuligheder – f.eks. Det plugin, vi skal diskutere i resten af ​​dette indlæg.

Beaver Builder Basics

Beaver Builder til WordPress

Info & DownloadSe demoen

Beaver Builder er et af de mest populære sidebygger plugins derude, og med god grund. Det er nemt for begyndere at hente, men alligevel kommer en bred vifte af muligheder at lege med. På et grundlæggende niveau er det et træk-og-slip-system til at oprette poster og sider – ligesom enhver anden sidebygger. Det tilbyder dog også en masse ekstra funktionalitet.

Nogle af dette plugins vigtigste funktioner inkluderer:

  • Et stort bibliotek med indholdsmoduler, der spænder fra grundlæggende indstillinger (f.eks. Tekst- og billedmoduler) til mere avanceret funktionalitet (opfordring til handling, kort og gallerimoduler osv.).
  • En brugerdefineret redigeringsgrænseflade, der giver dig mulighed for at oprette sider, indlæg og tilpassede indlægstyper visuelt og se dine ændringer med det samme.
  • Muligheden for at oprette komplekse layout i flere søjler og justere størrelser, afstand og mere.
  • Forbygede sektioner og sideskabeloner, der giver dig mulighed for at starte designprocessen, som du kan ændre efter behov.
  • Muligheden for at oprette og gemme dine egne skabeloner til senere brug.
  • Valgmuligheder for tilføjelse af tilpasset HTML og dine egne CSS-klasser til mere avancerede brugere.

Naturligvis kommer al denne funktionalitet til en pris. Mens der er en Beaver Builder Lite version tilgængelig gratis, den tilbyder kun et par basismoduler og inkluderer ikke mange kernefunktioner såsom skabeloner og import / eksportindstillinger. Lite-versionen er dog nyttig til at give denne sidebygger en testkørsel og se, om du kan lide, hvordan det fungerer.

Hvis du planlægger at bruge Beaver Builder for alvor, vil du hente en premium-licens for at få adgang til den fulde pakke. Disse starter ved $ 99 til brug på ubegrænsede websteder og et års support:

Beaver Builder-prissætning

Dette særlige værktøj gør kræver en forhåndsinvestering. De oprindelige omkostninger kan dog betale sig på sparet tid og et mere effektivt websted på lang sigt, så det er ikke en dårlig aftale, hvis det er inden for dit budget.

Sådan kommer du i gang med Beaver Builder

Når du er på hegnet om, hvorvidt du skal hente et nyt plugin til dit websted, er det bedste at gøre alt, hvad du kan om det. Når det kommer til sidebygere, inkluderer dette, hvordan de ser ud, hvordan de fungerer, og hvilke muligheder de giver.

Lad os tage en tur gennem, hvordan det er at hente Beaver Builder, og begynde at bruge det til at oprette indlæg og sider. Naturligvis er denne første ting, du skal gøre, at installere og aktivere plugin.

Derudover vil du aktivere din licensnøgle, hvis du har købt premiumversionen (som vi bruger i denne tutorial). Derefter kan du komme ret til at arbejde.

Trin 1: Åbn Beaver Builder Editor

Når du installerer plugin, ser du en ny fane Beaver Builder på dit instrumentbræt. Det er her dit tilpassede indhold gemmes – for eksempel hvis du opretter dine egne unikke skabeloner.

Du kan også oprette indhold med sidebyggeren ved at gå til Beaver Builder> Tilføj nyt. Alternativt kan du blot gå til Sider> Tilføj nyt (eller tilsvarende for indlæg og tilpassede indlægstyper). Du ser en ny mulighed:

Lancering af Beaver Builder

Dette betyder, at du enten kan oprette dit indhold i standard WordPress-editoren eller i sidebyggeren. Lad os ramme Start Beaver Builder knap:

Beaver Builder Page Editor

Som du kan se, vil du blive ført til en helt ny grænseflade. Her kan du oprette indhold og se nøjagtigt, hvordan det ser ud på siden.

Trin 2: Vælg en startskabelon

Det er værd at bemærke, at du ikke behøver at bruge skabeloner, hvis du ikke ønsker det. Du kan opbygge dine sider og indlæg helt fra bunden ved at tilføje de moduler, du kan lide. Den nemmeste måde at lære på er ved at starte med en skabelon, hvilket er, hvad vi skal demonstrere her.

I menuen til højre for editoren skal du vælge Skabeloner fanen øverst, så ser du masser af muligheder. Klik blot på en skabelon eller træk den på siden, så ser du den fulde version:

Beaver Builder skabeloner

Dette giver dig et startlayout sammen med pladsholder tekst og billeder. Heldigvis kan hvert element her erstattes og ændres efter ønske, så du kan oprette noget unikt på dit websted.

Trin 3: Rediger individuelle moduler

Hvert individuelt element i Beaver Builder-editoren er et selvstændigt modul. For at se, hvad vi mener, kan du holde musepekeren over et stykke tekst, et billede eller en funktion på din startskabelon. Du vil se modulet skitseret i blåt, og hvis du klikker på det, ser du en ny menu:

Beaver Builder-modulindstillinger

Dette er indstillingsfeltet for det modul. Det indeholder alle tilpasningsmulighederne for det valgte indhold. Præcis hvad det inkluderer, afhænger derfor af den type indhold, du arbejder med.

F.eks Foto modul giver dig mulighed for at ændre hvilken fil der bruges og tilføje en billedtekst og / eller et link. Du kan også skifte til Stil fane for at ændre billedets justering, kant og mere:

Beaver Builder Style-indstillinger

De fleste moduler har også en Fremskreden fanen, hvor du kan finjustere dens margener, gøre den kun synlig på bestemte typer enheder, tilføje brugerdefineret HTML osv.:

Beaver Builder Avancerede indstillinger

Som du kan se, er det en fin idé at tilpasse dine Beaver Builder-moduler. Det vil tage en lille oplevelse at blive fortrolig med de muligheder, som hver type modul tilbyder, men når du først gør det, finder du dig selv tilføjet dit eget indhold på kort tid.

Trin 4: Tilpas dit indholds organisation og layout

Sammen med at foretage ændringer i individuelle moduler, kan du også tilpasse din side som helhed. En af måderne at gøre dette på er ved at tilføje og fjerne moduler. For at tilføje et modul skal du blot vælge et fra editorens hovedmenu og trække det på plads på siden:

Beaver Builder-kontaktformularmodul

På den anden side kan du fjerne moduler ved at trykke på x der vises, når du holder musepekeren over dem. Du kan også trække moduler op og ned eller fra side til side for at omarrangere dem efter eget ønske.

Derudover er du i stand til at ændre din sides samlede layout. For at se et eksempel på dette i handling skal du holde musen hen over et modul og ramme Rediger kolonne> Kolonneindstillinger:

Beaver Builder Søjler

Her kan du finde indstillinger, der vedrører alle moduler i den bestemte kolonne. Du kan f.eks. Ændre kolonnens baggrundsfarve og -afstand og endda tilføje en ramme.

Hold musen over sidens baggrund, og vælg Rækkeindstillinger i øverste højre hjørne:

Beaver Builder Rækker

Du får vist en lignende menu, men denne gang gælder indstillingerne for den relevante række af moduler. Du kan indstille rækken til fast eller fuld bredde, tilpasse farver og foretage mange af de samme ændringer, du har til rådighed med kolonner.

Endelig skal du vælge editorens hovedmenu igen og navigere til rækker fane:

Beaver Builder Søjleindstillinger

Det er her du kan tilføje nye rækker og kolonner til din side, så du kan ændre dens layout dramatisk. Derudover er dette det første sted, du vil gå, hvis du opretter en side eller et indlæg fra bunden. Du kan først bestemme dit indholds layout og derefter tilføje moduler, hvor du vil.

Trin 5: Udvid sidebyggerens funktionssæt (valgfrit)

Det er værd at bemærke, at der er masser af andre funktioner og muligheder i Beaver Builder – vi har kun ridset overfladen her. Vi har dog gennemgået den nøglefunktionalitet, du skal forstå for at komme i gang. Herefter er den praktiske tilgang den bedste måde at lære rebene på.

Før vi pakker op, skal vi dog påpege, at der er nogle få måder, du kan få mere ud af netop denne sidebygger. Først er der en embedsmand Beaver Builder tema, som du får gratis med de to øverste licensniveauer:

Beaver Builder Framework Theme

Du kan bruge Beaver Builder med det tema, du kan lide. Imidlertid er denne bygget fra bunden op og fungerer sammen med sidebyggeren. Det giver en grundlæggende ramme, som du kan forme til mange forskellige typer og typografier af websteder.

Der er også en valgfri tilføjelse, Beaver Themer:

Beaver Themer Addon

Med dette ekstra plugin kan du også bruge Beaver Builder’s drag-and-drop-side-builder på dit websteds overskrifter og sidefødder, arkivsider, 404 og søgesider med mere. Dette giver dig mulighed for at designe næsten hele dit websted ved hjælp af det samme system.

For $ 147 passer det muligvis ikke til ethvert budget, men det er en nyttig tilføjelse til et websted, du har til hensigt at tjene penge, eller for udviklere og designere, der arbejder på flere websteder.


Det er et stort engagement at vælge en sidebygger til din hjemmeside. Ændring af den måde, du opretter og designer indhold ned ad vejen, kan forårsage kompatibilitetsproblemer, så det er bedst at starte med et værktøj, du ved, at du vil være glad for at bruge i det lange løb.

Heldigvis, Beaver Builder er en solid mulighed for både begyndere og mere avancerede brugere. Plus, det er let at komme i gang, som du har set ovenfor.

Har du nogensinde brugt Beaver Builder, og hvordan var din oplevelse? Del med os i kommentarfeltet nedenfor!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map