WordPress vereenvoudigt het unieke en visueel aantrekkelijke website-ontwerp behoorlijk. Toch zal het wat werk en een paar goedgekozen tools vergen als je een indrukwekkend resultaat wilt hebben. WordPress biedt standaard functies die u zullen helpen - zoals een live preview-optie - maar het is nog steeds een beetje beperkt.
Gelukkig kun je veel meer controle krijgen over het ontwerpproces door a paginabuilder. Met dit type plug-in kunt u meestal verschillende ontwerpelementen naar uw webpagina's slepen en neerzetten, waardoor uw aanpassingsopties worden uitgebreid zonder dat u met code hoeft te rommelen. Sommige WordPress-thema's bieden u alles wat u nodig heeft in één handig pakket.
In deze tutorial hebben we het eerste werk voor je gedaan door een paar plug-ins voor het bouwen van pagina's op te sommen voor je WordPress-blog.
Maar laten we eerst samen ontdekken Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog.
Ga dan terug naar waarom we hier zijn.
1. Page Builder door SiteOrigin
Page Builder van SiteOrigin is gebouwd om lang mee te gaan. En in die "eeuwigheid" is het erin geslaagd om meer dan een miljoen actieve installaties op WordPress.org te verzamelen, waardoor het de meest populaire plug-in voor het bouwen van visuele pagina's op deze lijst is. Hoewel SiteOrigin Page Builder een beetje lichter is dan de meeste andere opties in deze lijst, biedt het geweldige prestaties en tal van CSS-besturingselementen.
SiteOrigin heeft twee interfaces die u kunt gebruiken om uw lay-out te maken. U kunt blokken slepen en neerzetten of op een specifiek blok klikken om het te bewerken. Deze editor geeft u de meeste werkruimte, maar het mist een realtime preview.
Ontdek ook onze 10 WordPress plugins om donaties op je blog te ontvangen
Het is niet hetzelfde als de andere paginabouwers in deze lijst, omdat je het voorbeeld niet daadwerkelijk kunt slepen en neerzetten. U kunt uw ontwerpen niet als sjablonen opslaan, maar u kunt bestaande pagina's eenvoudig klonen om vergelijkbare functionaliteit te bereiken.
Ontdek onze gids op Hoe correct toe te voegen de jQuery code op WordPress
De stijlopties van SiteOrigin Page Builder zullen teleurstellend zijn in vergelijking met andere visuele paginabouwers als u CSS niet kent. Maar als je je er prettig bij voelt, zijn ze eigenlijk best handig. SiteOrigin's paginagenerator laat een mix van HTML-code en shortcodes.
Downloaden | demonstratie | web hosting
2. Elementor
De Elementor WordPress-plug-in, oorspronkelijk gelanceerd in 2016, is een van de jongste paginabouwers op deze lijst. Ondanks zijn late start, Elementor verzamelde snel meer dan 1 actieve installaties op WordPress.org, waardoor het een van de meest populaire visuele WordPress-paginabouwers is.
Wat zijn reputatie maakt, is de vloeiende visuele interface, de verschillende stijlopties en andere krachtige functies zoals het volledig maken van WordPress-thema's.
Lees ook: 6 WordPress-plug-ins om automatische aanvulling aan uw formulieren toe te voegen
De interface is verdeeld in twee hoofdonderdelen, met een derde gebied voor bepaalde parameters. De gratis versie van Elementor biedt 28 gratis widgets. De Pro-versie levert ongeveer 30 andere widgets, voor een totaal van 58 widgets in de Pro-versie.
Zie ook onze 23 essentiële tools voor succes bij het bloggen
De gratis versie bevat ongeveer 40 gratis modellen, terwijl de Pro-versie honderden extra modellen brengt.
Downloaden | demonstratie | web hosting
3. Bever Constructor
Beaver Builder is al geruime tijd een steunpilaar in de markt voor visuele paginabuilders. Het genereert schone code (voor a paginabuilder), en is populair bij gebruikers en ontwikkelaars. Het krijgt regelmatig aandacht in de vorm van nieuwe features en updates.
Het heeft officiële extensies die u kunt koppelen voor meer flexibiliteit. Beaver Builder biedt een unieke interface voor zijn visuele builder. Het meeste werk zal binnen worden gedaan de zijbalk rechts, maar de zijbalkopties verschijnen alleen wanneer u op een knop in de bovenbalk klikt. Het is daarom op elk moment mogelijk om een ​​voorbeeld op volledig scherm weer te geven.
Lees ook: 8 WordPress plug-ins om uw website of blog te vertalen
Het gebruik van inline bewerken met de pop-up is een beetje vervelend, om eerlijk te zijn. Maar u kunt de editor eenvoudig vastzetten in de zijbalk om dit probleem op te lossen. In de gratis versie geeft Beaver Builder u slechts toegang tot 6 modules, maar u kunt standaard WordPress-widgets gebruiken.
Om ook te ontdekken: 8 WordPress-plug-ins om de inhoud van een website te vergrendelen
De premium-versie geeft u echter toegang tot 30-modules en ze zijn allemaal ook modulair om naar wens in of uit te schakelen.
Downloaden | demonstratie | web hosting
4. WPBakery Page Builder
Een andere premium en extreem populaire paginabuilder is WPBakery Page Builder, voorheen bekend als Visual Composer. Veel van deze populariteit komt van het feit dat WPBakery Page Builder wordt geleverd met bijna 99% van de ThemeForest WordPress-thema's. Maar feit blijft dat het op een zeer groot aantal websites wordt gebruikt.
Net als Divi Builder kunt u met WPBakery Page Builder zowel visueel bewerken als back-end bewerken. In vergelijking met zoiets als Elementor of Divi Builder, zijn de stijlopties van WPBakery Page Builder een beetje beperkt. Je hebt een goede controle over de lijnen, maar de stylingmogelijkheden voor de individuele elementen zijn wat beperkter. Ga verder door onze tutorial over Visual componist en Hoe maak je een professionele webpagina met deze laatste
Als u uw eigen CSS wilt gebruiken, kunt u een klasse of een ID toevoegen Aangepaste CSS aan afzonderlijke elementen, of u kunt werkelijke stijlen aan het paginaniveau toevoegen.
Ik weet niet zeker of WPBakery Page Builder unieke functies heeft die bijzonder opmerkelijk zijn. Maar wat hij heeft is een enorme community van extensies.
Downloaden | demonstratie | web hosting
5. Divi Builder
Divi Builder is een paginabouwer van hoge kwaliteit die zeer wordt gewaardeerd door elegante thema's. Hoewel het meestal wordt gebruikt als onderdeel van het Divi WordPress-thema, is Divi Builder ook een zelfstandige plug-in die u op andere WordPress-thema's kunt gebruiken.
In tegenstelling tot de twee vorige fabrikanten, divi Builder kunt u uw inhoud bewerken met behulp van een visuele interface aan de voorkant en een interface aan de achterkant, hoewel de meeste gebruikers de voorkeur geven aan de eerste interface.
Kortom, in plaats daarvan sidebars, alles staat in pop-ups en zwevende knoppen. Het geeft u toegang tot 316 vooraf gedefinieerde sjablonen verspreid over 40 verschillende presentatiepakketten, evenals de mogelijkheid om uw eigen ontwerpen als sjablonen op te slaan.
Een van de kenmerken van Divi is altijd geweest stijlcontrole dat hij je geeft. Op drie verschillende tabbladen kunt u verschillende parameters configureren, waaronder responsieve bedieningselementen, aanpasbare afstand, enz.
Bekijk onze 10 WordPress plugins op uw blog beschermen
U kunt zelfs aangepaste CSS toevoegen, omdat de CSS-editor basisvalidatie en automatische aanvulling integreert. Een van de kritieken van Divi Builder is altijd geweest dat het op shortcodes is gebaseerd. Wat betekent dat als je het op een dag uitschakelt, het een aantal shortcodes in je inhoud achterlaat. Hoewel dit een beetje deprimerend is, is het minder een probleem nu plug-ins zoals Shortcode Cleaner bestaan.
Downloaden | demonstratie | web hosting
Aanbevolen bronnen
Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.
- 8 WordPress plug-ins om een ​​melding op uw website toe te voegen
- 10 WordPress-thema's om een ​​nachtclubwebsite te maken
- Wat voor soort welkomstbericht hoeft u sturen naar uw prospects?
- Gratis tools waarmee u kwetsbaarheden scannen op uw blog
Conclusie
Alstublieft ! Dat is alles voor dit artikel gewijd aan beste WordPress-plug-ins visuele paginabuilder, ontworpen om u te helpen snel en eenvoudig elke lay-out te maken zonder een enkele regel code in te voeren.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig heeft om uw projecten voor het maken van internetsites uit te voeren, raadpleeg dan onze gids op WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Als je dit artikel leuk vond, naarzel niet om het op uw te delen sociale mediakanalen favoriete. Als je hebt reacties of suggesties, aarzel niet om ons te laten weten in de gereserveerde sectie.
...
