Zelf een WordPress website maken – een gratis stappenplan voor beginners

Kan je een WordPress website maken als je niet enorm technisch bent?

Zeker. 100%.

Met dit stappenplan en onze (gratis) WordPress hulp hebben we al een paar duizend beginners (en ervaren gebruikers) geholpen om een eigen WordPress website, blog of webshop te bouwen.

Een gratis WordPress stappenplan voor beginners

Wat voor website je wilt maken, wij gaan je helpen.

Met een duidelijk stappenplan, begrijpelijk taalgebruik en extra toelichting wanneer je dat nodig hebt. We hebben namelijk naast deze vrij uitgebreide handleiding 70+ mini WordPress how-to’s die dieper ingaan op specifieke WordPress wensen, plugins en problemen.

En als je ergens vastloopt – wat altijd mogelijk is  -dan kan je gebruik maken van onze WordPress hulplijn. Die WordPress hulplijn kan je gratis en onbeperkt gebruiken wanneer je een WordPress hostingpakket afneemt van xel.nl – maar daar lees je later meer over.

Hoe lang duurt het bouwen van je eigen website?

Dit is erg afhankelijk van de website (of blog) die je wil maken. Een hele simpele website kan je in een uurtje of twee maken. Wil je een uitgebreidere website? Dan kan je wel een paar avondjes bezig zijn.

Simpele WordPress site bouwen Twenty Fifteen

Zo ziet jouw website er ongeveer uit na het installeren van WordPress.

 

Tijdsindeling bij het bouwen van een WordPress site

  • In 10 minuten heb je een hostingpakket bestelt, een domeinnaam vastgelegd en wordt WordPress geïnstalleerd.
  • Daarna ben je een ongeveer twee á drie uurtjes bezig met al fixen van alle essentiële dingen – zoals het goedzetten van wat instellingen, het maken van een contactformulier, het maken van een menu en het installeren van een paar plugins (kleine software toevoegingen, zoals social media buttons en statistieken).
  • Vervolgens is het tijd om een thema (een design) te kiezen en installeren. Hoe lang je hiermee bezig bent is afhankelijk van het thema. Soms ben je in 15 minuten klaar en soms ben je er een avondje of twee zoet mee.
  • Tot slot vul je de website met teksten.
Stockholm_-_ThemeForest

Een voorbeeld van een professioneel design (thema).

 

Hoeveel kost het bouwen van je eigen WordPress website? Wat zijn de kosten?

Je kan het best uitgaan van 10 euro per maand. En mogelijk eenmalig 50 euro.

Dan heb je alles wat je nodig hebt.

Het kan – als je een krap budget hebt – voor 5 a 6 euro per maand en zonder eenmalige kosten. Maar dan zit je wel zonder professioneel thema en zonder WordPress hulp.

Een uitgebreid artikel lezen over de kosten van een WordPress website?

Zelf een eigen WordPress website maken

Allright.

Zullen we nu beginnen met de eerste stappen?

Ik beloof dat ze niet zo lastig zijn.

Om een website te bouwen heb je 3 dingen nodig

  • Een hostingpakket. Je huurt dan simpel gezegd een stuk schijfruimte op een server dat in een datacenter staat. Vergelijkbaar met een stuk grond waar jij jouw website op gaat bouwen.
  • Een domeinnaam (een internetadres, zoals www.xel.nl of florienfashion.nl). Vergelijkbaar met een normaal huisadres (zonder adres ben je niet te bereiken).
  • En software om een website mee te bouwen en te onderhouden.

De software die wij gaan gebruiken is WordPress. WordPress is het populairste, sterkste en meest flexibele gratis CMS (content management systeem) ter wereld. Meer dan 50% van alle websites met een CMS gebruikt WordPress.

Wil je eerst meer lezen over WordPress?

Alles in één keer goed geregeld

Laten we beginnen met een hostingpakket waar alles erop en eraan zit.

Gebruiksvriendelijk

Optie 1: WordPress hostingpakket

Het WordPress hostingpakket kost 9,90 per maand. Je krijgt dan het volgende:

  • Een gratis .nl, .be, .eu of .com domeinnaam (scheelt 5 a 15 euro op jaarbasis)
  • Meer dan genoeg schrijfruimte (3GB) en dataverkeer (fair-use).
  • WordPress wordt automatisch geïnstalleerd (scheelt een kwartiertje werk).
  • 5 e-mailaccounts. Je kan dan mailen via een zelfgemaakte e-mailadres, bijvoorbeeld voornaam@jouwdomeinnaam.nl
  • Dagelijkse back-ups (als er iets fout gaat, dan kunnen wij een vorige versie van jouw website terugzetten).
  • De website is 2 tot 4x sneller dan bij een normaal hostingpakket (de snelheid van je website heeft invloed op de gebruiksvriendelijkheid, aantal bezoekers, conversie en je ranking in Google).
  • En de allerbelangrijkste: WordPress ondersteuning.

