Geplaatst op Geef een reactie

Child theme maken

Child theme aanmaken

Child theme maken

Wil je weten hoe je een child theme aan kunt maken? Lees dan gauw verder. In deze blog gaan we een child theme maken. We nemen je mee door het proces en leggen je uit waarom het belangrijk en soms handig kan zijn om een child theme te gebruiken. Een child theme aanmaken voor WordPress is vrij eenvoudig. Mocht je na het lezen van deze blog er toch niet helemaal uitkomen? Geen probleem! We helpen je graag verder bij het aanmaken van jouw eerste WordPress child theme.

Wat is een child theme?

Een child theme is niets meer dan een thema dat de functies en styling overneemt van een hoofdthema dat je al gebruikt. Wil je bijvoorbeeld bepaalde styling in CSS of bepaalde functies in PHP veranderen? Doe dit dan met zo’n child theme. Zo voorkom je dat jouw wijzigingen verloren gaan bij een update van het desbetreffende hoofdthema. Een child theme bestaat tenminste uit 1 folder met 1 CSS bestand. Zonder het CSS bestand kun je het thema niet vinden in jouw WordPress dashboard. Een child theme kun je op verschillende manieren aanmaken.

Handmatig een child theme maken

Aangezien het niet moeilijk is om handmatig een child theme aan te maken, gaat onze voorkeur hier ook naar uit. Zoals eerder benoemd moet een child theme tenminste bestaan uit één folder en één CSS bestand. Het is de bedoeling dat je in het CSS bestand een aantal regels aan gaat maken dat er voor moet zorgen dat het child theme verbinding gaat maken met het hoofdthema dat je al geïnstalleerd hebt. Neem de stappen zorgvuldig door!

  1. Maak eerst verbinding met de FTP server of de filemanger op jouw control panel.
  2. Ga vervolgens door de mappenstructuur opzoek naar de map ‘themes’ in WordPress. Standaard gaat het via het volgende bestandspad: ‘httpdocs/wp-content/themes’.
  3. Hier zie je als het goed is ook jouw hoofdthema staan dat je wellicht al gebruikt. Het is nu de bedoeling hier een nieuwe folder aan te maken. Je mag deze zelf een gewenste naam geven.
  4. Na het aanmaken van de gewenste folder, kun je deze openen en maken hier een text bestand aan dat we vervolgens ‘style.css’ noemen.
  5. Open nu het bestand ‘style.css’. Dit kun je het beste openen met een code editor als Notepad ++ of Atom bijvoorbeeld.

Nu we het bestand style.css aangemaakt hebben kunnen we dit bestand voorzien van de benodigde code om hem te laten verbinden met het hoofdthema dat je hiervoor wil gebruiken. Voeg hiervoor de volgende code toe:

/*
Theme Name: De Web Developer
Theme Name: De Web Developer
Theme URI: https://www.dewebdeveloper.nl/
Author: Bouke Lourens
Author URI: https://www.dewebdeveloper.nl/
Description: Hier kun je een omschrijving invullen voor het template.
License: Hier vul je de eventuele license in.
License URI: license.txt
Tags: Tags: tags, kun, je, op, deze, manier, invoeren
Text Domain: Hier vul je de mapnaam van je childtheme in.
Template: storefront
Version: Hier vul je de versie in van jouw template, bijvoorbeeld: 1.0
*/

Na het toevoegen van de bovenstaande code moet je nog bij ‘Template:’ de templatenaam invullen van het hoofdthema waarvoor je deze child theme aanmaakt. De naam moet wel exact overeenkomen met de naam van het hoofdthema (parent theme), anders kan deze geen verbinding maken en zul je hem niet zien tussen de jouw templates. Je kunt de naam vrij eenvoudig opzoeken in de template folder via FTP of de filemanager. Nadat je de bovenstaande code juist heb ingevuld kun je de style.css pagina opslaan. Gelukt! Jouw child theme is nu aangemaakt.

Het child theme activeren

