Je content is namelijk aangepast op de mogelijkheden van je oude template. Natuurlijk ga je eerst de template testen in een testomgeving. Stel je voor dat er iets misgaat en er komt een bezoeker op je blog, die dan ziet dat je aan het prutsen bent. Niet handig! Eerst importeer je een aantal berichten en pagina’s naar de testomgeving. Dan ga je de WordPress template installeren en activeer je de nieuwe template. Nu kan je zien hoe je content er uitziet met het nieuwe design.
Vaak ziet niet alles eruit zoals jij wilt, dus daarom ga je de template testen. En daar ben je wel even mee bezig. Zijn de afbeeldingen nog goed, werken alle plugins, klopt het menu, etc. Template instellingen aanpassen. Een goed template beschikt over algemene instellingen. Deze vind je bij een speciaal menu item in je template of bij weergave > theme options. Controleer enkele berichten en pagina’s. Hoe staan de foto’s erin? Moeten de afmetingen van de uitgelichte afbeeldingen worden aangepast (dit kan je doen met: Force Regenerate Thumbnails). Test de plugins. Voeg widgets toe aan de sidebar. In principe maak je je blog dus helemaal klaar, zodat je precies weet hoe hij er uit moet zien.
Backups en voorbereidingen
Maak dan als eerst een volledige backup van je site en installeer dan pas de WordPress template. Na het activeren van je nieuwe template blijven de meest instellingen (plugins en WP core) bestaan en je content verandert niet. Het enige wat er gebeurt is dat je blog dus een nieuw design krijgt. Zelf heb ik de template aangepast, terwijl mijn blog online was. Werk je to-do list af. Begin met de theme-options die je vergelijkt met de theme-options uit de testlocatie.
Heb je maximaal 50 blogposts (of veel tijd)? Loop dan je blogposts na en kijk of ze er nog goed uitzien. Heb je nieuwe content geschreven of plugins die je wilt installeren. Controleer de pagina’s, gebruik de zoekfunctie op je blog, bekijk de categorieën, test het contactformulier etc. Zijn er “foute” dingen die je tegen komt? Heb je de to-do list afgewerkt en ziet je template er dan uit zoals het hoort?
Keuzes rond hosting en hostingproviders
WordPress is in de loop der jaren enorm gegroeid: het content management systeem is een stuk stabieler (minder foutmeldingen) geworden, de installatie is makkelijker en je hebt keuze uit heel veel goede en professionele thema’s. Hosting is is in vele soorten en maten. Welke partij is nu de beste? Mijn tip is dat je een hostingpartij neemt met een abonnement van tussen de 5 en 10 euro per maand. De budget hostingpartijen bieden vaak al voor enkele euro’s een abonnement aan, maar goedkoop is duurkoop. LET OP: vaak bieden de hostingpartijen flinke kortingen aan in het eerste jaar. Dus kijk goed wat je dan het tweede jaar betaalt, want dat kan zo het dubbele bedrag zijn.
wpjournalist.nl is bijvoorbeeld een domeinnaam. Neem daar wel even de tijd voor, want als je eenmaal de keuze hebt gemaakt voor een domeinnaam, zit je er jaren aan vast. Je ligt voor de hand om bijvoorbeeld je bedrijfsnaam te nemen als domeinnaam, maar soms kan het ook handig zijn om voor een domeinnaam te kiezen die zoekmachine vriendelijk is. Bij iedere hostingpartij doe je dat op een andere manier. Bij de meeste kun je vrij makkelijk een tool gebruiken die WordPress automatisch voor je installeert. Kijk even goed naar de handleiding van je hostingpartij. Bij een paar hostingpartijen gebeurt dit nog niet automatisch en moet je een paar handelingen extra verrichten. Ook hier geldt, overleg even met de supportafdeling.
Installatie en voor jullie gebruikersvriendelijk starten
Nadat je hebt ingelogd, kom je terecht in het content management systeem van WordPress. Je ziet links en bovenin een (zwarte) navigatiebalk met ‘dashboard’, ‘berichten’, ‘pagina’s’, etc. Als je WordPress installeert, wordt er ook automatisch een standaard template of theme geïnstalleerd. Er zijn allerlei manieren om aan een template te komen. Wat is een goed theme en welke keuzes moet je daarin maken? Neem hier echt even de tijd voor, want het kiezen van een theme is een belangrijke beslissing waar je nog jaren aan vast zit. Als je namelijk wilt switchen van het ene naar het andere theme, moet je veel zaken handmatig weer aanpassen.
Als je een theme op ThemeForest hebt gekocht, kun je een zip-bestand downloaden. TOP7: beste themes van ThemeForest Dit zijn de beste 7 thema’s voor je op een rij: 1. 2. 3. 4. 5. 6. 7. Het is nu tijd om het template te installeren. Klik op Weergave en dan bovenin op Nieuwe toevoegen. Je krijgt dan een overzicht van alle themes die WordPress beschikbaar stelt. Maar jij kiest voor (bovenin) Thema uploaden. Je pakt het gecomprimeerde zip-bestand (all files & documentation) uit dat je hebt gedownload. Door het uit te pakken, krijg je een map met daarin een aantal submappen en bestanden. Hiernaast zie je een voorbeeld van het uitgepakte zip-bestand van het The7 theme, waarmee WPjournalist is gebouwd. In de submappen zie je bijvoorbeeld de documentatie (user guides) en nog wat andere zaken. En je ziet nog een zip-bestand dt-the7_v.10.4.1. Dit is het bestand dat je nodig hebt om het theme te installeren. En dan klikken op Nu installeren.
Je hebt nu het theme geïnstalleerd, maar je bent er nog niet. LET OP: niet altijd zijn deze afbeeldingen inbegrepen in het thema. Er zit bijvoorbeeld copyright op en je moet dan deze demo afbeeldingen vervangen door eigen afbeeldingen. Nu gaat het echte werk beginnen!
Plugins en page builders
a. Het mooie van WordPress is dat je allerlei plugins kunt toevoegen bij Plugins in de linker navigatiebalk. 1. een beveiligingsplugin. Gebruik WordFence en activate Akismet Anti-spam. 2. een SEO plugin: Yoast SEO. 3. een backup plugin zoals BackWPup of UpdraftPlus. 4. een caching plugin. 5. een plugin om afbeeldingen te comprimeren zoals Smush. 6. Envato Market plugin voor ThemeForest updates.
b. De meeste thema’s van ThemeForest werken met een page builder. De twee bekendste zijn WP Bakery Builder en Elementor. Welke is nu de beste? Persoonlijk vind ik de WP Bakery builder iets gebruikersvriendelijker, maar Elementor biedt meer mogelijkheden voor header/footer. Hoe werkt zo’n page builder? De ervaring leert dat je al vrij snel de werking onder de knie krijgt. TIP: pagina’s worden opgemaakt met de page builder, maar dat geldt meestal niet voor de berichten.
c. Je kunt ook pagina’s aanpassen in de front editor van de WP Bakery page builder. d. Denk aan een andere hoofdkleur, het lettertype en het instellen van de header en footer. Deze instellingen staan bij het ene thema als aparte tab in de linker navigatiebalk, maar soms onder weergave > customizer. e. Denk aan Portfolio, Testimonials, etc. 1. Kijk of bij Instellingen > Lezen de zoekmachine zichtbaarheid niet staat aangevinkt. 2. Permalink instellingen checken. 3. Instellingen bij Discussie. 4. Check alles nog even goed, vooral mobiel.
f. De thema’s van ThemeForest zijn over het algemeen niet supersnel, dus je kunt niet verwachten dat je een score van 100 haalt. Heb je een geschikt WordPress thema gevonden? Dan moet je deze eerst downloaden. Het eerste dat je moet voordat je begint met het aanpassen van je thema is een ‘child’ thema aanmaken. Door een child thema aan te maken kun je alles aanpassen zonder dat de oorspronkelijke template verandert. Dit is slim omdat als je ooit het parent thema update, al je aanpassingen verloren zullen gaan.
Child themes en aanpassingen
Het enige dat je daarvoor hoeft te doen is een mapje aanmaken met de naam van je child theme. Vervolgens open je een teksteditor. Dit bestand sla je op als ‘style.css.’ Daarna kun je het bestand uploaden. Als je moeite hebt met het child thema kun je altijd terecht op deze pagina. Je bekijkt en vergelijkt tientallen gratis en betaalde WordPress thema’s. Je kiest dan het thema dat zo dicht mogelijk bij jouw wensen ligt - op elk vlak. Daarna loop je alle nieuwe thema instellingen langs en pas je o.a. Zo hebben veel thema’s geen ontwerpen voor de homepage. Kortom: heel veel opties en onzekerheden.
Page templates en basisgebruik
Daarnaast komen bij veel betaalde thema’s en de beste gratis thema’s vaak meerdere templates (ontwerpen voor specifieke pagina’s, zoals de homepage) die je kunt importeren en activeren. Sommige zijn enorm simpel en beperkt en andere thema’s zijn enorm uitgebreid en complex. Dit komt voor een groot deel omdat WordPress in de kern software voor blogs is. Dus de standaard homepage bij WordPress is het blogoverzicht. De meeste mensen en ondernemers willen een ‘traditionele’ homepage. Zo’n ’traditionele’ homepage is niet standaard bij WordPress. En ook niet bij thema’s. Daarom zie je ook dat het ontwerp van de homepage niet drastisch verandert als je een nieuw thema installeert - of als je een voorbeeld bekijkt van een nieuw thema in WordPress. Het kan eventueel met de pagebuilder van WordPress zelf, die ook wel Gutenburg wordt genoemd, maar vaak wordt er een externe pagebuilder plugin geïnstalleerd, die meer opties en vrijheid biedt bij het ontwerpen van pagina’s.
- Met een pagebuilder kun je pagina’s indelen en vormgeven met een ‘blokkensysteem’. Bijna elke pagebuilder kun je gratis installeren als plugin.
- Een template is een of meerdere pagina’s (vaak minimaal een homepage) die vooraf ontworpen zijn met een pagebuilder. Die template, ook wel vaak een demo genoemd, kun je importeren.
- De meeste betaalde WordPress thema’s en de beste gratis WordPress thema’s helpen je bij het vormgeven van een ’traditionele’ homepage.
- Je hebt dan direct een homepage die gebouwd is met de pagebuilder, waarbij alles al goed staat.
Met een pagebuilder kun je elementen zoals blokken indelen en bewerken. Een template is een demo die je importeert en vervolgens aanpast door afbeeldingen te wisselen en teksten te vervangen. Het is dus mogelijk om een homepage te bouwen met een combinatie van pagebuilder en templates.
Page templates in WordPress geven je de mogelijkheid om een pagina er anders uit te laten zien of om extra functionaliteiten aan een bepaalde pagina toe te voegen. Hieronder staan ideeën waarvoor je een page template kunt gebruiken: volledig naar wens aangepaste homepage, archiefpagina met de laatste 5 berichten van elke categorie, auteurslijst, bloglijst, unieke contactpagina, tijdlijn, HTML-sitemap, portfolio, pagina zonder metagegevens, verkooppagina. De mogelijkheden zijn oneindig.
Hoe selecteer je een page template?
Om een page template te selecteren in WordPress moet je naar de pagina gaan waar je een page template wilt gebruiken. Aan de rechterkant in de editor van de pagina zal je vervolgens een box “Pagina-attributen” zien staan. In deze box staat het kopje “sjabloon” met daaronder een dropdown menu waar in eerste instantie altijd “Standaard template” staat geselecteerd. Je kunt op “Standaard template” klikken om het dropdown menu tevoorschijn te halen waarin je de page template kunt selecteren. Indien je de juiste page template hebt geselecteerd kun je de pagina opnieuw opslaan en het resultaat bekijken.
Een basis WordPress page template kun je ook zelf maken: alle WordPress thema’s hebben een bestand genaamd “page.php”. Bij “Templatenaam” kun je de naam invoeren die je aan dit template wilt geven om het te herkennen. Daarna pas je de juiste onderdelen aan zodat de pagina full-width is en de gewenste header gebruikt wordt. Het zetten van een andere header op een speciale pagina vereist een nieuw bestand en het toevoegen aan de page template.
Beveiliging en onderhoud
Goed idee is om je de plugin Envato Market te gebruiken voor ThemeForest-updates en altijd te controleren of je thema en plugins up-to-date zijn. Maak regelmatig backups en controleer compatibiliteit bij WordPress- en PHP-updates. Foutenopsporing kun je inschakelen via wp-config.php (define('WP_DEBUG', true);) en dan conflicterende plugins stap voor stap deactiveren en opnieuw activeren.
Hoe installeer je een template op WordPress?
Samengevat: stappen om jouw template te installeren en aan te passen
1) Test in een staging-omgeving en importeer berichten en pagina’s. 2) Installeer en activeer het gewenste template. 3) Controleer en pas aan via theme options of customize. 4) Maak een child theme aan voor veilige aanpassingen. 5) Pas content, afbeeldingen en pagina’s aan met de page builder of blok-editor. 6) Controleer instellingen zoals lezen, permalinks en discussie. 7) Importeer demo-content en pas aan naar jouw huisstijl. 8) Maak back-ups en houd updates bij.