Det är här visuella sidbyggare kommer in. Dessa "Page Builder" låter dig skapa, modifiera och anpassa din layout utan att skriva någon kod.

I den här listan erbjuder vi dig 5 bästa WordPress-plugins visuell sidbyggare för WordPress.

Utan vidare inbjuder vi dig att upptäcka vår lista. 

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg

Tillbaka till varför vi är här. 

1. Elementor

Ursprungligen lanserades 2016, är Elementor WordPress-tillägget en av de yngsta sidbyggarna på den här listan. Trots sin sena start, Elementor samlade snabbt mer än 1 000 000 aktiva installationer på WordPress.org, vilket gjorde det till en av de mest populära visuella WordPress-sidbyggarna.

Visuella sidbyggare WordPress-plugins -page Builder - - Elementor pro

Det som gör sitt rykte är dess flytande visuella gränssnitt, dess olika stilalternativ och andra kraftfulla funktioner som fullständig skapande av WordPress-teman.

Läs också: 6 WordPress-plugins för att lägga till automatisk komplettering till dina formulär

Gränssnittet är uppdelat i två huvuddelar, med ett tredje område för vissa parametrar. Den gratis versionen av Elementor erbjuder 28 gratis widgets. Pro-versionen ger cirka 30 andra widgets, vilket gör totalt 58 widgets i Pro-versionen.

Se även vår 23 viktiga verktyg för att lyckas med bloggning

Gratisversionen innehåller cirka 40 gratismodeller, medan Pro-versionen innehåller hundratals ytterligare modeller.

 Ladda ner | demo | webbhotell

2. Divi Builder

Divi Builder är en högkvalitativ sidbyggare högt betygsatt av Elegant Themes. Även om det vanligtvis används som en del av WordPress Divi-temat, är Divi Builder också ett fristående plugin som du kan använda på andra WordPress-teman.

Divi e1544278044306

Till skillnad från de två föregående byggarna tillåter Divi Builder dig att redigera ditt innehåll med ett visuellt gränssnitt på front-end samt ett gränssnitt på back-end, även om de flesta användare föredrar det första gränssnittet. .

Läs också vår guide om: Hur optimera dina bilder och förbättra din SEO

I grund och botten, istället för sidofält, finns allt i popup-fönster och flytande knappar. Det ger dig tillgång till 316 fördesignade mallar fördelade på 40 olika presentationspaket, samt möjligheten att spara dina egna mönster som mallar.

Upptäck också vår handledning om: Hur du översätter din WordPress-blogg till flera språk

Ett av Divis drag har alltid varit kontrollen över de stilar han ger dig. På tre olika flikar kan du konfigurera olika inställningar, inklusive svarskontroller, anpassningsbart avstånd och mer.

Du kan till och med lägga till anpassad CSS, eftersom dess CSS-redigerare innehåller grundläggande validering och automatisk komplettering. En av kritikerna från Divi Builder har alltid varit att den förlitar sig på kortkoder. Vilket innebär att om du inaktiverar det en dag kommer det att lämna ett gäng kortkoder i ditt innehåll. Även om detta är lite deprimerande är det mindre problem nu att det finns plugins som Shortcode Cleaner.

Ladda ner | demo | webbhotell

3. Bäverbyggare

Beaver Builder har varit en stöttepelare på marknaden för visuella sidbyggare under ganska lång tid nu. Den genererar ren kod (för en sidbyggare), och är populär bland användare och utvecklare. Den får regelbunden uppmärksamhet i form av nya funktioner och uppdateringar.

visual page builder -page Builder - - Beaver builder

Det har officiella tillägg som du kan associera för mer flexibilitet. Beaver Builder erbjuder ett unikt gränssnitt för sin visuella byggare. Det mesta av arbetet kommer att göras i sidofältet höger, men sidofältets alternativ visas bara när du klickar på en knapp i toppfältet. Det är därför möjligt att när som helst visa en förhandsvisning av helskärm.

Läs också: 8 WordPress plugins för att översätta din webbplats eller blogg

Att använda integrerad redigering med popupen är lite besvärligt, för att vara ärlig. Men du kan enkelt fästa redigeraren i sidofältet för att åtgärda detta problem. I den fria versionen ger Beaver Builder dig bara tillgång till 6 moduler, men du kan använda vanliga WordPress-widgets.

Att upptäcka också: 8 WordPress-plugins för att låsa innehållet på en webbplats

Premiumversionen ger dig dock tillgång till 30-moduler och alla är också modulära för att aktivera eller inaktivera som du vill.

Ladda ner | demo | webbhotell

4. Themify Builder

Themify Builder är, föga överraskande, erbjudandet från Themify-teamet. Han integrerar det i flera av dem WordPress-teman för att ge kunderna enkla anpassningsalternativ. Men du kan också köpa det som ett fristående plugin och använda det med vilket WordPress-tema som helst.

Themify Builder animationsskärm e1544277050530

Som Divi Builder et WPBakery Page Builder, Med Themify Builder kan du skapa layouter i frontend eller backend. En annan bra sak är att detta plugin låter dig anpassa dina responsiva brytpunkter (men bara på hela webbplatsnivån).

Gå ännu längre med:  Jämförelse av de få sidbyggarna på WordPress

En intressant sak med Themify Builder är att den fortfarande låter dig använda den vanliga WordPress-redigeraren, medan andra sidbyggare kräver att du använder det visuella sidbyggargränssnittet för allt.

Ladda ner | demo | webbhotell

5. SiteOrigin Page Builder

SiteOrigin Page Builder byggdes för att hålla. Och i den "evigheten" lyckades det samla över en miljon aktiva installationer på WordPress.org, vilket gjorde det till det mest populära plugin-programmet för visuell sidbyggare i den här listan. Medan SiteOrigin Page Builder är lite lättare än de flesta andra alternativ i den här listan, erbjuder den bra prestanda och massor av CSS-kontroller.

bästa WordPress-sidbyggarplugins - sidbyggare - - Siteorigin

SiteOrigin har två gränssnitt som du kan använda för att skapa din layout. Du kan dra och släppa block eller klicka på ett specifikt block för att redigera det. Den här redigeraren ger dig mest arbetsyta, men det saknar en förhandsvisning i realtid.

Det är inte detsamma som de andra sidbyggarna i den här listan, eftersom du inte kan dra och släppa i förhandsgranskningen. Du kan inte spara dina mönster som mallar, men du kan enkelt klona befintliga sidor för att uppnå liknande funktioner.

Upptäck vår guide om Hur korrekt lägga jQuery koden på Wordpress

SiteOrigin Page Builder's stylingalternativ kommer att bli en besvikelse jämfört med andra visuella sidbyggare om du inte känner till CSS. Men om du är bekväm med dem är de faktiskt ganska användbara. SiteOrigins sidgenerator lämnar efter sig en blandning av HTML-kod och kortkoder.

Ladda ner | demo | webbhotell

Rekommenderade resurser

För att gå längre när du skapar en webbplats och optimerar den rekommenderar vi också att du läser följande artiklar:

Slutsats

Här! Det är allt för den här artikeln tillägnad bästa WordPress-plugins visuell sidbyggare, designad för att hjälpa dig att snabbt och enkelt skapa vilken layout som helst utan att behöva ange en enda rad kod. 

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Om du gillade den här artikeln, ntveka inte att dela det på din sociala nätverk föredragna. Om du har commentaires eller förslag, tveka inte att meddela oss i det reserverade avsnittet.

Klämma fast den på Pinterest