Ondersteuning bij het bouwen van je WordPress site?

Met het WordPress hostingpakket van Xel Media wordt WordPress automatisch geïnstalleerd en kan je ons bellen of mailen als je een WordPress gerelateerde vraag hebt.

Je zal bij het bouwen van de website die jij voor ogen hebt, gegarandeerd een paar keer ergens tegenaan lopen. Niet alles spreekt voor zich, wordt besproken in deze handleiding of leggen wij niet voldoende uit. Normaal gesproken ben je dan een tijd bezig om het antwoord te vinden op het internet.

Wanneer je het WordPress hostingpakket van xel.nl afneemt, dan kan je de vraag bij ons neerleggen. Wij helpen jou dan verder. Dit kan je op jaarbasis tientallen of zelfs honderden uren uitzoekwerk schelen. En het is ook een fijn gevoel dat je iemand gewoon kan bellen als je er even niet uitkomt.

Bekijk het Premium WordPress hostingpakket van Xel Media

Automatisch geïnstaleeerd

Na het bestellen van een Premium WordPress hostingpakket krijg je automatisch een mailtje wanneer jouw WordPress website online staat. Je hoeft niets te doen.

Een paar uur na het bestellen van een WordPress hostingpakket staat jouw website klaar om verder uitgebouwd te worden. In de tussentijd zou je de rest van de handleiding kunnen lezen, zodat je direct weet wat je allemaal moet en kan doen. Of je kan ook wat anders doen – bijvoorbeeld, champagne kopen en vieren dat de eerste versie van jouw website bijna online is.

WordPress_hosting

Premium_WordPress_hosting_met_WordPress_support

Optie 2: Online starter hostingpakket

Heb je een klein budget en vind je het niet zo erg om antwoorden op jouw vragen te Googelen? Dan kan je kiezen voor het goedkope online starterpakket van 4,45 per maand.

Dit is een hostingpakket in traditionele zin. Je kan WordPress installeren met een one-minute-script in ons control center, er worden dagelijkse back-ups gemaakt en je hebt genoeg ruimte voor een startende website of blog.

Bekijk het online starterpakket van Xel Media

Domeinnaam verzinnen

Na het selecteren van een hostingpakket is het tijd voor het registreren van een domeinnaam.

Een paar tips voor het bedenken van een domeinnaam

  • Probeer meerdere woorden aan elkaar te koppelen
  • Je zou ook een ‘niet-bestaand’ woord kunnen koppelen aan een bestaand woord.
  • Maak er een kleine zin van.
  • Voeg het/de toe.

Meer tips nodig? Lees deze tips voor het bedenken van een domeinnaam.

Domeinnaam bedenken

Starten met het bouwen van een WordPress website 

Hoewel het hostingpakket direct op je naam staat, kan het even duren (een paar uur) voordat alles goed staat.

Heb je voor een WordPress hostingpakket gekozen?