Nu jouw child theme aangemaakt is, kunnen we deze activeren. Dit doe je door allereerst in te loggen op jouw WordPress dashboard. Nadat je ingelogd bent ga je naar: ‘Weergave’ > ‘Thema’s’. Op deze pagina zie je vervolgens alle geïnstalleerde thema’s staan. Ook zul je jouw net aangemaakte child thema hier zien staan. Om het child thema te gebruiken moeten we deze eerst nog activeren. Hover met je muis over het child theme, waarna je de knop ‘Activeren’ ziet staan en klik hierop. Gefeliciteerd! Je WordPress website is nu ingesteld met jouw eigen net aangemaakte child theme. Je kunt ook nog even drukken op ‘Themadetails’. Hier zie je vervolgens alle details die je hebt kunnen invullen in de code die je opgeslagen hebt in het style.css bestand. Echter, zie je nog geen tumbnail oftewel een thema afbeelding. Hoe we dit oplossen, gaan we nu bespreken.

Preview afbeelding instellen voor jouw child theme

Zoals je hebt kunnen merken hebben alle templates netjes een thema preview afbeelding, behalve jouw eigen child theme. Dit kunnen we vrij eenvoudig oplossen door een afbeelding in het juiste formaat en bestandsformaat te uploaden in de hoofdfolder van het child theme. Doe dit als volgt:

  1. Open een fotobewerkings- programma als Adobe Photoshop of het gratis fotobewerk programma GIMP.
  2. Maak hier een nieuw bestand aan in de volgende afmetingen: 880 pixels breed en 660 pixels hoog.
  3. Wat we zelf altijd doen voor onze klanten, is een printscreen maken van de homepage en deze te gebruiken als preview afbeelding.
  4. Sla de preview op in het bestandstype PNG met de volgende bestandsnaam: ‘screenshot.png’.
  5. Upload de afbeelding ‘screenshot.png’ naar de hoofdmap van jouw child theme.

Als je nu weer terug gaat naar de thema pagina in jouw WordPress dashboard zul je de preview moeten zien bij jouw child theme. Mocht dit niet het geval zijn, controleer dan even goed of je de juiste bestandsnaam en of bestandstype gebruikt.

PHP functies toevoegen aan jouw child theme

Het kan ook voorkomen dat je bepaalde wijzigingen wilt doorvoeren aan jouw template. Hiervoor zou je de PHP code bijvoorbeeld naar het bestand ‘functions.php’ kunnen doorvoeren van jouw parent theme. Echter zal na een update ook hier de code weer verdwijnen uit de ‘functions.php’. Het is daarom aan te raden hiervoor een ‘functions.php’ voor aan te maken in de hoofdfolder van jouw child theme. Zo blijven de wijzigingen na een thema update netjes bewaard.

Om jouw eigen functions.php in te laden zullen we deze eerst moeten aanmaken. Deze kan aangemaakt worden in de hoofdmap van jouw child theme. Dit gaat op dezelfde wijze als het aanmaken van het style.css bestand. Maak nu een nieuw bestand aan via FTP en noem deze ‘functions.php’. Voer vervolgens het onderstaande script in:

<?php
function my_function() {
    // Hier kun je jouw aangepaste functions plaatsen.
}
?>

Vervolgens kun je jouw aangepast functies toevoegen in de placeholder van bovenstaande script. Het bovenstaande script zal ervoor zorgen dat de huidige functions.php overschreven zal worden.

Child theme aanmaken via een plugin

Zoals eerder besproken is het ook mogelijk een child theme aan te maken door hiervoor een plugin te gebruiken. Dit zouden we enkel adviseren als het via de handmatige manier niet wil lukken. Voor het aanmaken van een child theme kun je de volgende plugins gebruiken:

Uiteraard zullen er nog veel meer plugins zijn die je kunnen helpen bij het maken van een child theme. Voor meer informatie over bovenstaande plugins kun je altijd contact opnemen met de ontwikkelaars van deze plugins.

Hulp nodig bij het aanmaken van jouw child theme?

We helpen je graag bij al je vragen omtrent het aanmaken van jouw eigen child theme. Loop je vast op een bepaalde stap, of werken bepaalde functies niet? Neem dan gerust contact met ons op, en we helpen je graag verder!

Geplaatst op 2 Reacties

WooCommerce elementen aanpassen

WooCommerce PHP aanpassen

WooCommerce elementen aanpassen

Wil je graag jouw WooCommerce webshop een totaal andere look geven? Of de huidige blokken op een andere positie neerzetten? Dan kun je middels PHP scripting bepaalde WooCommerce elementen positioneren naar de gewenste positie. Om dit te kunnen bewerkstelligen dien je wel enige ervaring te hebben met de programmeertaal PHP. Let wel op! Het kan voorkomen dat bepaalde PHP functies die we hier beschrijven in de toekomst niet meer zullen werken. Merk je dit op? Laat het dan even weten in de comments. Alle onderstaande scripts kunnen worden geplaatst in de functions.php van jouw thema. Maak hiervoor wel een child theme aan, anders zullen je wijzigingen verloren gaan bij een thema update.

