In dit artikel ga ik je stap-voor-stap uitleggen hoe jij een eigen succesvolle WordPress website maakt. En wees niet bang, je hoeft tegenwoordig geen kennis van coderen te hebben om een eigen website maken.
Toen ik een jaartje of 20 geleden mijn eerste website ging maken was ik veroordeeld tot het schrijven van ellendig lange HTML- codes. Dan kon ik gerust een halve dag bezig zijn om een klein onderdeeltje op een pagina aan te plaatsen. Soms schrik ik er nog wakker van.
Vandaag de dag bouw je zonder enige ervaring en kennis van coderen een eigen website. Zelfs met WordPress. In deze gratis stappenplan vertel ik je hoe jij in enkele stappen een mooie en soepel lopende WordPress website bouwt.
Wanneer jij deze stap-voor-stap handleiding zorgvuldig volgt, zal jij aan het eind van de rit een professionele WordPress website hebben. Verder zal ik je voorzien van tips en trucs om er voor te zorgen dat jouw website nog beter zal functioneren.
Inhoudsopgave
Deze handleiding is uitermate geschikt voor iedereen die graag een eigen website wil maken met behulp van WordPress. Of het nu een affiliate marketing website is, een website omdat je gaat ondernemen of bijvoorbeeld een hobbymatige website.
Met deze uitgebreide handleiding maak jij in een handomdraai een soepel lopende website. En zoals aangegeven heb je hier geen technische ervaring voor nodig en hoef je ook nog nooit met WordPress te hebben gewerkt.
Wat is WordPress eigenlijk?
Allereerst is het goed om te weten dat er twee soorten WordPress zijn. Je hebt namelijk WordPress.com en WordPress.org. Beide versies zijn helemaal gratis en lijken enorm veel op elkaar. Het enige verschil is dat met WordPress.com direct je hosting kan regelen en met WordPress.org niet. Althans, niet via WordPress.org zelf.
In dit geval kiezen we voor WordPress.org. Huh? Maar je hebt toch een hosting nodig. Klopt, maar we willen flexibiliteit en dat biedt WordPress.org meer dan de punt COM versie.
WordPress.org is een open-source content managementsysteem dat wereldwijd beschikbaar is en door miljoenen gebruikers wordt ingezet om hun websites te bouwen. Uit diverse cijfers blijkt dat bijna de helft van alle websites op WordPress draaien. En dat is echt bizar veel.
WordPress biedt je veel vrijheid op gebied van creativiteit. Met de mogelijkheid om templates (uiterlijk van je website) en plugins (extra functies) toe te voegen heb je volledige vrijheid om je eigen website te maken. De meeste hostingpartijen bieden de mogelijkheid om je website via WordPress.org te maken.
Zo, nu je een beetje weet wat WordPress is, kunnen we wat mij betreft aan de slag te gaan.
Stap 1: Hosting en domeinnaam regelen
Om je website los te laten op het wereld wijde web en om bezoekers te ontvangen is het van belang dat je eerst je hosting, ook wel webhosting genoemd, en domeinnaam regelt. Dit is een belangrijk onderdeel van het bouwen van je eigen WordPress website dus onderschat dit niet.
Er zijn in Nederland al tientallen zo niet honderden webhosting partijen waar je een hostingpakket kan afnemen met daarbij een domeinnaam. Maar lang niet allemaal zijn goed en zorgen alleen maar voor kopzorgen. Wees hier dus scherp op.
Wat is (web)hosting en een domeinnaam eigenlijk?
Webhosting is niets meer of minder dan het huren van een stukje server bij een partij (hoster) waarmee je je website live kunt zetten zodat je bezoekers op je site kunt ontvangen.
Wanneer je je eigen WordPress website gaat bouwen heb je natuurlijk geen complete server nodig. Je zal niet vanaf dag één duizenden bezoekers ontvangen. (Hopelijk heb ik nu je droom niet verpest.)
Ik wil daarmee zeggen dat je niet direct het duurste pakket hoeft af te nemen. Je zal gemiddeld, afhankelijk voor welke hoster je kiest, tussen de 3 en 10 euro per maand kwijt zijn. Zelf maak ik gebruik van Cloud86 en betaal voor een nieuwe website €1,95 per maand inclusief een domeinnaam. Dit is inclusief een korting van 55% gedurende het eerste contractjaar. Makkelijk verdiend dacht ik zo.
Wanneer je je pakket hebt gekozen is het zaak dat je je eigen domeinnaam kiest. Een domeinnaam is het adres van je website. Net zoals je straatnaam en postcode van waar je huis woont.
Het kiezen van de juiste domeinnaam kan nog best een hele uitdaging zijn want er zijn inmiddels al ruim 6 miljoen domeinnamen in Nederland geregistreerd. Dus je kunt het zo gek niet bedenken of de domeinnaam is al geregistreerd.
Mijn advies is om een domeinnaam te kiezen waarin staat waar je website overgaat. Dus stel dat je een website over tuinieren wilt maken en je heet Joke, dan zou je een domeinnaam als joketuiniertips.nl kunnen kiezen. Of tuinierenmetjoke.nl.
Als tweede tip wil ik je meegeven om voor een .NL domeinnaam te gaan. Een .NL geeft een stukje vertrouwen bij de bezoekers. Ga je internationaal, kies van voor een .COM domeinnaam.
Domeinnaam registreren en je bestelling afronden
Heb je eenmaal je domeinnaam gevonden, dan kunnen we deze gaan registreren. Zodra je je domeinnaam hebt gekozen en deze aan je winkelwagentje hebt toegevoegd, krijg je de keuze of je een contractperiode voor 12 of 36 maanden wilt afsluiten. Persoonlijk kies ik altijd voor 12 maanden want ik houd er niet van om voor een lange periode ergens aan vast te zitten.
Heb je je looptijd gekozen, dan kan je de bestelling afronden door op ‘Doorgaan’ te klikken. Zodra je je bestelling hebt afgerond wordt deze op de achtergrond gereed gemaakt.
Het kan even duren voordat je domeinnaam en webhosting pakket actief is. In de tussentijd ontvang je van Cloud86 een bevestigingsmail en wat nuttige informatie. Zodra je domeinnaam is geregistreerd en Cloud86 heeft zijn zaakjes geregeld, dan veranderd de status naar actief zoals op onderstaande afbeelding staat weergegeven.
Stap 2: WordPress installeren op je website
Geen paniek! Dit is echt een fluitje van een cent. Het zijn een aantal kliks en de rest gaat volledig automatisch. En mocht je er niet uitkomen, laat even een berichtje achter en wellicht kan ik je helpen.
Wanneer je bent ingelogd in de omgeving van Cloud86 klik je op het tabblad ‘Mijn diensten’ links in het menu. Vervolgens klik je, zoals je hieronder ziet op het pakket die je hebt gekocht.
Er opent zich dan een nieuw scherm waar je vervolgens op ‘Websites & Domeinen’ klikt.
Je wordt dan doorgestuurd naar een nieuwe omgeving genaamd Plesk. In deze omgeving regel je alles wat te maken heeft met je websites. Deze omgeving ziet er vrij overweldigend uit dus schrik niet.
In deze omgeving klik je links in het menu op ‘Wordpress’.
Vervolgens selecteer je je website en klik je op ‘installeren’.
Er opent zich dan een scherm waar je nog een aantal instellingen moet meegeven. Aan het bovenste gedeelte hoef je niet te doen en kan je zo laten staan. Onder het kopje ‘WordPress-beheerder’ dien je een aantal velden te vullen en te controleren.
Ik adviseer je om een makkelijk te onthouden gebruikersnaam te nemen. Bijvoorbeeld je naam, je e-mailadres of bijvoorbeeld de naam van je huisdier. Vervolgens kies je een wachtwoord en controleer je je e-mailadres. Onthoud deze gegevens goed want deze heb je namelijk nodig om straks op je WordPress website in te loggen.
Staat alles goed, dan kan je op ‘installeren’ klikken.
Nu wordt WordPress echt geïnstalleerd. Dit gaat helemaal vanzelf en hier hoef je verder niets meer aan te doen. Zodra de installatie is voltooid zal dit direct zichtbaar zijn. Gefeliciteerd, je hebt eigenhandig WordPress geïnstalleerd. Dat was geen rocket science toch?
SSL/TLS certificaat installeren
We zijn bijna klaar zodat je echt aan de slag kunt gaan. Om je website een veilige omgeving te maken, en omdat het vanuit de wetgeving verplicht is, dienen we eerst nog een SSL/TLS certificaat te installeren. Hiermee zorg je dat je een HTTPS-verbinding creëert.
Simpel gezegd creëer je een versleutelde verbinding om te voorkomen dat online dieven kunnen meespieken en dat de data die heen en weer wordt gestuurd beveiligd is.
Het installeren van een SSL/TLS certificaat heeft Cloud86 extreem makkelijk gemaakt. Binnen het dashboard van Plesk ga je naar ‘Websites & Domeinen ‘ Waar je vervolgens op ‘ SSL/TLS- certificaten’ klikt.
Op het volgende scherm kies je voor ‘ Installeer een gratis basiscertificaat geleverd door Let’s Encrypt’. Dit certificaat voldoet aan de vereisten en is dus voldoende voor jouw website.
Op het scherm wat zich vervolgens opent krijg je een aantal keuzes. Je mag hier alle velden aanvinken en vervolgens op ‘Gratis ophalen’ klikken. Zodra je dit hebt gedaan wordt het certificaat aan je website toegevoegd.
Zodra de installatie is afgerond zie je een aantal groene vinkjes. Dit betekent dat de installatie van het certificaat is gelukt en dat je website beveiligd is.
Stap 3: Inloggen en je WordPress website instellen
Dat viel allemaal wel mee toch? Je bent nu in ieder geval klaar om voor het eerst op je WordPress website in te loggen en deze volledig naar wens in te stellen. In deze stap ga ik je een aantal tips geven hoe jij het beste je WordPress website kunt instellen.
Maar omdat te kunnen doen moeten we eerst op je WordPress website inloggen. En dat is eigenlijk vrij gemakkelijk. Hiervoor dien je naar de inlogpagina te gaan. En daarvoor dien je naar je website te gaan aangevuld met /wp-admin. Dus dan krijg je: https://jouwwebsite.nl/wp-admin.
Voorbeeld: https://jouwwebsite.nl/wp-admin
Je ziet dan het inlogscherm van je WordPress website verschijnen. Daar log je in met het e-mailadres en het wachtwoord welke je eerder hebt opgegeven. Weet je je wachtwoord niet meer, dan klik je op ‘wachtwoord vergeten’.
Zodra je bent ingelogd kom je in je dashboard terecht. Dat ziet er ongeveer uit als op onderstaande afbeelding. Let op, dit gaat om het dashboard van de website en beschikt over veel meer opties dan wat jij krijgt te zien. Je klikt op ‘Instellingen’ en vervolgens op ‘Algemeen’.
Algemene instellingen van je WordPress website aanpassen
We gaan er eerst voor zorgen dat een aantal noodzakelijke instellingen goed staan voordat we beginnen met het bouwen van je website. Sla deze stap dus niet over want als je dit achteraf nog moet wijzigen kan dit een beste opgave zijn.
Controleer de volgende gegevens van de Algemene instellingen van je WordPress website:
- Site titel: Dit is de titel van je website (dit kan laten nog worden aangepast)
- Slogan: Geef een slogan mee (dit kan later nog worden aangepast)
- Zorg ervoor dat bij zowel WordPress adres (URL) & Site adres (URL) je volledige domeinnaam staat gevuld inclusief HTTPS:// ervoor
- Stel de taal en de tijdzone juist in
- Geef de juiste datumnotatie op
Heb je bovenstaande juist gevuld, dan kan je vervolgens op ‘ Wijziging opslaan’ klikken.
Lezen instellingen van je WordPress website aanpassen
Vervolgens gaan we de ‘Lezen instellingen’ van je website instellen. Dit is een onderdeel wat voor veel frustratie kan zorgen. Ik krijg nog wel eens de vraag “Robert, ik heb een homepagina gemaakt maar deze is niet zichtbaar als ik mijn website bezoek”.
En wat 99 van de 100 blijkt is dat ze de homepagina niet juist hebben ingesteld. De pagina die je bij Homepagina instelt, is namelijk de eerste pagina (je hoofdpagina) die getoond wordt.
Het kan zijn dat je hier nog geen pagina kunt kiezen. Dit heeft namelijk te maken met het feit dat je nog geen homepagina hebt gemaakt. Dat gaan we namelijk later doen. Controleer ook of de selectie ‘Een statische pagina’ staat geselecteerd.
Voor de berichtenpagina geldt eigenlijk hetzelfde. Wil je blogs gaan plaatsen, dan dien je deze pagina aan te maken. Dus zodra je deze twee pagina’s hebt aangemaakt, dan dien je deze nog te selecteren bij Algemeen -> Lezen.
Permalinks instellen
Permawat? Juist, permalinks. Permalinks zijn de URL’S die je pagina’s en blogs krijgen zodra je deze aanmaakt. Een voorbeeld van een permalink is bijvoorbeeld de link van deze pagina.
Een goede permalink kan bijdrage aan de vindbaarheid van je website en/of blog. Door deze op de juiste manier in te stellen vergroot je de kans dat je website hoger in de zoekmachines wordt geplaatst. Verwerk bijvoorbeeld het belangrijkste zoekwoord of zoekopdracht in de permalink.
Bijvoorbeeld: https://dereviewers.nl/online-geld-verdienen. Deze pagina gaat over online geld verdienen. Daarom is ervoor gekozen om de belangrijkste zoekopdracht in de URL te verwerken.
Een juiste instelling van de permalinks is essentieel en moet voordat je begint met het aanmaken van pagina’s en blogs worden ingesteld Maar hoe stel je je permalinks in? Ga hiervoor naar Instellingen > Permalinks.
Je kunt daar uit verschillende structuren kiezen. Ik wil hierbij vooral focussen op de belangrijkste URL- structuren. Namelijk die Berichtnaam en van Aangepaste structuur. De overige structuren zijn in dit geval niet interessant omdat de belangrijkste zoekwoorden van de pagina of blog hier niet in voorkomen.
Wanneer je voor de Berichtnaam structuur kiest zal de titel van de pagina of blog in de URL worden verwerkt. Overigens heb jij het het aanmaken van een pagina of blog nog de mogelijkheid om de URL te wijzigen.
Kies je voor de Aangepaste structuur, dan heb je nog de mogelijkheid om een toevoeging aan de URL toe te voegen. Dit geldt overigens alleen voor blogberichten. Bijvoorbeeld zoals de URL van deze pagina. Hierin zit het woordje Blog in verwerkt.
Probeer in alle gevallen te voorkomen dat er een datum of jaartal in de URL zit verwerkt. Dit kan op langere termijn namelijk de indruk wekken dat de informatie op pagina verouderd is.
Stel dat je het jaartal 2020 in de URL staat verwerkt terwijl we in 2023 leven, dan kan de lezer denken dat het artikel achterhaalt is.
Stap 4: Je website thema en plugins installeren
Zodra de basisinstellingen goed staan is het tijd om met het design en de vormgeving(thema) van je website aan de slag te gaan. Hiervoor gebruiken we een Wordpress template.
Zoals eerder gezegd hoef je voor het bouwen van je eigen WordPress website geen technische kennis te hebben. Je hoeft dus niet te coderen of wat dan ook.
Om het design van je website te bepalen gaan we dus een template installeren. Een template is niets meer dan de lay-out van een website. Een website bestaat vaak uit meerdere pagina’s.
Deze pagina’s zijn vaak verschillend van elkaar maar in de basis zijn ze wel gelijk. Denk bijvoorbeeld aan kleuren, structuur, lettertype, opbouw en nog veel meer.
Met een template zijn de meeste pagina’s al gebouwd. Aan jouw de taak om daar verdere invulling aan te geven door bijvoorbeeld teksten, afbeeldingen en/of video’s toe te voegen.
Een gratis of betaalde template kiezen?
Een template bestaat uit heel veel code die met grote zorgvuldigheid door één of meerdere developers is geschreven. Toen ik net met het bouwen van website begon schreef ik ook code.
Vaak was dit erg lastig en koste enorm veel tijd. Soms was ik wel 3 uur bezig op een knopje op de juiste positie van de pagina te krijgen.
Met dit in het achterhoofd houdende kan je je ook afvragen of je voor een gratis template moet kiezen. Natuurlijk is dit enorm interessant want het kan je zo een éénmalige investering van tussen de 30 en 70 euro schelen.
Toch voor gratis gaan...
Gratis is niet per definitie minder goed of zelfs slecht. Wel heb je met enorm veel gratis templates dat tijdens het bouwen van je website meer problemen kan gaan ondervinden dan betaalde template. Dit heeft voornamelijk te maken met de code die gebruikt wordt om de template te bouwen.
Die is vaak minder goed en ‘vervuild’. Hierdoor kan je website minder goed werken en minder hoog in de zoekresultaten van bijvoorbeeld Google voorkomen. Let hier dus goed op.
Wil je toch voor gratis gaan, dan zou ik je aanraden om voor het Astra Theme te gaan. Astra heeft een gratis versie die al miljoenen keren is gedownload en wordt gebruikt.
Om het Astra Theme te downloaden en te installeren gebruik je de plugin Starter Templates die je gratis via de ‘shop’ kan downloaden en installeren.
Hiervoor ga je naar Plugins > Nieuwe plugin toevoegen en zoek je op Starter Templates van Brainstorm Force en klik je op Nu installeren.
Nadat je de plugin hebt geïnstalleerd en geactiveerd (druk op de knop activeren) wordt deze aan het menu aan de linker van je beeldscherm geplaatst onder het menu-item Weergave.
Maar voordat we de plugin open moeten we eerst nog een andere plugin downloaden. Namelijk die van Elementor. Elementor is een page builder waarmee je heel makkelijk doormiddel van blokken je pagina’s kan gaan bouwen.
Om de plugin te downloaden gaan we weer naar Plugins > Nieuwe plugin toevoegen en zoek je op Elementor. Klik op Nu installeren en activeer de plugin.
Template kiezen en activeren
Nu we beide plugins hebben geïnstalleerd gaan we een design kiezen voor je website. Hiervoor gaan we naar Weergave > Starter Templates en klik op Build Your Website Now. Vervolgens klik je op het logo van Elementor.
Nu dien je een template te kiezen. Je hebt de keuzen uit tientallen gratis templates. Neem de tijd en kies een template die bij het thema van je website past. Let op; de templates waar een Premium button bij staat zijn betaalde templates.
Zodra je je template hebt gekozen en hebt geselecteerd krijg je de mogelijkheid om je logo toe te voegen. Dit hoef je niet gelijk te doen en kan ook nog op een later moment. Voor nu klikken we op Skip & Continu.
Vervolgens dien je de kleuren combinatie, lettertype en grote van de lettertype van je website aan te geven. Ook dit kan je later nog aanpassen. Klik op Continu.
Je krijgt dan een scherm te zien waar je een aantal gegevens dient op te geven. Deze kan je gewoon invullen zonder ergens aan vast te zitten.
Daarnaast adviseer ik om alle vinkjes aan te laten staan. Klik op Submit & Build Your Website. Je website wordt nu gebouwd. Dit duurt nog geen minuut.
Wanneer je vervolgens op Visit Your Website klikt, wordt je website zoals je deze hebt gekozen getoond. Vanaf dit moment kunnen we echt gaan beginnen met het inrichten van je website.
Stap 5: Je WordPress website bouwen
Nu we de basisinstellingen van je WordPress omgeving goed hebben staan en je template hebben gekozen is het tijd om de website zo te maken zodat het bij jouw business of boodschap past.
WordPress in combinatie met Elementor geeft je enorm veel mogelijkheden. Je kunt het zo gek niet bedenken of je kunt het aanpassen. Maar dan moet je wel weten hoe je dit doet. Hieronder heb ik een lijst gemaakt van onderwerpen die we gaan doornemen.
Wat gaan we allemaal aanpassen:
- Basisinstelling van je template/design goed zetten;
- Pagina of bericht (blog) aanmaken;
- Wat zijn Containers, Elementen en Globals en hoe bewerk je deze;
- Kopteksten;
- Teksten toevoegen;
- Afbeeldingen en video’s toevoegen;
- Selecties en kolommen toevoegen en aanpassen;
- Hoe wissel je tussen de Front- en Backend van WordPress;
- Menu toevoegen en vullen;
- Header- en Footer toevoegen en aanpassen;
- Contactformulier aanmaken en plaatsen;
- En nog veel meer….
Basisinstellingen van je template
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Pagina toevoegen in WordPress
Het toevoegen van een pagina of een bericht (blog) is vrij makkelijk en is met een aantal stappen gedaan. Hiervoor moet je naar de back-end van WordPress zoals op onderstaande afbeelding.
- Vervolgens klik je op Pagina’s aan de linkerzijde van de pagina
- Klik bovenaan de pagina op Nieuwe pagina toevoegen
- Vervolgens geef je de pagina een titel. Geef de pagina een titel die betrekking heeft op het onderwerp van de pagina: Bijvoorbeeld: Cupcakes bakken met kinderen.
- De titel van de pagina wordt verwerkt in de URL van de pagina zoals je op onderstaande afbeelding ziet. De URL kan je nog aanpassen zolang de pagina nog niet is gepubliceerd.
- Zodra je de instelling goed hebt staan klik je op Concept opslaan en niet op Publiceren. Wanneer je op Publiceren drukt komt de pagina direct live te staan en is deze voor iedereen toegankelijk. Dit doen we dus later.
Ziezo, je hebt een pagina toegevoegd. Deze gaan we vervolgens bewerken. Klik hiervoor op Bewerk in Elementor.
Template Pagina kiezen
Het is mogelijk om je pagina vanaf nul op te bouwen maar je kan ook heel makkelijk een kant-en-klare template voor je pagina gebruiken. Een paar stappen geleden hebben we een template gekozen voor je website. Dit is zeg maar het design van je hoofdpagina.
Wanneer je een pagina gaat maken kan je hier van afwijken maar ik adviseer je om in dezelfde stijl verder te gaan. Zodra de pagina hebt aangemaakt is deze volledig leeg zoals je hieronder ziet.
Om een template voor je pagina te selecteren klik je op logootje van Stater templates. Je krijgt dan een selectie te zien van Premium en Gratis templates. Kies een (gratis) template en klik op importeren.
De pagina wordt nu gevuld met het template wat je hebt gekozen. Deze kan je vervolgens volledig naar eigen smaak aanpassen. De tekst, kleuren, afbeeldingen en nog veel meer.
Kopteksten toevoegen
We beginnen met de Kopteksten (Header wanneer je de instellingen in het Engels hebt staan). Kopteksten is één van de elementen die je aan een pagina kan toevoegen. Een koptekst is niets anders dan een titel van een pagina of een subtitel van een paragraaf.
WordPress maakt gebruik van een soort hiërarchie van kopteksten. Van H1 tot en met H6 waar H1 het belangrijkst is. Dit heeft ook te maken met SEO (Search Engine Optimization / Zoekmachineoptimalisatie). Hier ga ik verder niet op in.
Wel wil je meegeven dat een H1 koptekst (dus titel) maar één keer op een pagina mag voorkomen. Wijk hier dus niet vanaf.
Zoals je op de bovenstaande afbeelding kunt zien heb ik een één H1 koptekst aangemaakt. Dit is een van de belangrijkste stukjes tekst van je pagina. Hier hecht een zoekmachine veel waarde aan.
Hoewel dit een voorbeeld is, is het dus belangrijk om in je H1 koptekst dus iets te vertellen waar de pagina overgaat.
Wil je de koptekst bewerken, dan klik je op het element zodat je deze aan de linkerzijde van de pagina kan bewerken zoals de tekst, lettertype, de grootte en de kleur van de tekst en nog veel meer. Speel hier een beetje mee.
Hoe bewerk je een pagina met Elementor?
Voordat we aan het bewerken gaan is het goed om te weten hoe je een pagina kunt bewerken. Er zijn namelijk 2 makkelijk manieren om dit te doen.
1. Bewerk met Elementor via de menu-balk
De eerste mogelijkheid is door op de button ‘Bewerk met Elementor’ te klikken wanneer je op de pagina zelf zit. Je komt dan in de bewerkmodus te zitten en dat ziet er als volgt uit:
Zoals je kunt zien zie je aan de linkerzijde de elementen waarmee je je website kunt gaan bouwen. Elementor werkt op basis van een drag-and-drop methode.
Je sleept de elementen naar de positie waar je deze op de website wilt hebben staan. Vervolgens kan je deze bewerken. Hier kom ik later op terug.
2. Bewerk met Elementor via de back-end omgeving
De back-end omgeving van WordPress is zeg maar de omgeving die alleen jij kunt zien. Je bezoekers kunnen deze niet zien. In deze omgeving regel een groot deel van de instellingen van je website.
Om een pagina te gaan bewerken ga je naar Pagina’s> Zoek je de pagina op > Klik op Bewerk met Elementor.
Containers, Kolommen, Elementen en Globals: wat zijn het en wat kan je ermee?
Elemetor kun je het beste vergelijken met LEGO. Je bouwt je website met losse blokken. De blokken kan je vergelijk met LEGO en bestaat uit Containers, Kolommen Elementen en Globals.
Containers, Kolommen & Elementen
Containers zijn de grote LEGO-blokken van Elementor. Hiermee bouw je de basisstructuur van je pagina. Binnen Elementor zijn Containers secties waarin je meerdere Elementen in kunt plaatsen.
Vergelijk de basisstructuur van je pagina als een huis. Een huis bestaat uit verdiepingen (Containers) met meerdere kamers(Kolommen). Kamers worden gevuld met meubels (Elementen).
Om je een beter beeld te geven heb ik onderstaande weergave gemaakt. Hierin zie je dat de container de basis vormt welke gevuld wordt met één of meerdere kolommen. Vervolgens wordt een kolom gevuld met één of meerdere elementen.
Elementen bestaan uit tekstvakken, afbeeldingen, titel, knoppen en nog veel meer.
Globals
Een Global is een element met bepaalde basisinstellingen. Stel je pakt het element Koptekst en hier pas je een aantal basisinstelling op toe. Denk aan de lettertype, grootte en kleur.
Dan gelden deze instellingen voor de gehele website waar je dit element gebruikt. Op deze manier zorg je ervoor dat je dit element consistent doorvoert of je gehele website. Wijzig je het element, dan wijzigt dit door je hele website. Een erg handige feature.
Tekstblokken toevoegen
Teksten zijn één van de belangrijkste elementen van je website. Je wilt namelijk informatie overbrengen op de bezoeker. Met het element Tekstbewerker kan je heel makkelijk teksten aan je website toevoegen.
Hiervoor dien je het element in een kolom te slepen. Vervolgens kan je tekst toevoegen die je wenst.
Heb je de tekst toegevoegd, dan kan je deze vervolgens stijlen. Dit doe je onder het tabblad Stijl en Geavanceerd. Hier heb je talloze opties om je teksten te werken. Dik gedrukt, cursief, een andere kleur, een ander lettertype en nog veel meer.
Afbeeldingen & Video's toevoegen
Het toevoegen van een afbeelding of een video gaat grotendeels op dezelfde wijze als een Koptekst of tekst. Je sleept het element (Afbeelding of Video) naar de juiste container en/of kolom om deze vervolgens te kunnen bewerken.
Zodra je het element op de juiste positie hebt staan kan je de afbeelding of video toe voegen.
Afbeelding toevoegen
Hebt je het Element toegevoegd, dan klik je op Afbeelding kiezen. Vervolgens kies je een afbeelding uit je Mediabibliotheek of je upload een nieuwe afbeelding.
Tip: Zorg ervoor dat je afbeelding niet groter is dan 500kb. Het liefst tussen de 100 en 300kb. Hoe groter de afbeelding, hoe langer het duurt op je website te laden. Op Compressjpeg.com kan je heel makkelijk je afbeelding verkleinen.