Dan kan je het volgende gedeelte (overslaan. Klik hier om je al wegwijs te maken in WordPress en leer wat je moet doen om je WordPress uit te bouwen naar de website die jij voor ogen heb.

Heb je een online starterpakket gekozen? 

Dan kan je in het control center een WordPress one-minute script vinden.

In deze handleiding leer je precies wat je moet doen om met een script WordPress te installeren.

 

De eerste stappen naar je eigen WordPress website

WordPress geïnstalleerd?

Wooha! Je website staat dan direct online. Bekijk hem maar eens.

Wanneer WordPress geïnstaleeerd is, dan zie je direct dat het nieuwste thema (design) van WordPress actief is. Hieronder zie je het design van het thema “Twenty Fifteen” van WordPress. Waarschijnlijk heb jij een latere versie. Twenty Eighteen, bijvoorbeeld.

Een thema is te vergelijken met de kleding van jouw website. Het is een combinatie van design en functionaliteit. Later leggen we uit hoe je van thema wisselt.

Simpele WordPress site bouwen Twenty Fifteen

Laten we direct verder gaan.

Inloggen bij WordPress

Je logt in bij WordPress door  /wp-admin achter jouw domeinnaam te zetten

Bijvoorbeeld: www.jouwdomeinnaam.nl/wp-admin.

Het inlogadres staat ook in het mailtje dat je ontvangt van xel.nl wanneer de installatie is gelukt. Net als jouw wachtwoord en gebruikersnaam.

Inloggen bij WordPress

Vul hier de inloggegevens in die je op jouw mail hebt ontvangen.

Nadat je bent ingelogd, kan je verder met het uitbouwen van je eigen WordPress website.

Hoe werkt WordPress precies?

Na het inloggen kom je terecht op het dashboard van WordPress.

In het begin ziet het er misschien een beetje ingewikkeld uit, maar je zal er snel aan wennen (en je weet snel genoeg dat je helemaal niet zo veel opties hoeft te gebruiken).

Laten we de belangrijkste elementen even kort bespreken.

Dashboard WordPress

Aan de linkerkant zie je het WordPress menu. Via deze opties kan je jouw website uitbreiden en onderhouden.

  • Bij ‘berichten’ kan je blogberichten maken (met een WYSIWYG-editor (what you see is what you get (net als Word/Pages))).
  • Bij ‘pagina’s kan je webpagina’s maken. Zoals de contactpagina, dienstpagina’s en de ‘over’-pagina.

Wanneer je een WordPress website gaat bouwen dan krijg je veel te maken met twee onderdelen, namelijk thema’s en plugins.

WordPress Thema’s

Een WordPress theme is een gestandaardiseerde WordPress website template (opmaak, structuur en design van een website). Met zo’n WordPress theme kan je binnen enkele seconden de hele website een nieuwe ‘look & feel’ geven. Een nieuw jasje.

Thema_s_beheren_-_WordPress

WordPress Plugins

Een plugin is een aanvulling op de functionaliteit van je huidige WordPress website. Hierbij kan je denken aan een contactformulier, social share knoppen en een anti-spam programma.

Er zijn tienduizenden gratis plugins die je via het WordPress dashboard eenvoudig kan installeren. Voor bijna elke denkbare functionaliteit is er wel gratis plugin beschikbaar.

Plugins_toevoegen

 

Hier gaan wij later mee aan de slag. We gaan eerst wat belangrijke instellingen goedzetten. Een paar saaie, maar noodzakelijke handelingen. We zijn er ongeveer een half uurtje mee bezig.

Na de instellingen gaan we over op plugins en op het laatst bespreken we thema’s.

Het leren werken met het CMS WordPress

Het leren werken met een nieuw systeem zoals WordPres is altijd even lastig.

De kans is groot dat je de eerste paar uur niet echt het gevoel hebt dat je weet hoe WordPress precies werkt en wat je precies moet doen.  Dat is normaal. De snelste manier om WordPress onder de knie te krijgen is door een paar uur lang door te modderen en met vallen en opstaan verder te komen.

Maak je ook niet druk dat het niet direct lukt om de website te bouwen die je voor ogen hebt. Het komt goed. Accepteer de tijdelijke onzekerheid en vertrouw dat je stap voor stap meer helderheid krijgt in wat je doet.

Wij gaan stap voor stap alle opties bespreken. En langzaamaan zal je de logica in het systeem vinden. Bij elk onderdeel kan je een linkje vinden naar een uitgebreide handleiding met meerdere plaatjes over dat specifieke onderwerp.

Allright? Top. Laten we direct starten.

Noodzakelijke WordPress instellingen en handelingen

Permalinkstructuur aanpassen

De wat aanpassen? De permalinkstructuur. De permalinkstructuur bepaalt wat de URL wordt van de pagina’s op jouw website.

Als je dit niet aanpast, dan krijg je url’s, zoals: www.website.nl/?p231. Niet zo mooi. We willen juist een ‘schone’ zoekmachine vriendelijke  url, zoals: www.website.nl/contact/. Met zo’n URL wat hij/zij op de pagina kan verwachten

Hoe pas je de url’s aan?

  • Ga met je muis over ‘Instellingen’ (linksonder in de sidebar),
  • Klik vervolgens op ‘Permalinks’,
  • Selecteer vervolgens ‘Berichtnaam‘,
  • En klik op ‘Wijzigingen Opslaan’.

Vanaf nu worden alle URL’s gebaseerd op de titel van de pagina. Dat was nog wel te doen, toch?

Instellingen url WordPress

Kies de optie ‘berichtnaam’.

 

Een handvol WordPress pagina’s aanmaken

Laten we direct een paar pagina’s aanmaken. Die pagina’s hoef je nog niet te vullen – dat kan later.

We maken een paar pagina’s aan, omdat we daarna direct kunnen uitleggen hoe je een menu maakt in WordPress.

Er zijn twee soorten pagina’s die bijna elke website/blog heeft, namelijk een contactpagina en een ‘over’-pagina (waar je iets vertelt over de site, jouw doel en jezelf).

Hoe maak je een pagina aan?

Houd je muis over het menu-item ‘Pagina’s’ (links in het menu) en klik op ‘Nieuwe pagina’.

Vul vervolgens bovenaan de titel in. De titel kan in dit geval ‘Contact’ zijn.

Je ziet onder de titel wat de URL (de permalink) wordt. ./contact/ in dit geval.

We gaan de pagina direct publiceren. Later kan je deze pagina vullen (wanneer we een contactformulier plugin hebben geïnstalleerd).

Hoe maak je een pagina op?

Het vullen van de pagina werkt net als je document opmaakt in Word of Pages. Je kan lijstjes maken, woorden dikgedrukt en quotes (“).

Met ‘Media toevoegen’ kan je afbeeldingen toevoegen. Met de drie kettingen aan elkaar (rechts in de editor) kan je links maken. En wanneer je op ‘alinea’ klikt, zie je allerlei opties op koppen te maken.

Aan de rechterkant zie je ook een aantal opties.

  • ‘Concept opslaan’ betekent het opslaan van de pagina zonder de pagina te publiceren.
  • Je kan zien hoe de pagina er in het echt uit komt te zien door op ‘voorbeeld’ te klikken.
  • En je kan de pagina publiceren door op de grote blauwe knop ‘Publiceren’ te klikken.

Daar moeten we nu op drukken.

Je ziet na het klikken op ‘publiceren’ dat de blauwe knop verandert naar ‘bewerken’. Elke keer wanneer je aanpassingen doorvoert moet je op bewerken klikken op de pagina te veranderen.

Maak vervolgens nog een pagina aan, noem die ‘over’ en publiceer die pagina.

WordPress menu aanmaken en bewerken

We kunnen nu het WordPress menu goedzetten.

  • Ga met je muis over het menu-item ‘Weergave’ en klik vervolgens op ‘Menu’.
  • Geeft vervolgens het menu een naam bij het invoerveld ‘Menunaam’. Noem het bijvoorbeeld ‘Hoofdmenu’ en klik vervolgens op ‘Menu opslaan’.
  • Vink vervolgens helemaal links de pagina’s ‘over’ en ‘contact’ aan en klik op ‘Aan menu toevoegen’.
  • Klik daarna links op ‘Aangepaste links’.
  • Kopieer en plak de gehele URL van jouw website bij het invoerveld ‘URL’.
  • Vul bij het invoerveld ‘Linktekst’ het woordje ‘Home’ in en klik op ‘Aan menu toevoegen’.
  • Sleep vervolgens het blokje ‘Home’ naar boven (zodat het menu begint met het menu-item ‘home’).
  • En sleep ‘Contact’ naar onder.
  • Scroll ietsje naar beneden en vink bij ‘Menu Instellingen’ het vakje hoofdmenu/Primary Navigation of iets soortgelijks aan.
  • Klik op ‘Menu Opslaan’.

Wanneer je later andere menu-items wilt toevoegen, dan ga je weer naar ‘menu-items’, vink je de pagina’s aan die je wilt toevoegen, zet je die in de juiste volgorde en klik je weer op ‘menu opslaan’.

Wil je een uitgebreide uitleg met plaatjes bij elke stap?

Tijd voor de volgende stap!

WordPress plugins installeren – Zelf WordPress website bouwen

Plugins waren dus kleine software toevoegingen. We hebben plugins nodig voor o.a. een contactformulier, anti-spam, SEO etc.

Wij raden je aan om nu direct drie plugins te downloaden.

  • Contact form 7 (voor een contactformulier)
  • WordPress SEO by Yoast (voor zoekmachine optimalisatie)
  • Akismet (tegen spam bij blogreacties)

Hoe installeer je een plugin?

Dat is vrij eenvoudig.

Ga naar ‘Plugins’ en klik op ‘Nieuwe plugin’.

Plugins_toevoegen

  • Weet je de naam van de plugin die je wilt installeren? Vul dan in het zoekveld rechtsboven de naam in. Je kan ook het zoekveld gebruiken om te zoeken op termen, zoals ‘social media buttons’.
  • Je zou ook de populairste plugins van WordPress kunnen bekijken door op de tabbladen ‘Uitgelicht’, ‘Populairste’ en ‘Aanbevolen’ te klikken.

Hoogstwaarschijnlijk zijn de drie plugins die wij aanraden ook in een van die tabbladen te vinden.

Wanneer je een plugin hebt gevonden die je wilt hebben, klik dan op ‘Nu installeren’ en daarna op ‘Nu activeren’.

Drie belangrijke plugins

De meeste plugins moeten nog ingesteld worden, wij hebben daarom voor de drie aangeraden plugins een handleiding.

En optioneel: een ‘under construction’-pagina maken met een plugin.

Wat als ik een andere functionaliteit wil toevoegen met een plugin? Hoe pak ik dat aan?

Voor elke functionaliteit kunnen er meerdere, soms wel tientallen of honderden, plugins zijn. Het is daarom slim om informatie in te winnen over de beste plugins voor een bepaalde functie.

Stel, je wilt een plugin voor social media buttons installeren.

Zoek dan bijvoorbeeld op ‘Best Social Media button WordPress plugin’. Scan een paar artikelen en kies de plugin die het jou het meest aanspreekt. De naam van de plugin vul je vervolgens in bij het zoekveld op de ‘nieuwe plugin’ pagina en je installeert en activeert vervolgens de plugin.

Wanneer je een plugin hebt geactiveerd, dan zie je vaak een nieuw menu-item voor de plugin in het dashboard van WordPress. Soms is het een hoofdmenu-item en soms wordt die onder een bestaande hoofdmenu-item geplaatst (meestal is dat onder ‘Instellingen’, ‘Extra’ of ‘Weergave’.

Meer informatie over plugins?

Lees het artikel: de beste gratis WordPress plugins op een rijtje.

Widgets, de sidebar en footer

Widgets zijn blokjes functionaliteit. Die widgets kan je op elkaar stapelen om zo de sidebar of de footer vorm te geven..

Je kan het menu-item ‘Widgets’ vinden onder het kopje ‘Weergave’.

Aan de linkerkant zie je de beschikbare widgets en aan de rechterkant zie je een blok met ‘sidebar’ en ‘footer’. Door de widgets van en naar de sidebar te slepen kan je de inhoud van de sidebar bepalen.

Er zijn 16 widgets beschikbaar wanneer je WordPress installeert, die hoeveelheid kan je uitbreiden door plugins te installeren. Zo kan je bijvoorbeeld een plugin installeren die een extra widget creëert voor een inschrijfformulier voor de nieuwsbrief. Verder heeft bijna elke social media wel een specifieke pagina waarbij je een code kan opvragen voor een ‘social media box’ over jouw profiel. Die code kan je direct in een ‘Eigen HTML’ widget gooien en in de sidebar plaatsen

De footer

De footer bestaat vaak uit een combinatie van linkjes (een klein menu) en informatie. Je kan bij het menu-item een nieuw menu maken speciaal voor de footer door dezelfde stappen te nemen de we eerder hebben genomen.

Wil je meer widgets? Of een uitgebreide uitleg over het maken van een sidebar of footer?

Lees het handleiding: WordPress sidebar maken, toevoegen en aanpassen

WordPress themes: het design van je WordPress website

Gratis of betaalde WordPress themes?

Er zijn duizenden gratis WordPress templates  en tienduizenden uitgebreidere premium WordPress themes.

De meeste gratis thema’s zijn gebouwd door webdesigners die willen oefenen met WordPress of het als marketingmiddel gebruiken om hun betaalde thema’s of diensten te verkopen.

Dit betekent dat de gratis thema’s meestal niet van hele hoge kwaliteit zijn. Ze zijn prima als je een bijvoorbeeld een persoonlijke blog wil maken en weinig budget hebt.

Voorbeelden van gratis thema’s

Premium thema’s

Premium thema’s kosten rond de 40 en 80 euro.

Voorbeeld betaald thema

Ze zijn uitgebreider, mooier en completer. Vergelijkbaar met op maat gemaakte designs, maar dan een fractie van de kosten.

Betaalde thema’s kan je kopen op thema marktplaatsen. De bekendste is ThemeForest.

Werken met WordPress themes

Het instellen van WordPress themes is misschien wel het lastigste onderdeel van het leren werken met WordPress.

Dit komt voornamelijk omdat iedere ontwikkelaar zijn of haar eigen systeem moet maken om het thema te beheren. Dit betekent dus ook dat geen één handleiding precies kan uitleggen hoe je een thema instelt.

Hoe leer je werken met WordPress themes?

Wij gaan het zo aanpakken:

  1. We gaan zo kijken naar een paar instellingen van het thema dat we nu gebruiken.
  2. Daarna switchen we naar een ander gratis thema (Twenty Fifteen) en kijken we wat er ander wordt en passen we weer wat dingen aan.
  3. Daarna kiezen we voor een gratis thema met homepage (Goedemorgen).
  4. Tot slot installeren we een betaald thema en kijken we hoe dat werkt.

Hopelijk zorgt dit proces dat je enigszins begrijpt hoe het instellen van WordPress thema’s werkt en helpt het jou met het instellen van het thema naar keuze.

En je kan natuurlijk ook eerder stoppen als je het nieuwste WordPress thema, het thema Twenty Fifteen of het thema Goedemorgen wilt gebruiken.

Twee manieren om een thema aan te passen

De meeste thema’s zijn op twee manieren aan te passen.

  • Via het menu-item ‘Customizer’, die kan je onder ‘Weergave’ vinden.
  • En via een specifiek menu-item voor het thema.

Met de ‘Customizer’ kan je meestal maar een handvol dingen aanpassen. Het voordeel is dat je direct het resultaat van de aanpassingen ziet.

Bij de meeste Premium thema’s komt er een extra menu-item bij voor het thema zelf. Je kan bij dat menu-item vaak tientallen tot honderden dingen aanpassen.

Stap 1: Customizer gebruiken (huidige thema)

Wanneer je WordPress installeert dan is direct het nieuwste thema van WordPress zelf actief.

De thema’s van WordPress zijn gratis, maar wel vaak minimalistisch. En de enige methode om het thema aan te passen is door de Customizer te gebruiken. Laten we dat doen.

Ga met je muis over ‘Weergave’ en klik op ‘Customizer’.

Het thema dat wij als voorbeeld gebruiken is ‘Twenty Seventeen’, mogelijk zie jij nu het thema ‘Twenty Eighteen’.

Aan de linkerkant zie je een aantal opties.

Bij ‘Site-identiteit’ kan je een logo toevoegen, de titel en ondertitel aanpassen of verwijderen. Verder kan je een favicon toevoegen. Dat is een hele kleine afbeelding die zichtbaar is wanneer je een pagina opent in je browser. Als je bijvoorbeeld nu boven de URL balk kijkt in de browser, dan zie je bij deze geopende pagina een klein zonnetje/bloempje.

Bij ‘Header’ kan je de grote kopafbeelding aanpassen of zelfs verwijderen.

Buiten deze aanpassing kan je niet zoveel veranderen in dit thema met de customizer.

Laten we nu van thema wisselen.

Stap 2: Nieuw thema installeren en instellen

We gaan nu een ander gratis thema van WordPress installeren en instellen.

Ga via ‘Weergave’ naar ‘Thema’s.

Je ziet dan alle thema’s die op dit moment zijn geïnstalleerd.

Je kan andere gratis thema’s bekijken en installeren door op ‘Nieuwe toevoegen’ te klikken. Je ziet dan net als bij de plugins een paar tabbladen met ‘Populair’, ‘Nieuwste’ en ‘Uitgelicht’. Je kan ook bij ‘Eigenschap filter’ zoeken naar specifieke thema’s.

Als het goed is staat het thema dat wij nu gaan installeren ‘Twenty Fifteen’ al in het rijtje met geïnstalleerde thema’s. Zie je het thema staan? Ga dan met je muis over het thema heen en klik op ‘Activeren’.

Kan je het thema niet vinden? Dan moet je waarschijnlijk het thema eerst installeren. Klik op ‘Nieuwe toevoegen’, vul in de zoekbalk ‘Twenty Fifteen’, klik op ‘Installeren’ en klik vervolgens op ‘Activeren’.

Wanneer je nu jouw website bekijkt, dan zie je direct dat het design anders is.

Maar je ziet waarschijnlijk ook dat het niet geheel lijkt op het voorbeeld. Het voorbeeld is ook altijd een eindresultaat wat je met het thema kan bereiken, niet hoe het thema er direct uitziet (dit is vooral belangrijk om te onthouden als we later een Premium thema installeren).

Laten we weer naar de customizer gaan

Wanneer je een thema wisselt dan kan het voorkomen dat het menu verdwijnt.

Als dat het geval is, dan zou je bij het kopje ‘Menu’ (in de customizer of via het menu-item ‘menu’ in het dashboard (onder ‘Weergave)) de locatie moeten aanpassen. Selecteer dan bij de optie ‘Primair menu’ (of ‘Hoofdmenu’, of ‘primaire navigatie’) het menu dat je eerder hebt aangemaakt (we hebben die toen ‘hoofdmenu’ genoemd).

Wil je net als het voorbeeld onder het menu een stukje tekst? Dan kunnen we dat toevoegen via ‘Widgets’ (je zou dan een ‘tekst’-widget in de sidebar moeten zetten).

Stap 3: WordPress website maken met het gratis thema ‘Goedemorgen’

Laten we nu een strak en minimalistisch thema installeren waarbij we ook een homepage kunnen maken.

Het thema heet ‘Goedemorgen’.

Ga weer via ‘Weergave’ naar ‘Thema’s, klik op ‘nieuwe toevoegen’, vul in het zoekveld ‘Goedemorgen’, installeer en activeer vervolgens het thema.

Aparte homepage maken

Wanneer je WordPress installeert dan bestaat de homepage uit het blog (je ziet de blogartikelen wanneer je jouw website bezoekt). Dit kan je veranderen.

Je kan een aparte homepage maken en een aparte blogpagina. Als we dit willen doen, doen moeten we eerst aangeven welke pagina de homepage wordt en op welke pagina de blogartikelen getoond moeten worden.

  • Maak daarom twee pagina’s aan. Eentje met de naam ‘Home’ of ‘Front page’ en eentje met de naam ‘Blog’. Je hoeft de pagina’s niet te vullen, alleen te publiceren.
  • Ga vervolgens naar ‘Instellingen’ en klik op het menu-item ‘Lezen’.
  • Selecteer vervolgens bij ‘Jouw homepage toont’ de optie ‘een statische pagina’.
  • Selecteer daarna bij de optie ‘Homepage’ de pagina die je ‘Home’ hebt genoemd en ‘Blog’ bij ‘berichtpagina’.
  • Klik vervolgens op ‘Wijzigingen Opslaan’.

Menu aanpassen

Wanneer je van thema wisselt moet je meestal de locatie van het menu weer bepalen. Je kan dat goedzetten bij de menu-items ‘Menu’s’ of ‘Customizer’

Het maken van een homepage

We hebben nu een aparte homepage. Dat is op dit moment een normale pagina. Je zou via de teksteditor de homepage kunnen vullen.

Het wordt iets lastiger als je een homepage wil maken die je op veel websites ziet, met bijvoorbeeld een grote header of andere designelementen.

Veel thema’s bieden opties aan om het design van de homepage aan te passen. Sommige thema’s hebben templates, anderen een page-builder (en dat klinkt helaas makkelijker te gebruiken dan het is).

Homepage maken in het thema Goedemorgen

Het thema ‘Goedemorgen’ werkt met ‘parent-pages’ om homepages te maken.

Gelukkig heeft de bouwer van het thema een filmpje gemaakt die stap voor stap uitlegt hoe je een homepage maakt.

Informatie over het thema en deze methode kan je vinden bij het menu-item ‘Goedemorgen’, die kan je vinden onder het menu-item ‘Weergave’.

Je ziet hier o.a. een knop voor de documentatie (uitleg over hoe het thema werkt), de ‘Customizer’ en het installeren van aangeraden plugins.

Helemaal onderaan zie je een knop met ‘Reproduce Demo’. Wanneer je op die knop klikt dan kom je op een pagina waarin uitlegt wordt hoe je jouw homepage omtovert naar een van de twee voorbeelden. Klik hier op ‘Default demo’.

Stap 4: Premium thema kopen, installeren en instellen

Premium WordPress thema’s zijn mooier en flexibeler dan gratis thema’s.

Er zit wel een nadeel aan: ze zijn meestal lastig in te stellen. Het zoeken, kopen en het instellen van een Premium Thema is een kunst op zich.

Hulp bij het kiezen van een thema

Themeforest – de populairste website waar je thema’s kan kopen – kan je ruim 10.000 WordPress thema’s. Maar welke is geschikt voor jou? Dit artikel helpt je bij het beoordelen, kiezen en kopen van een premium WordPress thema.  Het artikel legt ook uit hoe je met een kleine omweg kan betalen via iDeal, je kan namelijk bij Themeforest alleen betalen via PayPal of creditcard.

Na het kopen van een thema (wij nemen als voorbeeld het thema ‘Stockholm’ klik je op download en selecteer je ‘All files & documentation’.

Je krijgt dan een ZIP-bestandje. Pak dat bestandje uit en open het mapje.

Twee onderdelen zijn belangrijk. De documentatie en het zip-bestandje van het thema.

Probeer na het installeren van het thema de documentatie erbij te pakken, zodat je beter begrijpt hoe het thema werkt.

Hoe installeer je een gekocht WordPress thema?

  • Ga via ‘Weergave’ naar ‘Thema’s’ en klik daarna op ‘Nieuwe toevoegen’.
  • Klik daarna bovenaan op ‘Thema uploaden’.
  • Je kan dan een bestand selecteren. Selecteer hier het zip-bestandje van het thema. Die kan je in het geopende mapje vinden en heeft meestal de naam van het thema, gevolgd met .zip.
  • Klik daarna op ‘nu installeren’.
  • En tot slot ‘Activeren’.

Elk thema werkt anders

Het is daarom onmogelijk om stap voor stap uit te leggen wat je precies moet doen.

Maar we kunnen je wel een aantal handvaten meegeven.

Zo is het slim om de documentatie van het thema erbij te pakken. Daar wordt stap voor stap uitgelegd wat je allemaal kan aanpassen en hoe je dat doet.  Want alle opties spreken – vooral bij beginners – niet voor zich.

Kijk maar eens.

Je ziet 19 tabbladen met ieder een handvol of enkele tientallen opties. En de meeste opties zeggen je als beginner niet zo veel. Wat is bijvoorbeeld ‘top padding (px)?

Verder verandert het design nauwelijks wanneer je zo’n thema activeert. Waarschijnlijk wordt het zelfs een rommeltje. Dit komt omdat de demo’s die je ziet voorbeelden zijn van websites die je kan maken met het thema.

En bij het thema StockHolm zijn alle homepage demo’s gemaakt met een pagebuilder. En de pagebuilder werkt, zoals als ik al eerder zei, niet zo makkelijks als het doet klinken.

Kijk maar eens.

Zo ziet een ingestelde homepage eruit aan de voorkant.

En zo ziet de achterkant van de homepage er uit.

Hoe maak je zo’n homepage?

Twee manieren:

  • Zelf bouwen met de pagebuilder
  • Demo gebruiken en de demo content aan te passen

Wij raden de tweede optie aan, omdat het leren werken met een pagebuilder vrij ingewikkeld is. Wanneer je ‘demo content’ gebruikt, dan wordt alles ingesteld en hoef je alleen de teksten aan te passen.

De meeste thema’s bieden een optie aan op alle content van een van de voorbeelden te importeren. Dit betekent dus dat jouw hele website er uit komt te zien als de demo.

Een ‘klein’ nadeel: er worden tientallen, soms een honderdtal, pagina’s geïmporteerd. En waarschijnlijk heb je er maar een handvol nodig. Dit betekent dat je de rest van de pagina’s handmatig moet verwijderen. Niet heel lastig, maar wel handig om rekening mee te houden.

Om demo content te importeren moet je op zoek naar ‘Import’ menu-item, bij Stockholm heet het menu-item ‘Select Import’. De documentatie kan je helpen om de juiste knop te vinden.

Selecteer vervolgens de demo website die je wilt importeren en klik op ‘importeren’. Het importeren kan eventjes duren.

Wat te doen na het importeren van demo content?

  • Je past dan weer het menu aan (kies dan voor het geïmporteerde hoofdmenu ipv jouw eigen gemaakte menu).
  • Daarna bekijk je de website en noteer je welke pagina’s en evt elementen je wel of niet wilt hebben.
  • Vervolgens ga je elke pagina af die je wilt houden en pas je stap voor stap de website aan (door op ‘pagina bewerken’ te klikken).
  • Daarna pak de documentatie erbij wanneer je elementen op de website wil aanpassen of verwijderen.
  • Daarna verwijder je elke pagina en blog die je niet wilt hebben.
  • Tot slot pas je het menu aan (of maak je een nieuw menu met alle pagina’s die je wilt houden).

Pagina’s vullen en de WordPress website werkend krijgen

De website is nu grotendeels af.

Nu moet de laatste 10 á 20% gefixt worden. De laatste loodjes.

De website hoeft niet perfect te zijn. Perfectie bestaat niet.

Ga voor ‘good enough’, zodat je zo snel mogelijk kan starten met hetgeen wat je wilt en moet doen (bloggen, verkopen, aandacht genereren etc).

Later kan je de website nog beter maken.

Statistieken meten met Google Analytics

Google Analytics is een webanalyse programma. Je kan onder andere zien hoeveel bezoekers je per dag hebt, waar die vandaan komen, op welke zoekwoorden zij hebben gezocht en wat ze op de website doen.

Via de website van Google Analytics kan je gratis een account aanmaken en jouw website toevoegen. Voordat Google Analytics de gegevens van jouw website kan verzamelen, moet je een code op jouw website in de header plaatsen.

Je kan dit ook door de plugin ‘Google Analytics’  laten doen. Na de plugin geactiveerd is, kan je via ‘Instellingen’ klikken op ‘Google Analytics’.  Hier zie je een leeg veld staan met ‘Web Property ID’.

Vul hier de code uit de trackingscode die je via Google Analytics kreeg in.  Die code ziet er zo uit ‘UA-12345678-9’

Hier een handleiding voor het implementeren van Google Analytics in WordPress.

 

WordPress, thema’s en plugins updaten

Het is geadviseerd om regelmatig (eens per twee weken) alle updates van WordPress, de plugins die je gebruikt up te daten. Dat kan bij het menu-item ‘Updates’ en die kan je vinden onder het menu-item ‘Dashboard’.

Het updaten van een thema is iets lastiger.

Heb je een thema gekocht bij Themeforest? Lees dan hier hoe je met een plugin alle gekochte thema’s in WordPress kan updaten.

SEO

Lees hier hoe je de WordPress SEO plugin van Yoast kan instellen.

Lees hier hoe je jouw website toevoegt aan de Search Console van Google.

Lees hoe je een pagina kan optimaliseren voor Google.

Beter worden in bloggen?

Lees dan het artikel:

 

Start direct met een WordPress website maken

Begin vandaag nog met het bouwen van je eigen WordPress website en neem direct de eerste stap; WordPress hosting bestellen en een domeinnaam vastleggen.

Heeft deze handleiding voor het bouwen van een eigen WordPress je geholpen? Deel het dan via Twitter, Linkedin of Facebook.

Meer informatie over het bouwen van een WordPress website?