Elementen uitschakelen

Wellicht heb je bepaalde elementen die niet relevant zijn, en die je graag wilt uitschakelen. Vaak is het niet nodig om dit via een script wijziging uit te voeren. Kijk daarom eerst in het WordPress dashboard of dit ook via de ‘Customizer’ te wijzigen is. De Customizer is te benaderen via: ‘Weergave’ > ‘Customizer’. In de Customizer kun je tot slot klikken op ‘WooCommerce’. Hier zou je eventuele elementen ook kunnen in of uitschakelen.

Product tabs verplaatsen

Op elke pagina van jouw product worden standaard de product tabs weergeven. Product tabs bevatten bijvoorbeeld de productomschrijving, extra product informatie of product reviews. Het kan dus zijn dat de positie van deze product tabs in jouw geval niet op de gewenste positie staat. Het is daarom mogelijk om de product tabs te verplaatsen van onder de ‘Add to cart’ sectie naar boven ‘Add to cart’. Om dit te bewerkstelligen neem je het onderstaande PHP script over en plaatst dit in de functions.php van jouw thema.

Product tabs verplaatsen van onderop de pagina naar rechtsboven onder de ‘Add to cart’ button.

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );

Product tabs verplaatsen van onderop de pagina naar rechtsboven net boven de ‘Add to cart’ button.

add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 0 );

Product tabs verwijderen

Heb jij bijvoorbeeld bepaalde product tabs niet nodig, dan kan je er voor kiezen om deze te verwijderen. Dit is helaas niet mogelijk vanuit de Customizer. Om een bepaalde tab te verwijderen kun je het onderstaande script gebruiken. Het onderstaande script geeft aan dat je alle drie tabs verwijderd. Wil je bijvoorbeeld alleen maar twee van de drie tabs verwijderen, haal dan het stukje code weg dat je wilt behouden. In dit geval willen wij enkel de tab ‘Omschrijving’ behouden. Dan zorgen we dat we de volgende regel uit het script weg halen unset( $tabs['description'] );

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

function woo_remove_product_tabs( $tabs ) {

unset( $tabs['description'] ); // Verwijder de omschrijving tab
unset( $tabs['reviews'] ); // Verwijder de reviews tab
unset( $tabs['additional_information'] ); // Verwijder de extra informatie tab

return $tabs;

}

Product tabs hernoemen

Het kan ook voorkomen dat je de product tabs wilt hernoemen. Misschien vind je ‘product omschrijving’ wel beter passen dan enkel ‘omschrijving’. Ook hiervoor bestaan standaard scripts die je aan kunt passen. In onderstaand voorbeeld hebben wij de tab ‘description’ gewijzigd naar ‘Product omschrijving’, de tab ‘reviews’ veranderd naar ‘Beoordelingen’ en tot slot de tab ‘additional information’ naar ‘Details’.

add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {

$tabs['description']['title'] = __( 'Product omschrijving' ); // Hernoem de omschrijving tab
$tabs['reviews']['title'] = __( 'Beoordelingen' ); // Hernoem de reviews tab
$tabs['additional_information']['title'] = __( 'Details' ); // Hernoem de extra informatie tab

return $tabs;

}

Extra product tabs toevoegen

Ook is het mogelijk om extra product tabs toe te voegen. Echter is dit niet net zo eenvoudig als het wijzigen van de huidige tabs. Voor het toevoegen van extra product tabs raden wij de plugin WooCommerce tab manager aan van de uitgever Yith. Dit betreft een betaalde plugin en is al beschikbaar vanaf 79,99 per jaar. Hierbij ontvang je ook degelijke support en updates. Tevens kan je deze plugin kosteloos 30 dagen uitproberen.

Product reviews uitschakelen

Product reviews kunnen vaak handig zijn. Vaak geven goede reviews potentiele klanten net dat ene setje om tot een aankoop over te gaan. Helaas kunnen negatieve reviews het tegenovergestelde effect bereiken, waardoor jouw conversie zal verminderen. In dit geval kan het handig zijn om de reviews juist uit te schakelen. Gelukkig kunnen we de reviews via het WordPress dashboard eenvoudig uitschakelen.

