Dette er hvor visuelle sidebygere kommer inn. Disse “Page Builder” lar deg lage, endre og tilpasse layoutet ditt uten å skrive kode.

I denne listen vil vi tilby deg 5 beste WordPress-plugins visuell sidebygger for WordPress.

Uten ytterligere mål inviterer vi deg til å oppdage listen vår. 

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din

Så tilbake til hvorfor vi er her. 

1. Elementor

Opprinnelig lansert i 2016, er Elementor WordPress-plugin en av de yngste sidebyggerne på denne listen. Til tross for sin sene start, Elementor raskt samlet mer enn 1 000 000 aktive installasjoner på WordPress.org, noe som gjorde det til en av de mest populære visuelle WordPress-sidebyggerne.

Visuelle sidebygger WordPress-plugins -page Builder - - Elementor pro

Det som gjør sitt rykte kjent er det flytende visuelle grensesnittet, dets forskjellige stilalternativer og andre kraftige funksjoner som fullstendig opprettelse av WordPress-temaer.

Les også: 6 WordPress-plugins for å legge til automatisk fullføring i skjemaene

Grensesnittet er delt inn i to hoveddeler, med et tredje område for visse parametere. Den gratis versjonen av Elementor tilbyr 28 gratis widgets. Pro-versjonen har rundt 30 andre widgets, noe som gir totalt 58 widgets i Pro-versjonen.

Se også vår 23 viktige verktøy for å lykkes med blogging

Gratisversjonen inkluderer rundt 40 gratis modeller, mens Pro-versjonen gir hundrevis av tilleggsmodeller.

 Last ned | dEMO | Webhotell

2. Divi Builder

Divi Builder er en sidebygger av høy kvalitet som er høyt rangert av Elegant Themes. Selv om det vanligvis brukes som en del av WordPress Divi-temaet, er Divi Builder også en frittstående plugin som du kan bruke på andre WordPress-temaer.

Divi e1544278044306

I motsetning til de to foregående utbyggerne, lar Divi Builder deg redigere innholdet ditt ved hjelp av et visuelt grensesnitt på frontenden, samt et grensesnitt på baksiden, selv om de fleste brukere foretrekker det første grensesnittet. .

Les også vår guide om: Hvordan å optimalisere bildene dine og forbedre SEO

I utgangspunktet, i stedet for sidefeltene, er alt inne popups og flytende knapper. Det gir deg tilgang til 316 forhåndsdesignede maler fordelt på 40 forskjellige presentasjonspakker, samt muligheten til å lagre dine egne design som maler.

Oppdag også opplæringen vår om: Slik oversetter du WordPress-bloggen din til flere språk

Et av Divis trekk har alltid vært kontrollen over stilene han gir deg. På tre forskjellige faner kan du konfigurere forskjellige innstillinger, inkludert responsive kontroller, tilpassbar avstand og mer.

Du kan til og med legge til tilpasset CSS, da CSS-editoren inkluderer grunnleggende validering og automatisk fullføring. En av kritikkene til Divi Builder har alltid vært at den er basert på kortkoder. Noe som betyr at hvis du deaktiverer det en dag, vil det legge igjen en haug med kortkoder i innholdet. Selv om dette er litt deprimerende, er det mindre et problem nå som det finnes plugins som Shortcode Cleaner.

Last ned | dEMO | Webhotell

3. Beaver Builder

Beaver Builder har vært en bærebjelke i det visuelle sidebyggermarkedet i ganske lang tid nå. Den genererer ren kode (for en sidebygger), og er populær blant brukere og utviklere. Den får jevnlig oppmerksomhet i form av nye funksjoner og oppdateringer.

visual page builder -page Builder - - Beaver builder

Den har offisielle utvidelser som du kan knytte til for mer fleksibilitet. Beaver Builder tilbyr et unikt grensesnitt for den visuelle byggherren. Det meste av arbeidet vil bli utført i sidefeltet høyre, men sidelinjealternativene vises bare når du klikker på en øverste linjeknapp. Det er derfor mulig å vise forhåndsvisning på full skjerm når som helst.