Om de product reviews uit te schakelen log je allereerst in op je WordPress dashboard en ga je vervolgens naar ‘WooCommerce’ > ‘Instellingen’. Op de instellingen pagina navigeer je vervolgens naar het tabblad ‘Producten’ en kom je als het goed is, uit op ‘Producten’ > ‘Algemeen’. Op deze pagina kun je de product reviews aan of uitzetten. Om de reviews uit te schakelen, kun je alles uitvinken. In totaal heb je drie verschillende opties wat betreft product reviews. Deze opties gaan we nu bespreken.

Waarderingen vereist stellen
Wanneer een klant een review achter laat in de vorm van een tekstbericht, is het bij deze optie ook verplicht om een review in sterren aan te geven. Een klant kan dan een beoordeling geven van een tot maximaal vijf sterren.

“Geverifieerde eigenaar”-label tonen voor klantbeoordelingen
Hiermee geeft u website bezoekers de mogelijkheid altijd een review achter te kunnen laten. Ook al heeft men geen product uit jouw webshop besteld. Heeft men het product wel op jouw webshop besteld en schrijft deze persoon een review, dan zal je achter de naam van dit persoon

“Geverifeerde eigenaar” zien staan
Alleen beoordelingen van geverifieerde eigenaar toestaan
Met deze optie worden enkel de klanten die jouw product hebben aangeschaft op jouw webshop in de gelegenheid gesteld om een review achter te laten.

Button ‘In winkelmand’ aanpassen

Het is ook mogelijk de ‘In winkelmand’ button aan te passen. Hiervan kun je de tekst wijzigen. Helaas is het niet mogelijk om dit vanuit het WordPress dashboard te doen. Met een paar regeltjes code PHP zal je in staat moeten zijn dit aan te passen. In het onderstaande script hebben wij de button tekst ‘In winkeldmand’ aangepast naar ‘Toevoegen aan winkelmand’. Wil je hier iets anders van maken dan kun je deze tekst aanpassen naar jouw wensen.

add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' );    // 2.1 +

function woo_custom_cart_button_text() {

return __( 'Toevoegen aan winkelmand', 'woocommerce' );

}

Winkelmand button wijzigen voor archiefpagina’s?
Het wijzigen van de winkelmand button op de archiefpagina’s gaat op een iets andere manier. Hiervoor kun je het onderstaande script overnemen en plaatsen in je functions.php. Het script lijkt erg op dat van de normale ‘In winkelmand’ button. Ook in het onderstaande script hebben we weer de tekst ‘In winkelmand’ aangepast naar ‘Toevoegen aan winkelmand’.

add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' );    // 2.1 +

function woo_archive_custom_cart_button_text() {

return __( 'Toevoegen aan winkelmand', 'woocommerce' );

}

Hulp nodig bij het aanpassen van elementen in WooCommerce?

Vind je het erg ingewikkeld om met PHP om te gaan? Of kom je ergens niet uit? Laat het ons dan even weten! Wij helpen je graag bij het aanpassen van jouw WooCommerce webshop.

Geplaatst op Geef een reactie

Wat is WordPress?

Wat is WordPress, koffie en notities

Wat is WordPress?

Wellicht heb je er al eens van gehoord, WordPress! Wat is WordPress? En wat kun je er mee? We leggen je het graag uit in deze blog. We proberen je een zo goed en duidelijk mogelijk beeld te geven wat WordPress precies is, en wat je er mee kunt doen. Heb je via deze blog geen antwoord kunnen vinden op jouw vraag? Laat het ons dan even weten in de comments.

Wat kun je doen met WordPress?

WordPress is een Content Management System ook wel afgekort als CMS. Het is momenteel het populairste CMS systeem dat we kennen. WordPress heeft wereldwijd zo’n 18 miljoen gebruikers. WordPress is gerealiseerd in 2003 en kent zijn oorsprong als blog platform, maar hiervoor wordt WordPress allang niet meer alleen voor gebruikt. Tegenwoordig bouwen de meeste webdesign bedrijven met WordPress de mooiste en exclusievere websites. De mogelijkheden zijn dan ook erg toereikend.

Hoe werkt een WordPress website?

Een WordPress website bestaat uit een voor en achterkant. Aan de voorkant zie je de website, wat het publiek, dus iedereen ziet. Aan de achterkant wijzig je bijvoorbeeld de teksten, afbeeldingen of pagina’s. Dit doe je door in te loggen op je website. Hiervoor ga je naar bijvoorbeeld ‘example.com/wp-admin’. Je ziet dat er achter je domeinnaam nog ‘/wp-admin’ staat. Dit betekend dat je direct doorgestuurd wordt naar de inlogpagina van jouw WordPress website. Eenmaal ingelogd kun je gelijk wijzigingen aanbrengen aan jouw website.

Verschil tussen WordPress.com en WordPress.org

Je hebt twee soorten WordPress websites. Een versie die online gehost wordt door WordPress zelf, de WordPress.com. En een versie die je zelf kan installeren op je eigen webserver, WordPress.org. Het voordeel van WordPress.com is dat hosting je niets kost, echter loop je hier weer tegen limieten aan. Zo kun je bijvoorbeeld niet je WordPress.com website back-uppen en overzetten naar je eigen hosting. Met de WordPress.org versie kan dit weer wel. Laat je hierover erg goed informeren, als je eenmaal de website op WordPress.com hebt staan, kan deze dus niet overgezet worden.

Is een WordPress website maken moeilijk?

Een WordPress website maken kan inderdaad moeilijk zijn. Het ligt er eigenlijks maar net aan wat je er precies mee wilt doen. Om te beginnen zal WordPress geïnstalleerd moeten worden op jouw webserver (webhosting). Dit kan al een moeilijke klus zijn voor velen. Echter, bieden veel hostingproviders ook zo geheten One Click Installaties aan. Dit wil zeggen dat je een op WordPress gebaseerd hostingpakket kan afnemen, waar je middels 1 klik op de knop een complete WordPress website installeert.

Wat heb je nodig om WordPress te kunnen gebruiken?

Om gebruik te kunnen maken van WordPress heb je in eerste instantie hosting nodig met ten minste 1 database. We hebben het hier over de WordPress.org. De volgende specificaties worden aanbevolen (21/07/2021):

  • PHP versie 7.4 of nieuwer
  • MySQL 5.6 of MariaDB versie 10.1 of hoger
  • Ngix of Apache met de mod_rewrite module
  • HTTPS ondersteuning

Aangezien de ontwikkelingen op het gebied van PHP en MySQL razend snel gaan, raden we je aan om de actuele server vereisten te bekijken op de officiele website van WordPress.org

Wat zijn plugins?

Om terug te komen op de vraag, of het moeilijk is om een WordPress website te maken? Kunnen we je vertellen dat er voor WordPress momenteel zo’n 55.000 plugins beschikbaar zijn. Hiermee kun je via een vrij simpele weg, zonder enige programmeerkennis bepaalde functies verkrijgen op jouw WordPress website. Hiermee wordt het maken van een WordPress website een stuk makkelijker. Let wel op! Te veel plugins, of de verkeerde plugins zullen je website enorm kunnen vertragen. Kijk altijd naar de actieve downloads en reviews in de plugin directory van WordPress. Als er een mogelijkheid is om zelf de gewenste functie te programmeren, en hiermee een plugin kunt voorkomen, doe dit dan altijd!

Kies een goed thema

WordPress werkt met thema’s. Er zijn in WordPress verschillende soorten thema’s. Zo heb je gratis thema’s, maar ook betaalde thema’s. Een goede website waar je goede en actuele thema’s op kunt vinden is TemplateMonster. Voor gratis thema’s kun je het beste op de officiele website van WordPress kijken, of via het dashboard van jouw WordPress website. Let hierbij weer goed of je een actueel thema kiest. Je kunt dit zien door te kijken naar de update status van het gewenste template dat aangeboden wordt. Thema’s die al maanden of zelfs jaren niet bijgehouden zijn, kunnen onveilig zijn. Het laatste dat je wilt is dat jouw WordPress website gehackt wordt.

Een eigen thema maken

Ben je gevorderd en wil je meer uit een thema halen? Dan is het ook mogelijk om een eigen thema te maken. Hiervoor heb je wel enige programmeerkennis nodig. Zo is het handig om goed de basis van HTML en CSS te kennen. PHP en Java zijn een pre. Er zijn twee manieren om een eigen thema te maken:

  • Een child theme aanmaken op een bestaand hoofdthema.
  • Een compleet eigen thema maken vanaf scratch.

Het meest populair, is het aanmaken van een child theme. Het voordeel van het maken van een child theme is dat zodra je het WordPress hoofd theme update, de wijzigingen niet verloren gaan. Met wijzigingen bedoelen we je eigen geschreven CSS en overig scripting dat je vervolgens opslaat in het style.css bestand of bijvoorbeeld in je eigen functions.php bestand.