Les også: 8 WordPress plugins for å oversette nettstedet ditt eller bloggen

Å bruke integrert redigering med popup er litt plagsomt, for å være ærlig. Men du kan enkelt feste redaktøren til sidefeltet for å løse dette problemet. I den gratis versjonen gir Beaver Builder deg bare tilgang til 6 moduler, men du vil kunne bruke vanlige WordPress-widgets.

Å oppdage også: 8 WordPress-plugins for å låse innholdet på et nettsted

Premiumversjonen gir deg imidlertid tilgang til 30-moduler, og alle er også modulbaserte, for å aktivere eller deaktivere som du ønsker.

Last ned | dEMO | Webhotell

4. Themify Builder

Themify Builder er, ikke overraskende, tilbudet fra Themify-teamet. Han integrerer det i flere av deres WordPress-temaer for å gi kundene enkle tilpasningsmuligheter. Men du kan også kjøpe den som en frittstående plugin og bruke den med et hvilket som helst WordPress-tema.

Themify builder animasjonsskjerm e1544277050530

Som Divi Builder et WPBakery Page Builder, Themify Builder lar deg lage oppsett i front-end eller back-end. En annen god ting er at dette pluginet lar deg tilpasse dine responsive breakpoints (men bare på hele nettstedsnivået).

Gå enda lenger med:  Sammenligning av de få sidebyggerne på WordPress

En interessant ting med Themify Builder er at den fremdeles lar deg bruke WordPress-standardredigeringsprogrammet, mens andre sidebyggere krever at du bruker det visuelle sidebyggergrensesnittet for alt.

Last ned | dEMO | Webhotell

5. SiteOrigin Page Builder

SiteOrigin Page Builder ble bygget for å vare. Og i den "evigheten" har den klart å samle over en million aktive installasjoner på WordPress.org, noe som gjør det til det mest populære plugin-programmet for visuell sidebygger på denne listen. Mens SiteOrigin Page Builder er litt lettere enn de fleste andre alternativer på denne listen, tilbyr den god ytelse og mange CSS-kontroller.

beste WordPress sidebygger-plugins - sidebygger - - Siteorigin

SiteOrigin har to grensesnitt som du kan bruke til å lage din layout. Du kan dra og slippe blokker eller klikke på en bestemt blokk for å redigere den. Denne redaktøren gir deg mest arbeidsområde, men den mangler forhåndsvisning i sanntid.

Det er ikke det samme som de andre sidebyggerne på denne listen, da du ikke vil kunne dra og slippe i forhåndsvisningen. Du kan ikke lagre designene dine som maler, men du kan enkelt klone eksisterende sider for å oppnå lignende funksjonalitet.

Oppdag guiden vår om Hvordan skal legge til jQuery koden på WordPress

SiteOrigin Page Builder stylingsalternativer kommer til å være skuffende sammenlignet med andre visuelle sidebygger hvis du ikke kjenner CSS. Men hvis du er komfortabel med dem, er de faktisk ganske nyttige. SiteOrigins sidegenerator etterlater en blanding av HTML-kode og kortkoder.

Last ned | dEMO | Webhotell

Anbefalte ressurser

For å gå videre med å lage et nettsted og optimalisere det, anbefaler vi også at du leser følgende artikler:

konklusjonen

Her! Det er alt for denne artikkelen dedikert til beste WordPress-plugins visuell sidebygger, designet for å hjelpe deg raskt og enkelt å lage et hvilket som helst layout uten å måtte skrive inn en eneste kodelinje. 

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Hvis du likte denne artikkelen, nikke nøl med å dele det på din sosiale nettverk foretrukket. Hvis du har det commentaires eller forslag, ikke nøl med å gi oss beskjed i den reserverte delen.

...