Is WordPress goed te beveiligen?

Een WordPress website is wel gevoelig voor aanvallen, vooral omdat WordPress een open source systeem is. Dit komt natuurlijk omdat het platform momenteel erg populair is. Niet alleen bij de eindgebruikers, maar ook bij hackers natuurlijk. Gelukkig zijn er voor WordPress tal van mogelijkheden om jouw website goed te beveiligen. Dit kan uiteraard ook op server niveau. Een populaire beveiligings plugin die erg veel gebruikt wordt, is WordFence. WordFence is er in een gratis, maar ook betaalde versie. Deze plugin scant jouw complete rootfolder (hoofdmap van jouw website) op malafide software en bestanden. Ook houdt WordFence continue verdachte activiteiten in de gaten, en blokkeert indien noodzakelijk. Denk hierbij aan bijvoorbeeld IP adressen.

Kan een WordPress website goed gevonden worden?

Zeker weten! Een WordPress website kan dus goed gevonden, echter hebben we hier wel wat hulp bij nodig. Een goede tool die we jullie kunnen aanraden is de plugin Yoast SEO. Deze plugin is al gratis te gebruiken, echter wel met wat beperkingen, maar niet rampzalig. Deze plugin geeft je een goed inzicht van jouw SEO score wat betreft je webpagina. Per pagina kun je de verbeterpunten inzien. Zodra je deze punten netjes aanpakt, zal alles groen kleuren. Yoast SEO kijkt naar bijvoorbeeld de meta omschrijven en titel. Hierbij wordt gekeken of je bepaalde trefwoorden genoeg naar voren laat komen. Bekijk onze blog "Beter gevonden worden" voor meer informatie over het beter vindbaar maken van jouw website.

Is een WordPress website snel?

Een WordPress website is meestal in het begin erg snel, en zal langzamer kunnen worden naar mate je meer plugins installeert en andere taken laat uitvoeren op je website. Maar WordPress zou WordPress niet zijn, als hier geen plugin voor te krijgen is. Het klinkt misschien raar.. je website sneller maken door juist een plugin te installeren. Maar je moet het zo zien, als een plugin je website traag kan maken, dan moet een andere plugin dit ook weer goed kunnen maken. Een veel gebruikte plugin is W3 Total Cache. Bekijk het blog "Jouw WordPress website optimaliseren” voor meer informatie over het sneller maken van jouw WordPress website.

Heb je nu een beter beeld van WordPress?

Als het goed is, begrijp je nu een klein beetje van wat WordPress is, hoe het gebruikt kan worden en bovendien wat de mogelijkheden zijn. Aangezien WordPress erg groot en complex kan zijn, is dit maar een deel van de informatie. We zijn er in vogelvlucht doorheen gegaan zeg maar. Mocht je vragen hebben over WordPress, dan kun je die vrijblijvend stellen hieronder in de comments.

Kunnen jullie mij helpen met mijn WordPress website?

We helpen je graag verder met jouw WordPress website. Ook als je al een WordPress website hebt, of juist een hele nieuwe WordPress website wilt laten bouwen. Neem gerust telefonisch contact met ons op, of per e-mail en chat.

Geplaatst op Geef een reactie

Website verhuizen

Website verhuizen

Website verhuizen

Zou je willen switchen van hostingprovider, en moet je daarom jouw website verhuizen? We leggen het je graag uit. Omdat een verhuizing best complex kan zijn, hebben we een uitgebreide checklist gemaakt. In deze blog behandelen we het verhuizen van een WordPress website. We kunnen jou ook helpen met jouw website verhuizen.

1. Hostingproviders vergelijken.

Wellicht zul je eerste stap zijn; het vergelijken van hostingproviders. Wat heeft een bepaalde provider precies te bieden en wat zijn de kosten van een degelijk hostingpakket. Let wel bij het uitzoeken van hosting wat de specificaties zijn. Zo kan een kleine website prima op een goedkoop shared hostingpakketje, terwijl een zware website met veel bezoekers of veel producten vaker een dedicated server nodig heeft. Laat je hierin goed adviseren, anders loop je straks het risico dat je website wel verhuist is, maar dit voor niets is geweest. Hostingvergelijker.nl kan jou helpen met het kiezen van de juiste hostingprovider en hostingpakket.

2. Back-up maken van jouw WordPress website.

Om jouw huidige website te verhuizen naar jouw nieuwe hostingprovider, heb je een gehele back-up nodig van jouw WordPress website. Een WordPress website bestaat uit veel losse bestanden, zoals JavaScript bestanden, CSS stylesheets, HTML-bestanden etc. maar ook uit een database. Een database bevat tabellen met data afkomstig van jouw website. Dit databasebestand en websitebestanden zullen we over moeten zetten naar de nieuwe hostingprovider. Je kunt dit op verschillende manieren doen.

Handmatige website back-up

Persoonlijk vind ik dit de beste manier van een back-up maken. Met behulp van het FTP-programma FileZilla kun je een back-up maken van al jouw website bestanden. Een back-up van jouw database bestand kun je maken door in te loggen op phpMyAdmin en te gaan naar “Export”.

Website back-up via een plugin

Een makkelijkere manier om een back-up te maken van jouw website is door het gebruik van een plugin. Het voordeel hierbij is dat je geen technische kennis nodig hebt om een back-up te maken. Bovendien kun je een back-up plugin ook zo instellen dat deze automatisch back-ups maakt. Een bekende back-up plugin is UpdraftPlus.

Jouw website verhuizen middels een migratietool

WordPress zou WordPress niet zijn als het geen plugin zou hebben om middels een paar klikken jouw website te migreren. Bij het gebruik van een migratie plugin is het aan te raden om alvast jouw hosting in orde te maken. Dit omdat een migratie plugin rechtstreeks jouw website kan migreren. Let wel op hoe jouw PHP-instellingen staan op jouw hosting. Veel hostingproviders hebben hun PHP-limieten erg laag staan waardoor de migratie plugin vaak een fout melding kan geven. Vaak is het wijzigen van de PHP-limieten de oplossing. Hiervoor kun je properties aanpassen in een .user.ini bestand. Een bekende plugin voor het migreren van een WordPress website is de All-in-One WP Migration plugin.

3. Jouw website verhuizen

Nu we een back-up gemaakt hebben van de website, is het natuurlijk de bedoeling deze terug te plaatsen bij je nieuwe hostingprovider. Dit kan uiteraard weer op verschillende manieren. Heb je een handmatige back-up gemaakt? Dan zul je de website ook handmatig weer moeten terug plaatsen. Het terug plaatsen van de websitebestanden en het databasebestand is niets meer dan het maken van een back-up in omgekeerde volgorde. Let op bij het handmatig terug zetten van jouw website dat de database die aangemaakt is, op correcte wijze verbinding maakt via het wp-config.php bestand. Dit bestand kun je vinden in de hoofdmap van je WordPress website en moet alle connectie gegevens bevatten van je WordPress database bij je nieuwe hostingprovider.

Tip! Vraag het pakket alvast aan zonder de domeinnaam te verhuizen en te koppelen. De meeste hosting bedrijven kunnen het pakket alvast klaar zetten zodat je zonder downtime de website kunt uploaden en testen. Om het hostingpakket alvast te benaderen kun je gebruik maken van een hostfile.

4. De website verhuizen naar een ander domeinen

Het komt ook vaak voor dat je de website wil verhuizen naar een ander domein. Bij het verhuizen naar een ander domein moeten we bijzonder waakzaam zijn. Hier kunnen namelijk veel fouten tegelijkertijd gemaakt worden. Met de volgende punten dient rekening gehouden worden:

URL’s WordPress aanpassen

Zodra je jouw website naar een ander domein verhuist, zul je in de database een aanpassing moeten maken. Aangezien jouw URL zal veranderen moet dit ook doorgevoerd worden in de database. Als we dit niet zouden wijzigen dan zal de website op het nieuwe domein nog verwijzen naar de oude URL. Je kunt deze URL's aanpassen in de database. Je logt je zelf in op phpMyAdmin en gaat hier links in de tabellen opzoek naar de tabel “wp_options”. Op regel 1 en 2 zie je de site URL en blogname staan. Deze dienen beiden gewijzigd te worden naar de nieuwe URL. Gebruik je ook een beveiligde https verbinding? Zorg dan dat jouw URL in https is vermeld.

Permalinks aanpassen

Vaak zul je na een migratie naar een ander domein ontdekken dat alleen de homepagina het doet. De rest van de pagina’s geeft een error 500. Dit heeft vaak te maken met de permalinks. Qua SEO-optimalisatie zou ik kiezen voor de perma-optie “berichtnaam”. Als je deze al gekozen had op het oude domein, hoef je alleen te klikken op “Wijzigingen opslaan”. Als je nu de pagina vernieuwd, zul je zien dat de overige pagina’s het ook weer doen.

SEO linkstructuur

Als je jouw website naar een andere domeinnaam verhuist, dien je extra goed op te letten. Als de link naar je website veranderd, zul je dit ook door moeten geven aan de zoekmachines, anders zullen bezoekers een niet werkende pagina aantreffen. We kunnen dit aan de zoekmachines doorgeven door een doorverwijzing te maken in het .htaccess bestand. We noemen zo’n verwijzing een 301 redirect. Wat staat voor een permanente doorverwijzing. Je dient eerst het aantal oude URL’s in kaart te brengen. Dit kan met het gratis programma Screaming Frog. Dit programma crawlt alle URL's die op de website te vinden zijn. Zonder software zou dit onbegonnen werk zijn. In Screaming Frog kun je de URL's ook exporteren naar Excel sheets. Dit is erg handig omdat je complete bundels met URL's in een keer kunt overnemen. Een 301 redirect naar van je oude domeinnaam naar de nieuwe domeinnaam doe je als aanpassing in het .htaccess bestand met de volgende regels, in het voorbeeld zie je drie voorbeelden van redirecten:

redirect 301 /oud/oud.html https://www.domeinnaam.nl/nieuw
redirect 301 /oudecontactpagina.html https://www.jouwdomeinnaam.nl/contact
redirect 301 /neem-contact-op https://www.domeinnaam.nl/contact

Vergeet de afbeeldingen in de zoekmachine niet!

Een veel over het hoofd geziene fout, is het niet correct doorverwijzen van de afbeeldingen na een domein verhuizing. Het is ook noodzakelijk de oude afbeeldingen naar de nieuwe locatie te verwijzen. Dit kan ook via het .htaccess bestand met bovenstaande regels.

5. Moet ook je e-mail verhuist worden?

Gebruik je toevallig een [email protected] e-mailadres of iets soortgelijks? Dan is de kans groot dat je ook je mailbox moet verwijzen naar een andere provider. Hiervan zul je dan eerst een back-up moeten maken. Deze back-up kun je maken door het e-mailadres in te stellen in bijvoorbeeld Outlook of Apple mail en vervolgens er een export van te maken. Maar het kan ook voorkomen dat de e-mail blijft staan bij de huidige partij, dan is er uiteraard geen back-up nodig. Als er bijvoorbeeld gebruik wordt gemaakt van een externe dienst zoals Office 365 of Google Workspace, dan is een back-up ook niet nodig. Een nieuwe koppeling met het DNS is daarin tegen wel meestal nodig. Hulp nodig bij het verhuizen? Geen probleem, we helpen je graag met het verhuizen van jouw e-mail.

6. Het verhuizen van de domeinnaam.

Nadat we een geschikte hostingprovider hebben gevonden, en beschikken over de benodigde back-ups, kunnen we verder met het verhuizen van de domeinnaam. Wellicht wil je ook je domeinnaam verhuizen. Vaak is het een fijn idee om je diensten onder een dak te hebben. Om een domeinnaam te verhuizen, heb je vaak een verhuistoken, EPP-code oftewel een verhuiscode nodig. Bij sommige domein extensies zoals de .UK ontvang je geen verhuistoken. Vraag jouw huidige hostingprovider wat de correcte verhuisprocedure is. De verkregen verhuiscode voeren we in bij de nieuwe hostingprovider. Hierna zul je domein verhuist worden.

Let op! Het verhuizen van een .nl domein duurt vaak maximaal 1 dag, terwijl een .com domein gemiddeld tussen de 3 a 7 werkdagen erover doet om te verhuizen.

WHOIS gegevens controleren

Verhuis je de domeinnaam naar een andere hostingprovider? Dan is het ook aan te raden je WHOIS gegevens te controleren. Veranderd de domeinnaam van eigenaar, dan zul je dit ook moeten aanpassen in de WHOIS gegevens. WHOIS gegevens zijn in sommige gevallen openbaar opvraagbaar en altijd juridisch herleidend.

7. Jouw website is nu verhuist

That’s it! Als het goed is, heb jij nu jouw website kunnen verhuizen, jouw domeinnaam kunnen verplaatsen en de bijhorende e-mail kunnen overzetten. Mocht je toch moeilijkheden ervaren met het verhuizen van jouw website, dan helpen wij jou hier graag bij.