WordPress automatisch in meerdere talen met WeGlot

Op deze pagina

Met de Weglot vertaal plugin voor WordPress kan je in een paar minuten je volledige site vertalen. Weglot kan de voorkant van WordPress automatisch vertalen en waar nodig hoef je de vertalingen alleen maar te corrigeren.
Vanuit het Weglot dashboard zijn meerdere talen eenvoudig te beheren, omdat alle vertalingen vanuit 1 plek te beheren zijn is dit ook een super oplossing als je met meerdere mensen aan de vertalingen werkt.

Waarom Weglot gebruiken om WordPress in meerdere talen te krijgen?

Er zijn meerdere plugins om WordPress meertalig te krijgen ook wel multilingual genoemd. Een ander veel gebruikte vertaal plugin is WPML (WordPress Multilingual plugin). Met WPML moet je per pagina handmatig een vertaling aanmaken en de vertalingen van je menu, widgets en stukken tekst in je thema zitten verspreid over verschillende pagina’s binnen je WordPress admin. Dat maakt het geheel een behoorlijk warrig en onoverzichtelijk. Zo kan het zijn dat je een stuk tekst vertaald zonder te weten waar en hoe die vertaling gebruikt wordt, de kans op fouten is groot en niet te vergeten WPML is behoorlijk langzaam.

Door de wijze waarop Weglot werkt bespaar je al snel meerder uren zowel qua installatie als het opzetten van je vertalingen. Je kan direct naar de installatie handleiding springen door hier te klikken.

Hoe werkt deze vertaal plugin dan wel?

Vereenvoudigd uitgelegd scant Weglot je website en laad het alle teksten naar hun eigen platform, dit is niet alleen de teksten van je pagina inhoud maar ook de kopjes en onderdelen van je thema.
Vervolgens wordt de vertaling op het platform van Weglot uitgevoerd en met een stukje javascript weer ingeladen op je website.
Op deze manier kan het algoritme voor het overgrote deel al bijna perfecte automatische vertalingen maken, zelf even nalezen en verbeteren waar nodig. Omdat dit allemaal aan de kant van Weglot gebeurt vertraagt het je website of webshop bijna niet.
Heb je geen zin om zelf de vertalingen te controleren? Dan kan je vanuit dit dashboard ook direct professionele vertalingen bestellen.

Daarnaast is er nog een visual editor zodat je ook direct kan zien waar je tekst en de vertaling daarvan thuishoort, zo blijft je vertaling ook juist in context.

Je kan de automatische vertalingen vervolgens goedkeuren of nog verbeteren.

Een ander groot voordeel ten opzichte van de concurrentie is dat Weglot ook een taalwisselaar kan toevoegen aan je menu zonder dat je daar zelf voor in de code hoeft te rommelen. Dit laat ik je ook zien in de uitleg video verder op in deze pagina.

Zijn de Weglot vertalingen goed voor SEO?

De WordPress vertaal plugin van Weglot voegt alle benodigde zogeheten meta-tags toe in je website en past voor vertalingen ook je interne links op de juist wijze aan naar bijvoorbeeld wphelpdesk.nl/en/ voor de Engelstalige homepage.

Omdat de vertalingen van de pagina’s aan elkaar ‘gelinkt’ zijn begrijpt Google dat het een vertaling is. Op die wijze kan je Engelstalige, Spaanse, Franse, Nederlandse pagina’s aan de juiste zoeker getoond worden afhankelijk van zijn voorkeurstaal, zonder dat jij met jezelf concurreert in de zoekmachine.

De kwaliteit van de vertalingen is ook belangrijk. Wanneer Google herkent dat het niet goed leesbaar is voor mensen (en daar worden ze steeds beter in) zal de waardering voor de pagina afnemen. Dat is ook een van de redenen dat een met Google Translate vertaalde pagina je niet veel goeds zal brengen.

Daarnaast werkt Weglot goed samen met de Yoast SEO plugin, voegt het de hreflang attributes toe en herschrijft dus ook automatisch alle interne links naar de juiste corresponderende taal.

Krijgt iedere taal zijn eigen domein?

Nee, Weglot werkt enkel met subdirectory’s het maakt dus /en/ en /fr/ etc. aan voor iedere taal.
Sommigen geven de voorkeur om te werken met subdomeinen of een ’top level domain’ per taal.
Een subdomein zou en.wphelpdesk.nl zijn voor de Engelse taal en fr.wphelpdesk.nl voor Frans bijvoorbeeld.
Een ’top level domain’ of TLD is wpheldesk.nl gebruiken voor het Nederlands en bijvoorbeeld WPHelpdesk.net voor de Engelse versie.

Het voordeel van de subdirectory’s is dat alle SEO waarde op een en het zelfde domein blijft.
Iets wat met subdomeinen en TLD’s niet het geval is, dat wordt namelijk gezien als eigen domeinnaam en je hebt daar dan nog geen autoriteit voor opgebouwd. Op de site van Yoast staat wat uitgebreidere uitleg over de URL structuur voor meertalige websites.

Kan ik met Weglot mijn WooCommerce webshop vertalen?

Ja! Ieder onderdeel van je shop kan je vertalen, ook de WooCommerce checkout pagina’s, dit kan gewoon vanuit het Weglot dashboard. Doordat de vertalingen er als laag overheen komen werkt dit ook samen met de meeste multi-currency plugins als je dat wilt.
Het mooie is dat de machine learning/AI vertalingen in real time zijn, dus ook de winkelmandjes en nieuwe producten die je toevoegt krijgen direct een vertaling!

Dit is enorm waardevol wanneer je bijvoorbeeld de Duitse markt wilt gaan bedienen, 43% van onze oosterburen geeft de voorkeur aan een webshop in hun eigen taal mits het goed leesbaar is (bron).

WordPress meertalig maken handleiding

Onder de video hebben we de stappen volledig uitgeschreven!

Stap 1. Account aanmaken

Omdat we in deze uitleg WeGlot gaan gebruiken om onze WordPress site meertalig te maken is de aller aller eerste stap om een account te maken op de website van WeGlot, dat kan via deze link.
Je krijgt een proef periode van 10 dagen met het ‘starter’ pakket, na deze periode val je automatisch terug op de gratis versie.
Na het invoeren van je e-mailadres en gewenste wachtwoord ontvang je een e-mail met een link om je account te bevestigen.

Stap 2. ‘Project’ aanmaken

Zodra je op de bevestigingslink in de mail klikt kom je op het “create a project” scherm.
Hier voer je de naam in van het project, je website naam of adres is het meest voor de hand liggende.
Ook moet je aanklikken met welke technologie je website gemaakt is, selecteer daar WordPress.

Weglot project aanmaken — Voer je projectnaam in en website technologie

Klik vervolgens op de “Next” knop.

Stap 3. Plugin installatie

Na dat je op next klikt kom je op een scherm dat je API sleutel toont, kopieer die sleutel met de knop die er achter staat (of code selecteren, rechter muisknop, kopieeren) want die hebben we zo nodig.

Vervolgens gaan we naar het dashboard van de website waarop we WeGlot willen installeren.
In de wp-admin gaan we naar “plugins” > “nieuwe plugin” en zoeken we naar WeGlot.
Als het goed is, is de WeGlot plugin het eerste resultaat en heeft die plugin als titel “WordPress Translation Plugin – Weglot Translate”

Installeer de Weglot plugin vanuit je WordPress dashboard

Klik op de knop “Nu installeren”, wanneer de installatie klaar is wordt de knop blauw en komt er de tekst “activeren” in te staan. Klik dan op de knop om de plugin te activeren.
Na activatie komt er in het linker menu een kopje bij met de titel “Weglot” met een icoon er voor wat als WG leest, klik hierop.

Stap 4. Weglot instellen

Na het activeren en door te klikken op het Weglot menu komen we in de “Main configuration”.
Hier moet je een paar basis instellingen doen. De API sleutel die we zojuist gekopieerd hadden moet in het eerste veld geplakt worden.
Vervolgens moet je bij “Original language” aangeven wat de huidige taal van de website is. Waarschijnlijk is dat in jouw geval ook Nederlands, dus selecteer hier “Dutch”.
Daarna moet je aangeven wat de “Destination languages” zijn, ofterwel naar welke taal moet de website vertaald worden. In ons voorbeeld kiezen we hier voor Engels, English.

Weglot vertaal plugin settings — Voer je API-key en de taal van je site in

Klik nu op wijzigingen opslaan.
Nu kan het een paar seconden of misschien wel een minuutje duren voordat het bevestigingsscherm in beeld komt.
Zodra die melding in beeld komt is je website in basis vertaald. Klik vooral door om je nu vertaalde website te bekijken.
Standaard komt er een taalwisselaar rechts onderin je website te staan.

weglot website meertalig klaar — Je website is nu vertaalt

Stap 5. Automatische vertalingen verbeteren (waar nodig)

Wanneer jij je website bezoekt en de WordPress ‘admin bar’ aanstaat dan staat daar nu ook de “Weglot” optie in.
Ga daar met je muis overheen en klik op de optie “Edit with visual editor”

vertaling bewerken met visual editor weglot — Met Visual editor kan je direct zien waar je vertaalde tekst gebruikt wordt.

Je kan vervolgens op het potlood icoontje klikken bij een tekst om de vertaling aan te passen.

visuele editor vertaal popup — De vertaal popup om vertalingen te bewerken

Klik op “OK” en de vertaling is bijgewerkt.
Je kan ook vertalingen aanpassen en automatische vertalingen goedkeuren via het Weglot dashboard.
Daarvoor kan je de link in de admin bar gebruiken en vervolgens op je taal klikken.
Vervolgens kom je dan in een scherm met links een lijst van je pagina’s waarop je kan specificeren en een overzicht van alle ‘strings’ (regels van tekst) die vertaald kunnen worden.

string translations overzicht op weglot platform — Alle vertaalde strings

In dit scherm kan je snel vertalingen aanpassing, vertalingen goedkeuren en informatie tonen over de bewerking geschiedenis. Een andere optie is dat je voor delen van de vertaling een professionele vertaling kan aanvragen.

Stap 6. SEO titel en description vertalen

In de bovenste balk van de visuele editor van weglot staat ook de knop “SEO”. Wanneer je daar op klikt krijg je een zelfde vertaal popup als bij de andere teksten maar dan met je SEO titel en omschrijving er in, die kan je hier eenvoudig vertalen.

SEO meta tags vertalen — Het verbeteren en aanpassen van je SEO titels en omschrijving

Handig om bijvoorbeeld een telefoonnummer dat er in staat te veranderen zodat dit ook je landcode bevat of aan te passen naar een lokaal nummer.

Stap 7. Taalwisselaar in menu plaatsen (of in een widget)

Op de settings pagina van Weglot in je wp-admin staan de verschillende opties om een taalwisselaar op je website te plaatsen.
In totaal zijn er 4 manieren om de taalwisselaar te plaatsen.

Je kan de taalknoppen opnemen in je menu, dat doe je door onder “Weergave” > “Menu’s” het Weglot menu item toe te voegen. Deze methode laten we ook zien in de video op deze pagina.
Je kan de “Weglot Translate” widget toevoegen in een van je widget gebieden. Dit kan onder “Weergave” > “widgets” of via de “Customizer”.
Met de [weglot_shwitcher] shortcode, die kan je in een pagina plaatsen of gebruiken in een pagebuilder plugin om toe te voegen aan je header of footer.
met een stukje html code. <div id="weglot_here"></div> deze code kan je bijvoorbeeld in de code van je thema plaatsen. Let wel op dat je dit in een child-theme doet, bij de update van een normaal thema kan de code namelijk weer uit je site verdwijnen.

De verschillende opties om een taalwisselaar te plaatsen

Dit is hoe de taalwisselaar er in het menu van deze website uit kwam te zien tijdens de test

Weglot taalwisselaar in het menu van WPHelpdesk

Chat widget in WordPress met SendinBlue

Met SendInBlue is het mogelijk om een chat widget op je website of webshop te plaatsen zodat bezoekers eenvoudig contact met je op kunnen nemen.
Het mooie is dat dit integreert met hun e-mail marketing oplossingen, wat volledig gratis is en eenvoudig te implementeren!

Stap 1. Maak een SendInBlue account

Allereerst is een account nodig bij SendInBlue, maak hier je account aan als je er nog geen hebt.
Dit is volledig gratis en is zo gepiept.
Als je moeite hebt met het aanmaken van een account dan kan je deze handleiding lezen over het aanmaken van een SendInBlue account. Het aanmaken van een account wijst zichzelf eigenlijk wel.

Tekst gaat door onder de video

Stap 2. Activeer de Chat functie

Wanneer je ingelogd bent in je SendInBlue account kan je vanuit dat Dashboard op het + icoontje klikken.

Send in blue dashboard met pijl naar + icoon — Klik op de +

In het scherm dat dan volgt krijg je een overzicht van de beschikbare ‘Apps’

Zoek naar het blokje van de Chat app en zet die aan.
In de afbeelding oranje omlijnt, met de pijl voor de activatie knop.

Beschikbare apps in Send in Blue, chat omlijnt — Activeer de ‘chat’ app

3. Chat scherm aanpassen

Na het activeren kom je in een scherm waar je wat aanpassingen kan doen aan het chat scherm.
Dingen die je kan aanpassen zijn de bedrijfsnaam, logo en kleur.
Check de afbeelding van hoe wij dit hebben ingericht.

Send in blue chat scherm aanpassen — Opties om het chat scherm aan te passen

Daarnaast wil je ook nog het ‘Operator profile’ instellen.
Je kan er voor kiezen om met iedereen onder 1 naam te werken, echter, zullen veel mensen het waarderen als ze contact hebben met een echt persoon. Je (voor)naam en een profiel foto kan je hiervoor gebruiken.

Naam en profiel foto van de ‘operator’ instellen.

4. Chat op de website plaatsen

Wanneer je alle stappen hebt doorlopen krijg je een scherm met een code in beeld die op je website geplaatst moet worden.

chat widget code van Send In Blue — Chat widget code

Kopieer deze code alvast en sla deze op in een .txt bestand.
Open daarnaast een nieuw tabblad in je browser om verder te gaan, dat is wel zo handig want deze code hebben we later nog een paar keer nodig.

Hiervoor zijn een paar opties, een van de opties is om de SendInBlue plugin te gebruiken waarin je de marketing functionaliteit aan kan zetten.
Die optie behandel ik hier niet omdat we daarmee ede engelstalige welkomstteksten niet kunnen aanpassen.

Als je gebruik maakt van Google Tag Manager dan zou je daar de code ook in kunnen plaatsen, dat kan wel wat lastiger zijn en mogelijk is dat iets wat je het beste aan je interent marketeer kan vragen, die dat onderdeel beheert.
Het voordeel van Tag Manager is dat je redelijk eenvoudig kan aangeven op welke pagina’s de chat functionaliteit wel en niet ingeladen dient te worden.

In dit voorbeeld maak ik in ieder geval gebruik van de “Insert Headers and Footers” plugin. Als je onder ‘plugins’ > ‘nieuwe toevoegen’ op die naam zoekt dan kan je de plugin installeren vanuit je WordPress Dashboard.

schermafbeelding van insert header and footer plugin — Zo ziet de plugin er uit in het overzicht.

Wanneer die plugin geinstalleerd en geactiveerd is. Komt in het linker menu in het uitklap menu onder ‘Instellingen’ een extra optie te staan “Insert Headers and Footers”.
Als je daar op klikt kom je in een scherm met een aantal invoer kaders waar de code ingeplakt kan worden.

In de afbeelding hier onder zie je de Insert Headers and Footers pagina waar de code al ingeplakt is.

Schermafbeelding van de plugin instellingen met de code er in — De SendInBlue chat code in de header and footers plugin.

Als je een stukje naar beneden scrolt staat daar onder een blauwe knop met “bewaar”.
Klik daarop om dit op te slaan.

Open nu een 3e tabblad of nieuw scherm om de website te bezoeken.
Dit is nodig zodat SendInBlue kan verifiëren dat de code geplaatst is en ze een aanvraag van je site ontvangen.

Ga terug naar het scherm of tabblad wat je nog open hebt staan en klik op de ‘verify’ knop.

5. Standaard welkom tekst aanpassen

De standaard welkom teksten zijn in het Engels.
Die zijn redelijk eenvoudig aan te passen.

Als je de code bekijkt staan daar een paar regels in die deze teksten bepalen.

/* OPTIONAL: to overwrite the default welcome message uncomment this line*/
// window.sib.custom_welcome_message = 'Hello, how can we help you?';
/* OPTIONAL: to overwrite the default offline message uncomment this line*/
// window.sib.custom_offline_message = 'We are currently offline. In order to answer you, please indicate your email in your messages.';

Haal enkel de // weg.

Vervolgens kan je de Hello, how can we help you? tekst aanpassen naar wat jij wilt, zorg wel dat de overige code op die regel blijft staan.
Het zelfde geld voor de tekst regel: We are currently offline. In order to answer you, please indicate your email in your messages.

Een code voorbeeld van hoe de tekst in het Nederlands kan worden is als volgt:

/* OPTIONAL: to overwrite the default welcome message uncomment this line*/
window.sib.custom_welcome_message = 'Welkom bij WPHelpdesk, met welke WordPress vraag of probleem kunnen we je helpen?';
/* OPTIONAL: to overwrite the default offline message uncomment this line*/
window.sib.custom_offline_message = 'Op dit moment is er niemand aanwezig voor een live chat, laat je e-mailadres achter om een antwoord te krijgen per e-mail.';

Dat komt er dan uiteindelijk als volgt uit te zien op de website.

SendInBlue Chat scherm popup — Chat scherm wanneer een operator online is

SendInBlue Chat scherm popup niemand online — Chat scherm wanneer niemand online is

6. Chatten met je bezoekers

Nu de chat widget geinstalleerd is en werkt kunnen site bezoekers je berichten sturen.
Er zijn een aantal handige functies om hier rekening mee te houden.

Je kan zien op welke pagina de gebruiker zich bevindt, zo kan je dus nog gerichter hulp bieden.

sendinblue pagina waar bezoeker is Chat — Bij de pijl zie je op welke pagina de bezoeker op dit moment is.

De bezoeker is anoniem, wil je die eenvoudig toevoegen aan contacten binnen in je SendInBlue account, vraag dan om het e-mail adres. Wanneer je klikt op een e-mailadres kan je die met een klik toevoegen.

chat toevoegen aan contacten — Voeg een adres toe aan je mailing lijst

Dat is eigenlijk alles dat er is met betrekking tot de Chat functionaliteit die SendInBlue aanbied.

Als je WordPress onderhoud door ons laat uitvoeren, adviseren en helpen we je graag bij het opzetten van je SendInBlue account en e-mail marketing campagne’s.

SendInBlue is namelijk enorm uitgebreid en kan gebruikt worden voor Nieuwsbrieven, Transactional e-mail, re-marketing campagne’s, heeft een CRM en zelf ook automatische e-mail series.

WordPress.com & WordPress.org wat is het verschil?

Waneer de term WordPress gebruikt wordt kunnen beide versies bedoeld worden en dit geeft vaak nogal wat verwarring, zeker omdat beide versies behoorlijk verschillend zijn van elkaar.

Wat we ook vaak zien is dat men zich niet bewust is van het bestaan van de verschillende versies en de consequenties en beperkingen van hun keuze. Iets dat tot enorme frustratie kan leiden.

Voor een professionele website of blog met enigszins commerciële insteek adviseer ik eigenlijk altijd de self-hosted WordPress.org versie, met natuurlijk een van onze WordPress onderhoudspakketten de verschillen en redenen zet ik hieronder verder uiteen.

WordPress.com

WordPress.com is eigenlijk ‘WordPress als dienst’ ook wel ‘SaaS’ (Software as a Service) genoemd of iets wat steeds meer in opkomst is als term WaaS, WordPress as a Service.
In deze dienst hebben ze verschillende abonnementsvormen, een gratis variant met een hoop beperkingen en een aantal betaalde abonnementen met verschillende opties en prijzen. WordPress.com is van het Amerikaanse Automattic waarvan de eigenaar een van de co-founders is van WordPress.

WordPress.org (Self-hosted)

WordPress.org is de website van de Open-Source variant, hier kan je de code downloaden om vervolgens bij een webhosting provider naar keuze installeren. Sommige partijen leveren webhosting met WordPress vooraf geinstalleerd. Met WordPress.org ben je volledig zelf verantwoordelijk voor het technische reilen en zeilen van je website, dit technische deel is iets wat wij met onze onderhoudspakketten voor je uithanden kunnen nemen. De meeste bedrijven en professionals maken gebruik van de WordPress.org variant omdat dit meer vrijheden heeft.

Wat kosten de verschillende WordPress versies?

WordPress.com heeft een gratis pakket, dit is echter dusdanig uitgekleed dat dit niet geschikt is voor een professionele of zakelijke website. Wil je een website met .nl domeinnaam, een eigen @voorbeeld.nl e-mailadres dan zou dit al snel op €106 per jaar of meer uitkomen. Daarnaast is dan het gehele gemak van WordPress.com weg, het .nl domein kan je namelijk niet direct bij hun registreren en zal je zelf elders moeten registreren en koppelen, het zelfde geld voor de e-mailadressen

WordPress.org is de zelf gehoste variant, hier host je dus zelf je website en kan je gebruik maken van gratis WordPress software. Dit is qua software en mogelijkheden geen beperkingen én is gratis. Je hebt echter ook nog een webhosting pakket en domeinnaam nodig om de website op te zetten. Als je hiervoor de meest voordelige optie zou kiezen is het al mogelijk om een website op te tuigen voor ±€8 per maand (€96/jaar).

Welke WordPress versie moet je nou kiezen?

Als eerste moet je jezelf afvragen wat je wil bereiken met je websites, hoeveel keuze mogelijkheden wil je hebben, wil je alles zelf doen of een standaard pakket hebben en hoe technisch ben je eigenlijk?
Hieronder heb ik een tabel voor je gemaakt om de verschillen wat makkelijker aan te duiden. De verschillen tussen WordPress.com, WordPress.com voor bedrijven en WordPress.org staat er beschreven.

Als hobby blogje waar je zo nu en dan een bericht en wat foto’s op plaatst is het WordPress.com Personal abonnement mogelijk het meest geschikt. Je bent hierbij enorm beperkt want je kan alleen kiezen uit een beperkte voorselectie van thema’s én je kan geen plugins installeren. Het grote voordeel is echter dat je geen omkijken naar de techniek hebt en gebruik maakt van een enorm stabiel platform voor maar $4 per maand. Voor dat bedrag kan je geen andere fatsoenlijke webhosting provider vinden en het zelfde gemak.

“Om een idee te geven, de poëzie blog van mijn moeder heb ik ondanks mijn eigen expertise toch bij WordPress.com ondergebracht.”

Wil je echter wat meer of serieuzer omdat je bijvoorbeeld Google Analytics wilt gebruiken, een uitgebreid professioneel thema en wat plugins wilt installeren? Dan heb je al direct het WordPress.com Business pakket nodig a $25 per maand! Wil je een webshop dan zit je al direct op het E-commerce pakket van $45 per maand.

Die prijzen lopen enorm snel op terwijl je voor €10,- per maand al best een degelijke webhosting pakket kan afnemen waarbij je alle vrijheid hebt om plugins en thema’s te installeren. Het nadeel hiervan is echter dat jij als site eigenaar ook verantwoordelijk bent voor de juiste werking van de website. Gelukkig kan je dat technische WordPress beheer en onderhoud uitbesteden aan professionals.

WordPress.com gratis, het meest geschikt als je:

Zonder commercieel belang sporadisch blogt
Weinig technische kennis hebt en er ook niet in wilt verdiepen
Geen eisen hebt qua functionaliteit
De beperkte vormgevingsopties voorlief neemt
Het geen probleem vind om jouw-naam.wordpress.com in de adresbalk te hebben.
Het niet erg vind dat er advertenties op je site vertoond kunnen worden
Geen belang hecht aan zoekmachine optimalisatie/SEO

WordPress.com Personal, het meest geschikt als je:

Zonder commercieel belang blogt
Weinig technische kennis hebt en er ook niet in wilt verdiepen
Geen eisen hebt qua functionaliteit
De beperkte vormgevingsopties voorlief neemt
Wel een eigen domeinnaam (.com of .blog) wilt gebruiken
Geen advertenties op je site wilt hebben
Geen belang hecht aan zoekmachine optimalisatie/SEO

WordPress.com Premium, het meest geschikt als je:

Weinig technische kennis hebt en er ook niet in wilt verdiepen
Geen eisen hebt qua functionaliteit
Een bredere keuze wilt hebben qua thema’s, die wel nog steeds voorgeselecteerd zijn.
Wel een eigen domeinnaam (.com of .blog) wilt gebruiken
Geen advertenties op je site wilt hebben
Wel Google Analytics wilt voor bezoekers statistieken
Geen belang hecht aan zoekmachine optimalisatie/SEO

WordPress.com Business, het meest geschikt als je:

Weinig technische kennis hebt en er ook niet in wilt verdiepen
Beperkte Engelstalige ondersteuning geen probleem vind
Wel eigen plugins wilt installeren
Wel eigen thema’s wilt installeren
Geen gebruik wilt maken van E-commerce oplossingen of Webshop
Zoekmachine optimalisatie/SEO wel belangrijk vind
Wel een eigen domeinnaam wilt gebruiken
Geen advertenties op je site wilt hebben
WordPress.com branding van je website wilt verwijderen
Het geen probleem vind om meer te betalen dan noodzakelijk

WordPress.com eCommerce, het meest geschikt als je:

Weinig technische kennis hebt en er ook niet in wilt verdiepen
Beperkte Engelstalige ondersteuning geen probleem vind
Wel eigen plugins wilt installeren
Wel eigen thema’s wilt installeren
Gebruik wilt kunnen maken van E-commerce oplossingen of Webshop
Zoekmachine optimalisatie/SEO wel belangrijk vind
Wel een eigen domeinnaam wilt gebruiken
Geen advertenties op je site wilt hebben
WordPress.com branding van je website wilt verwijderen
Het geen probleem vind om meer te betalen dan noodzakelijk

WordPress.org, het meest geschikt als je:

Alle vrijheden wilt hebben
Zelf wilt kunnen kiezen voor een hosting provider
Het geen probleem vind om ook WordPress updates en onderhoud uit te voeren
Geen beperkingen wilt op het gebied van plugins en thema’s
Een .nl domeinnaam wilt gebruiken
Een professioneel eigen [email protected] e-mailadres wilt hebben.
Zelf de verantwoordelijkheid wilt dragen voor de juiste werking en beveiliging van de website.

WordPress.org + WPHelpdesk Site Service, het meest geschikt als je:

Website of blog een commerciële insteek heeft
Alle vrijheden wilt hebben
Zelf wilt kunnen kiezen voor een hosting provider
Geen beperkingen wilt op het gebied van plugins en thema’s
Een professionele website hebt
Een .nl domeinnaam wilt gebruiken
Een professioneel eigen [email protected] e-mailadres wilt hebben
Zeker wilt weten dat updates en onderhoud goed uitgevoerd worden
Wilt dat er altijd goede backups aanwezig zijn
Bij problemen iemand wilt om op terug te kunnen vallen
Nederlandstalige ondersteuning wilt, ook telefonisch
Een partij wilt die ook inhoudelijk met je website mee kan denken
Je website wilt laten groeien en door ontwikkelen
Geen onverwachte kosten wilt bij bijvoorbeeld het herstellen van een hack

Wat moet je nou kiezen? Als startende hobby blogger zonder of met weinig budget zou ik eenvoudig voor WordPress.com gaan. Wanneer het aanslaat en je verder wilt kan je altijd nog upgraden.

Ben je serieus aan het bloggen of een bedrijf dan ga je al snel richting het business of e-commerce pakket, dan zou ik wel even een pas op de plaats maken.
Grote kans dat onze WordPress.org + Site Service pakket je meer mogelijkheden geeft voor een vergelijkbare prijs. Je kan ons altijd contacten voor een persoonlijk advies.

Contact form 7 handleiding, contact formulier op je WordPress website

Je wilt een formulier toevoegen aan je WP site. Uit de honderden resultaten heb je gekozen voor Contact Form 7 (ook wel CF7 afgekort). Een van de eerste en oudste formulier plugins voor WordPress, gelukkig nog steeds actief onderhouden en zeer stabiel.

Video uitleg, tekst uitleg gaat verder onder video

Door zijn leeftijd is de plugin wel wat spartaans, erg kaal en basis qua vormgeving. Hierdoor is er tijdens het opzetten en instellen van de formulieren aanzienlijk meer ruimte voor menselijke fouten dan, bijvoorbeeld bij de nieuwere (betaalde) concurrenten zoals WPForms.
Bij het niet goed instellen van een formulier kan het zijn dat er mails verloren gaan, nooit aankomen en je klanten misloopt of zelfs verliest.

Door veranderende technologie zien we regelmatig gebeuren dat, bijvoorbeeld een offerte aanvraag formulier onjuist is ingesteld en deze bedrijven klanten mislopen.

Door het volgen van deze Contact form 7 handleiding kan je de kans daarop aanzienlijk verkleinen.

Wil je nog een menselijke check of dat wij je formulier plugin goed instellen? Neem dan contact met ons op.

Contact opnemen

Installatie van de Contact form 7 plugin

Wanneer je op het dashboard bent ingelogd ga je met de muis op (1) “Plugins” staan.
Vervolgens klik je op (2) “Nieuwe plugin”

Zoek in de zoekbalk (1) op “Contact Form 7”
Klik op (2) “Nu installeren”
De plugin gaat zich nu installeren, dit kan even duren.
Wanneer Contact Form 7 geïnstalleerd is zal de knop een blauwe kleur krijgen met de tekst “Activeren”, klik daar op om de plugin te activeren.

Na het activeren kom je in het overzicht van geïnstalleerde plugins.

Aan de linkerkant zie je in het menu een nieuw item staan (1) “contact”.
Ga daar met de muis op staan en klik op het sub-item “contact formulieren”.

Het eerste contact formulier is automatisch aangemaakt.
Ga eerst met de muis op “Contactformulier 1” staan, vervolgens verschijnt de “Bewerken” knop.
Klik onder “Contactformulier 1” op “Bewerken”

We zijn nu in het scherm om het contactformulier aan te passen.

De titel van het contact formulier, dit is voornamelijk bedoeld voor je zelf om het overzicht te houden en is eigenlijk nooit zichtbaar voor bezoekers.
De “short code”, deze code kan je plakken in het short code blok op pagina’s of berichten om het formulier weer te geven.
Formulier tab (op dit moment actief). Hier pas je het formulier zelf aan dat weergegeven wordt op de website.
Mail tab, hier pas je de e-mail aan de verzonden wordt bij het versturen van het formulier.
Voeg je velden toe aan het formulier dan moeten die ook nog handmatig aan de Mail worden toegevoegd, anders worden die niet mee verzonden.
Berichten tab, in dit tabje kan je de meldingen aanpassen die een bezoeker krijgt te zien wanneer het formulier verzonden wordt en de foutmeldingen.
Aanvullende instellingen tab, geeft de mogelijkheid om het formulier in demo modus te zetten en andere geavanceerdere functies.
De knoppenbalk kan je helpen bij het toevoegen van invoervelden en toont welke mogelijkheden er zijn.
Vormt de code van het formulier, je kan hier wijzigingen in aanbrengen om de weergave te verbeteren of de begeleidende labels aan te passen. Hier gaan we zo nog verder op in.
Spreekt voor zich, zodra je aanpassingen gedaan hebt moet je deze ook “opslaan” anders gaan ze verloren.

Formulier kader

<label> </label> is HTML code, dit omsluit het invoerveld. (oranje)
In Contact Form 7 worden invoervelden ingesloten met blokhaken [ ] (groen)
Een asterisk * geeft aan dat het veld verplicht ingevuld moet worden (rood).
De label tekst (geel) komt doorgaans boven het invoerveld te staan.
Wanneer de label code juist is geplaatst kan een bezoeker hier op klikken om direct naar het invoer veld te springen.
Dit is goed voor de toegankelijkheid van het formulier, zo weten ook mensen die gebruikmaken van een schermlezer welke gegevens er ingevoerd dienen te worden.

Invoerveld opbouw

Het invoerveld short code van Contact Form 7 is als volgt opgebouwd
Type invoer (oranje) dit kan van alles zijn tekst, email, tekst vlak (voor een uitgebreid bericht), datum, getal etc.
De knoppen aan de bovenzijde geven aan wat er beschikbaar is.

Dan is her nog het veld naam in het groen, deze naam dient ook gebruikt te worden in de Mail tab.
Die worden bij het verzenden omgezet in de tekst die de bezoeker heeft ingevoerd.
Hier mogen geen spaties inzitten, deze naam hoeft ook niet overeen te komen met de ‘label tekst’ (geel)

Asterisk * (rood) voor de verplichte velden.

Voor de volgende stap klikken je op de knop “Drop down-menu” (1)

We zijn nu in het scherm om het contactformulier aan te passen en een veld toe te voegen.
In het scherm dat nu verschijnt kan je de code maken voor het wat complexere drop down menu veld.

Aangeven of dit veld verplicht is
De naam van het veld
De keuze opties die een bezoeker heeft, 1 per regel
Of meerdere selecties mogelijk zijn (meer dan 1 item kiezen) en of de lijst moet beginnen met een lege eerste optie.
De ID en Class zijn meer gericht op ontwikkelaars, als je een bepaald veld een unieke opmaak wilt geven kan je hier een naam invoeren die vervolgens met CSS code extra opmaak mee kan geven.
Dit is de gegenereerde ‘short code’ uit de vorige stap die we daar ontleed hadden.
Met de “Tag invoegen” knop kan je deze code in het formulier plaatsen.
(klik hierop om het voorbeeld te blijven volgen)

De code staat nu in het formulier, wanneer we het formulier zouden opslaan krijgen bezoekers deze optie wel in beeld.
Het <label> </label> zoals bij de andere velden ontbreekt echter net als een begeleidende label-tekst.
Dit is iets wat we er nog handmatig bij moeten zetten.

Je kan die tekst kopiëren en plakken of handmatig typen, zorg wel dat je geen fouten maakt.
Maak je een fout in de HTML code dan zal dit niet werken.
Voeg <label> toe vóór het invoerveld en </label> er na om het af te sluiten
De begeleidende tekst kan je plaatsen wat je zelf wilt.
Als je meer velden wilt toevoegen kan je deze stappen herhalen.

Contact Form 7 – Mail tab

Klik op de Mail tab

Dit zijn alle beschikbare velden die omgezet worden aan de hand van de input van de gebruiker.
het aan-veld, naar dit adres wordt de email verzonden
Het afzend adres. Zorg dat dit adres achter het @ de domeinnaam bevat van de website waar vanaf verzonden wordt.
Het gebeurd heel vaak dat hier een ander e-mailadres wordt ingevoerd waardoor de e-mail niet aankomt.
Kom niet in de verleiding om het e-mailadres te vervangen met de [your-email] tag zodat hier de mail van de afzender komt te staan.
Wel zou je hier [your-name]<[email protected]> kunnen plaatsen.
Dan is de ‘van’ naam wel gelijk aan de persoon die het formulier inzend.
Het onderwerp van de e-mail, als je hier enkel [your-subject] dan zal Contact Form 7 een foutmelding geven. Het is namelijk mogelijk dat de onderwerp regel dan leeg blijft, dit kan er weer voor zorgen dat de mail in de spam-folder terecht komt.
Dit is een zéér belangrijke regel, door hier Reply-To: [your-email] in te voeren kan je de ‘beantwoorden’ knop van je mail programma gebruiken om de mail te beantwoorden. Let wel goed op want de tekst is hoofdlettergevoelig, 1 typefout en er gebeurdt niets!
De berichtinhoud, wat hier staat zal naar het e-mailadres in het Aan-veld verstuurd worden. Hier komen we nog op terug aangezien de extra toegevoegde velden in het formulier ook nog in de berichtinhoud geplaatst moeten worden.
Of regels met lege tags niet verzonden moeten worden en of er een HTML indeling gebruikt moet worden.
HTML e-mails worden eerder aangezien als spam, het is dus niet verstandig dit vinkje aan te zetten.
Als je formulier een bestand-upload mogelijkheid heeft moet die tag hier ingevoerd worden. Anders zal de bijlage niet mee verzonden worden.
Hier kan je een 2e e-mail instellen. Deze bevat dezelfde velden als deze eerste e-mail.
Deze 2e mail zou je kunnen gebruiken om automatisch een bevestiging met kopie van eigen gegevens te versturen naar de bezoeker die het formulier heeft ingevuld.

Hier zie je hoe we de ‘tags’ van [keuzemenu] en URL ook hebben toegevoegd aan de bericht inhoud, dit zodat die ook worden mee verzonden met de e-mail.

Wat doet de Mail (2) optie in Contact Form 7?

E-mail bevestiging inschakelen.
Wanneer je het vinkje (1) bij “Mail (2)” inschakelt krijg je een vrijwel identiek formulier als voor de eerste mail.
Bij de berichtinhoud (2) zal je ook nog de extra tags moeten toevoegen als je die mee wilt sturen.
Je kan ook het gehele “Berichtinhoud” kader van de eerste mail kopiëren en hier plaatsen om als basis te gebruiken.

Berichten tab

In de “berichten” tab kan je de meldingen aanpassen die een bezoeker krijg te zien.
Dit wordt vaak vergeten, het is echter wel vreemd als je het formulier zou gebruiken als “Offerte aanvraag” en in alle meldingen refereert naar bericht in plaats van offerte of aanvraag.
Daarnaast zijn een aantal van de meldingen niet heel vriendelijk naar de gebruiker toe.
Omdat dit toch een belangrijk onderdeel is van de interactie is met de gebruiker is het absoluut de moeite waard om de meldingen te herschrijven naar je eigen woorden.
Daarnaast kan je bij foutmeldingen wellicht een alternatieve contact mogelijkheid bieden.

Contact Form 7 formulier in de website plaatsen

Wanneer je een pagina/bericht bewerkt in de nieuwe blokken editor (WordPress 5+)
Kan je op de plek waar je het formulier wilt invoegen op het plusje klikken (1).

Vervolgens kan je zoeken (1) op de bloknaam “short code” en die aanklikken om in te voegen (2)

Vervolgens plak je de “Short code” van het formulier dat we helemaal in het begin toonde in dit veld (1) en klik je op Bijwerken (2).

Het formulier is nu op de pagina gepubliceerd.

Hulp bij het instellen van je contact formulier is inbegrepen bij onze onderhoud & service pakketten

WordPress onderhoud

WordPress 6.2 update problemen én oplossingen

Durf je het niet aan zelf te updaten dan kan je dit ook door ons uit laten voeren, hiervoor hebben we site service & onderhoudspakketten.

WordPress 6.2 update

WordPress 6.2 verscheen op 29 maart 2023
Wil je problemen voorkomen zorg dan altijd eerst voor een goede backup en test de updates eerst in een test-omgeving.
Daarmee kan je voorkomen dat je webshop of site onbereikbaar wordt.

Deze versie heeft veel verbeteringen onder de motorkap op het gebied van performance, snelheidsverbeteringen.

Wijzigingen die mogelijk tot problemen leiden:

WordPress 6.2 geeft in sommige gevallen foutmelding wanneer andere onderdelen als plugins of thema’s al geruime tijd niet geüpdatet zijn. Daarbuiten zien we op dit moment geen problemen.

WordPress 6.1 update

WordPress 6.1 verschijnt op 1 november 2022 rond 22.00 Nederlandse tijd is de verwachting.
Wil je problemen voorkomen zorg dan altijd eerst voor een goede backup en test de updates eerst in een test-omgeving.
Daarmee kan je voorkomen dat je webshop of site onbereikbaar wordt.

Deze versie heeft veel verbeteringen onder de motorkap op het gebied van performance, snelheidsverbeteringen en op het vlak van toegankelijkheid.
Daarnaast bevat deze update ook het nieuwe Twenty Twenty-Three thema voor 2023, wat een mooi startpunt kan zijn om te zien wat er qua functionaliteit allemaal mogelijk is met de blokkenbewerker en ‘Full Site Editing’ (FSE).
In totaal zijn er 120 verbeteringen en feature requests behandeld én 241 bug fixes.

Wijzigingen die mogelijk tot problemen leiden:

In WordPress 6.1 zijn veel wijzigingen gedaan aan de performance de grootste hierin zijn caching voor WP_Query en ook voor de REST API. Verouderde plugins of maatwerk dat hier op in haakt moet mogelijk bijgewerkt worden. Voordeel is dat dit de snelheid van de website ten goede komt.
De 10 laatste versies van de Gutenberg plugin zijn samengevoegd in Core. Een aantal van deze wijzigingen moet er voor zorgen dat de blokkenbewerker nog beter werkt met oudere ‘classic’ thema’s. Dit kan er wel voor zorgen dat een pagina die lang niet bijgewerkt is en blokken bevat die inmiddels geüpdatet zijn een foutmelding kan geven, in dat geval is het vaak het makkelijkste om het betreffende onderdeel opnieuw in te voegen.

Mogelijke foutmeldingen bij het updaten van WordPress

Kritieke fout, In de geval het snelste om een backup te herstellen. Het kan zijn dat je een verouderde of te nieuwe PHP versie gebruikt al dan niet in combinatie met een plugin of thema conflict. Het kan ook zijn dat je webhosting server ‘haperde’ tijdens de update waardoor die niet volledig is uitgevoerd. Heb je geen backup om te herstellen? Neem dan contact met ons op, wij kunnen doorgaans de update ook handmatig voltooien of terug draaien.
- Een bekende oorzaak op dit moment is het gebruik van de plugin WPML String Translation versie 3.2.2 of lager die een kritike fout geeft in combinatie met WordPress 6.1. Update WPML voorafgaand aan WordPress of verwijder de de plugin map en installeer de laatste versie opnieuw.
Website ziet er raar of vreemd uit. Het kan zijn dat er nog een Cache actief is wat problemen geeft. Controleer of je de cache van website en/of webserver kan legen. Probeer ook je eigen browser cache te legen.
Ik kan geen media meer uploaden (Safari Apple/Mac). Oudere versies van Safari geven regelmatig problemen, probeer een andere browser zoals Chrome of Firefox.

Dit is slechts een kleine greep uit de wijzigingen waar je als eindgebruiker mee te maken (kan) krijgen. Voor ontwikkelaars is er nog veel en veel meer veranderd.
Voor een overzicht van alle wijzigingen bekijk de WordPress 6.1 field guide.

WordPress laten updaten door specialisten zonder risico te lopen?
Bekijk onze onderhoud & service pakketten

WordPress onderhoud uitbesteden

WordPress 6.0 update

WordPress 6.0 verscheen op 24 mei 2022 rond 22.00 Nederlandse tijd.
Wil je problemen voorkomen zorg dan altijd eerst voor een goede backup en test de updates eerst in een test-omgeving.
Daarmee kan je voorkomen dat je webshop of site onbereikbaar wordt.

Deze versie heeft veel verbeteringen onder de motorkap op het gebied van performance, snelheidsverbeteringen en op het vlak van toegankelijkheid.

Wijzigingen die mogelijk tot problemen leiden:

Er zijn wijzigingen gedaan in de html structuur van afbeeldingen, Quote’s, lijsten en groep-blokken. Bij het invoegen van een dergelijk blok kan het zijn dat de opmaak er daardoor anders uit komt te zien.
De ‘div’ wrapper bij afbeeldingen is verdwenen en de bijbehorende classes zijn nu onderdeel van het ‘figure’ element.
seperator / scheidingsteken blok heeft nu de mogelijkheid om een andere kleur te kiezen.
Thema’s zonder index.php. Vanaf WP6.0 is het mogelijk om een blockthema te hebben zonder index.php, dit kan er voor zorgen dat een nieuw/recent thema niet met oudere WordPress versies werkt.
Categorieën en tags onjuist na migratie, door een wijziging in de functie term_exists naar get_terms worden tags en categorieën nu gecached. Sommige migratie en backup tools moeten hiervoor een update krijgen.
Aantal gebruikers(accounts) binnen website kloppen niet? Wanneer een website ‘groot’ is qua aantal gebruikers, vanaf 10.000 accounts wordt het aantal accounts niet meer real-time berekend maar slechts 2 keer per dag.
WPML moet geüpdatet worden voor de update naar WordPress 6.0. Oudere versies van WPML 4.5.6 en lager hebben problemen met de wijzigingen in tags en categorieën.

WordPress laten updaten door specialisten zonder risico te lopen?
Bekijk onze onderhoud & service pakketten

WordPress onderhoud uitbesteden

WordPress 5.9 update

WordPress 5.9 is verschenen op 25 januari 2022 rond 22:00 Nederlandse tijd.
Voorafgaand aan een update is het altijd aan te raden om een backup te maken. Wil je problemen voorkomen zorg dan dat je de update eerst test in een aparte test omgeving. Zo voorkom je dat bijvoorbeeld je webshop onbereikbaar wordt.

De volgende onderdelen ondergaan grote wijzigingen in deze versie en heeft de grootste kans op problemen voor bestaande websites.

1. Galerijen (blok editor)

De achterliggende code van galerijen zijn flink onderhanden genomen, in principe zou dit geen invloed moeten hebben op galerijen die al bestaan op een website.
Nieuw aangemaakte galerijen kunnen er echter wel anders uit komen te zien. Dit komt deels doordat de achterliggende HTML structuur veranderd.
Mochten je galerijen er niet goed uitzien dan moet mogelijk je thema bijgewerkt worden of moet er extra CSS code toegevoegd worden.

2. Stijlen & theme.json

Vooral gericht op ontwikkelaars en custom/child-themes. de theme.json gaat van versie 1 naar versie 2. In principe zou dit bestand automatisch omgezet moeten worden van V1 naar V2.

3. WordPress 5.9 is niet volledig compatible met PHP8.0/8.1

Veel hosting providers zijn wel inmiddels al bezig om pakketten om te zetten naar PHP8.0 of PHP 8.1, zeker in combinatie met meerdere plugins en thema’s geeft dit regelmatig fouten.
Vanuit je webhhosting paneel de PHP versie terug zetten naar PHP7.4 lost dit in veel gevallen op.

Andere nieuwe functionaliteit

WordPress 5.9 heeft ENORM veel nieuwe onderdelen en functionaliteit.

Nieuw basis thema – Twenty Twenty-Two
Nieuw navigatie blok in de blokken bewerker
FSE – Full Site Editing, Bij thema’s die hiervoor gemaakt zijn kan de volledige website aangepast worden met de blokkenbewerker inclusief header, footers en andere thema template onderdelen
taal keuze selectie op login pagina
nog 100 andere bug fixes, 99 verbeteringen

WordPress laten updaten door specialisten zonder risico te lopen?
Bekijk onze onderhoud & service pakketten

WordPress onderhoud uitbesteden

WordPress 5.8 update

WordPress 5.8 is verschenen op 20 juli 2021
Voorafgaand aan een update is het altijd aan te raden om een backup te maken. Wil je problemen voorkomen zorg dan dat je de update eerst test in een aparte test omgeving. Zo voorkom je dat bijvoorbeeld je webshop onbereikbaar wordt.

De volgende onderdelen ondergaan grote wijzigingen in deze versie en kunnen problemen geven.

1. Widgets in WordPress 5.8

Vanaf deze versie wordt er ook voor widgets gebruik gemaakt van de blokken bewerker die al sinds WordPress 5.0 voor pagina’s en berichten beschikbaar is. Sidebar’s en widgets worden door sommige thema’s en situaties nogal creatief gebruikt. Zo wordt bij oudere Genesis thema’s volledige homepages opgebouwd met verschillende widget gebieden, sidebars en widgets. In dat soort situaties kan deze nieuwe versie problemen geven.
De oplossing is gelukkig niet heel moeilijk, er kan gebruik gemaakt worden van de klassieke widget plugin of met een stukje code in het functions.php bestand van je (child) theme,
die code is als volgt: remove_theme_support( 'widgets-block-editor' );

2. Beëindiging support voor Internet Explorer 11

IE11 gaf al regelmatig wat bijzondere problemen met de blokkenbewerker. Ondersteuning voor IE11 is nu officieel gestopt. In plaats daarvan kan je beter een moderne browser gebruiken die ook nog je privacy extra beschermt zoals bijvoorbeeld Brave. Firefox en Chrome zijn natuurlijk ook prima geschikt.

Andere nieuwe functionaliteit

Er zijn ook nog andere wijzigingen, die niet een kans op problemen geven maar wel handig zijn om te weten

WebP support vanaf WordPress 5.8 Geweldig nieuws want webp is een beter en kleiner afbeeldingsformaat dat jpg en png. Nadeel is dat oudere Safari en Internet Explorer 11 browsers dit niet ondersteunen. Ga je webp afbeeldingen gebruiken en krijg je te horen van bezoekers dat afbeeldingen ontbreken of niet getoond worden dan kan je toch beter terug gaan naar gebruik van jpg of een plugin gebruiken die de conversie van jpg naar webp doet wanneer dit mogelijk is.
Theme.json Dit is een ‘opt-in’ functie. Dat betekend dat een thema ontwikkelaar expliciet moet aangeven dat deze functie gebruikt wordt. Dit zou geen problemen moeten geven.
Widgets beschikbaar via API Maakt meer headless WP oplossingen en opties mogelijk.
nieuwe blokken oa. een Query blok waarmee je zelf overzichtspagina’s kan bouwen van specifieke categorieën en/of tags.

WordPress laten updaten door specialisten zonder risico te lopen?
Bekijk onze onderhoud & service pakketten

WordPress onderhoud uitbesteden

WordPress 5.7 update

WordPress 5.7 is verschenen op 9 maart 2021 21:57.

Voorafgaand aan een update is het altijd aan te raden om een backup te maken. Wil je problemen voorkomen zorg dan dat je de update eerst test in een aparte test omgeving. Zo voorkom je dat bijvoorbeeld je webshop onbereikbaar wordt.

De volgende onderdelen ondergaan grote wijzigingen in deze versie en kunnen problemen geven.

Lazy-load iframes: iframes worden nu ge ‘lazy-load’. Dat betekend dat de inhoud van het frame pas geladen wordt wanneer het zichtbaar wordt voor de bezoeker. Dit is in principe een snelheidsoptimalisatie. Veel snelheid optimalisatie plugins vervulde deze functie al, dit zou conflicten kunnen geven. Wanneer je enorm veel gebruik maakt van iframes zou dit ook tot onverwachte resultaten kunnen leiden.
jQuery updates proces: De meegeleverde versie van jQuery in WordPress is sinds versie 5.5 veranderd. jQuery migrate ondersteuning wordt afgebouwd dit kan problemen geven met thema’s en plugins die hier gebruik van maken en niet actief onderhouden worden
Robots API & Media SEO instellingen: Er komt een extra SEO optie waarmee je kan aangeven of zoekmachines grote, hoge resolutie voorbeelden mag tonen in de zoekresultaten.
Admin kleur schema: Het admin kleurschema wordt geoptimaliseerd, idee is om dit meer uniform te krijgen zodat ook andere plugins en thema’s zich meer aan de WP stijl houden. Hier zal het merendeel van de mensen geen last mee krijgen, enkel wanneer er maatwerk in de admin is gedaan zou dit problemen kunnen geven. Dat is echter bij het merendeel van de websites niet het geval.
Verbeterde ondersteuning bij https migratie: een van de functies waar wij heel blij van worden. Wanneer WordPress kan herkennen dat er een actief en geldig SSL certificaat voor je website aanwezig is kan je nu met een paar klikken de website overzetten naar https://` hierbij zal ook automagisch allehttp://` verwijzingen in je database omgezet worden naar https://`. Enig nadeel is dat je mogelijk 'mixed-content' errors kan krijgen wanneer er in je thema of in een plugin een hard-codedhttp://` verwijzing staat die niet automatisch omgezet kan worden.

~~Let op WordPress 5.7 is nog niet uit op moment dat we dit schrijven,~~ bovenstaande wijzigingen zijn aangekondigd, de risico’s en mogelijke complicaties zijn onze inschatting.
Durf je het niet aan zelf te updaten dan kan je dit ook door ons uit laten voeren, hiervoor hebben we site service & onderhoudspakketten.

Gemelde problemen met WordPress 5.7

Problemen met extra witruimte bij shortcodes in de Classic Editor (klassieke bewerker) waarbij <p> paragraaf tags niet goed worden gesloten. Mogelijke oplossing is het toevoegen van de volgende CSS in de Extra CSS optie van de Customizer

p:empty:before {
content: "";
display:none;
}

All In One WP Security & Firewall, is pas sinds versie 4.4.8 compatible, indien aanwezig dient deze plugin éérst geüpdatet te worden voor het updaten van WordPress -core
Featured Image Pro Post Grid plugin is op dit moment niet volledig compatible met de laatste WordPress versie.
Er is 1 melding dat een website automatisch is omgezet naar https terwijl dit niet ondersteund wordt door de webhost.
Melding van een gebroken website na een auto update in combinatie met het Avada thema.
Enkele melding waarbij de inhoud van reusable blocks / herbruikbare blokken verdwijnt.

WordPress laten updaten door specialisten zonder risico te lopen?
Bekijk onze onderhoud & service pakketten

WordPress onderhoud uitbesteden

Grote update in WordPress 5.6 maak eerst een backup

WP 5.6 bevat een grote update aan de jQuery library zorg dat je een backup maakt voorafgaand aan het updaten of de update eerst test in een testomgeving!

In WordPress 5.5 was er een aanpassing waarbij jQuery Migrate helper script standaard niet meer ingeladen werd. Met WordPress versie 5.6 zal de gebundelde jQuery versie een upgrade krijgen van versie 1.12.4 naar jQuery 3.5.1
Dit kan problemen geven bij verouderde thema’s en plugins of die achterlopen met updates.

In het beste geval zullen sommige onderdelen niet meer werken, in het slechtste geval kan dit een fatale error veroorzaken waardoor ook alle andere jQuery en javascript code in de website niet meer functioneert.
Een tijdelijke oplossing hiervoor is om de Enable jQuery Migrate Helper plugin te installeren.
Dit is met nadruk een tijdelijke oplossing aangezien de oudere jQuery versie ook geen beveiligingsupdates meer krijgt.

Wanneer geactiveerd zal deze plugin meldingen geven van de verouderde code die gesignaleerd wordt, dat is alleen zichtbaar voor jou als ingelogde gebruiker en niet voor je bezoekers.

WordPress laten updaten door specialisten zonder risico te lopen?
Bekijk onze onderhoud & service pakketten

WordPress onderhoud uitbesteden

Wat is er nieuw in WordPress 5.6

Ondersteuning voor PHP 8
Nieuw default thema “Twenty Twenty-one”
Ondersteuning voor ‘Block patronen’ thema’s kunnen nu standaard pagina’s en elementen maken die jij kan gebruiken in de blokken bewerker (Gutenberg)
Bijschriften en ondertiteling in video’s
Video achtergronden in het ‘cover’ / omslag blok
Automatische updates verder uitgebreid, Vanaf nu is het ook mogelijk om WordPress core automatisch te laten updaten. (dit kan bij sommige hosting providers en in combinatie met betaalde thema’s en plugins problemen geven op termijn)
jQuery versie update, dit kan problemen geven icm pagebuilders, thema’s en plugins die niet volledig zijn bijgewerkt.
En nog veel meer, zie alle wijzigingen in de 5.6 field guide

WordPress laten updaten door specialisten zonder risico te lopen?
Bekijk onze onderhoud & service pakketten

WordPress onderhoud uitbesteden

WordPress 5.0

Kijk onderstaand Webinar terug hoe je een back-up maakt en veilig kan testen of deze nieuwe versie problemen veroorzaakt voor jouw website.
We maken in onderstaande video gebruik van de tool & plugin van Blogvault om de website te back-uppen en een testversie op te zetten.

WordPress 5.0 uitleg

Begin dit jaar hadden we al een aantal uitleg video’s opgenomen met een vroege testversie van de nieuwe WordPress Block-editor (blokken bewerker)
Die uitleg kan je hier terug vinden:

Veel gestelde vragen over WordPress 5.0

Mijn website is volledig wit blanco / 500 foutmelding

Waarschijnlijk is de update niet volledig goed gegaan, je kan proberen de update handmatig opnieuw te installeren of de debug stappen volgen in dit artikel over de generieke php 500 foutmelding.
Een backup herstellen van voor de update is waarschijnlijk het snelste als je zelf niet heel technisch bent.

Ik kan de teksten op mijn pagina’s en berichten niet meer aanpassen! Het ziet er totaal anders uit!

Je kan de Classic Editor plugin installeren om weer terug te gaan naar de oude editor.
Deze plugin wordt tot 2022 ondersteund volgens de huidige planning.
Verouderde webbrowsers kunnen ook problemen veroorzaken

Mijn website ziet er ‘vreemd uit’

Dit kan een cache probleem zijn. Leeg de cache van een caching plugin als je die gebruikt. Daarnaast kan het voorkomen dat bij sommige webhosting providers de cache ook ge-‘flushed’ moet worden.

Kan ik na het updaten naar WordPress 5 nog terug? /
Kan ik nog terug naar de oude WordPress editor?

Het ‘downgraden’ van een WordPress installatie raad ik af, als je een backup hebt van de website dan zou je die wel kunnen herstellen.
Anders is het installeren van de Classic Editor plugin de beste oplossing

Veranderd het updaten naar WordPress 5 mijn bestaande berichten en pagina’s?

Nee, bestaande berichten en pagina inhoud wordt in een ‘classic blok’ geplaatst. Er is per pagina/bericht een handmatige actie nodig om die om te zetten naar de structuur van de nieuwe editor.

Kan ik bestaand pagina’s & berichten aanpassen in de nieuwe editor?

Ja dat is mogelijk.

Ik maak gebruik van een page-builder, kan ik veilig updaten?

Wees hiermee heel heel voorzichtig en test dit eerst in een veilige test-omgeving en zorg dat je een backup hebt van je website. Controleer ook handmatig of je thema en pagebuilder de laatste versie zijn. Zoeken in Google op “Thema-naam changelog” of de pagina van de verkoper en kijk of de versie nummers overeen komen. Als het betaalde thema de afgelopen 6 maanden geen update heeft gehad is het risico nog groter.

Hoe plaats ik afbeeldingen naast de tekst?

Hiervoor zijn twee mogelijkheden. je kan het specifieke ‘media & tekst’ blok gebruiken of een afbeelding blok plaatsen voor het tekstblok en daar de uitlijning van aanpassen.

Blijven mijn plugins werken wanneer ik update naar WordPress 5.0?

De meeste plugins die goed onderhouden worden en up-to-date zijn zullen blijven werken. Sommige plugins zullen zelfs nieuwe functies en blokken toevoegen speciaal voor WordPress versie 5.0 en later.

WordPress toont alleen code wanneer ik een bericht of pagina probeer te bewerken?

Ga naar je profiel en zet het vinkje bij Visuele editor “De visuele editor uitschakelen tijdens het schrijven” uit. Als het goed is zou je nu van de nieuwe bewerker gebruik kunnen maken.

Nieuw e-mailadres aanmaken

Een nieuw e-mailadres aanmaken is binnen het beheerpaneel (wp-admin) van WordPress zelf niet mogelijk. Afhankelijk of je een WordPress.com of een zelf-gehoste WordPress.org website hebt, zijn er wel een aantal mogelijkheden om zowel betaald als gratis email accounts aan te maken. Hieronder zullen we een aantal opties uitlichten hoe je een [email protected] email adres kan aanmaken.

Klik hier om direct naar de email mogelijkheden voor WordPress.com te springen
dit zijn de opties voor een zelf-gehoste WordPress site

Kom je er niet uit? Stuur ons dan een bericht, dan gaan we je helpen! Ondersteuning voor het aanmaken van email is inbegrepen bij onze WordPress onderhoud paketen

Een nieuw e-mailadres aanmaken (zelf-gehoste WordPress.org website)

Wanneer je een zelf-gehoste WordPress website hebt, waar je een eigen domeinnaam en webhosting abonnement voor afneemt, dan zit daar vaak de mogelijkheid bij om een gratis email adres te maken.

Het aanmaken / toevoegen van e-mailadressen zit bij de service van WPHelpdesk inbegrepen wanneer je een pakket via ons hebt. Je hoeft ons dan enkel een berichtje te sturen en dan regelen wij dit voor je!

Je kunt dit echter ook zelf, mits ondersteund door je webhosting provider.
Een nieuw e-mailadres aanmaken kan sterk wisselen tussen providers, hiervoor kan je contact opnemen met je eigen webhosting provider. Die kan je vertellen welke stappen je precies moet volgen.

Er zijn echter ook nog een aantal veel gebruikte webhosting panelen waarbinnen je zelfstandig gratis nieuwe email accounts kan aanmaken. Een aantal grote bekende hiervan zijn; cPanel, Plesk en DirectAdmin.

Nieuw emailadres aanmaken in cPanel

1. Login op je cPanel account
2. Onder het kopje ‘Mail‘ klik je op ‘E-mail Accounts’
3. Bij Email voer je het gewenste stuk in dat je voor @domeinnaam.nl wilt hebben
– Bij wachtwoord voer je het gewenste wachtwoord in, of gebruik de generator voor een veilig wachtwoord.
– Bij Mailbox Quota kan je de maximum omvang van de mailbox bepalen.
4. Klik op ‘Create account’

Afhankelijk van de cPanel versie kan deze al dan niet in het Nederlands zijn of het uiterlijk afwijken.

cPanel nieuw e-mailadres aanmaken scherm — Invoervelden voor het aanmaken van een e-mailadres in cPanel

Nieuw e-mail adres maken in Plesk

Voor het maken van een nieuw emailadres in Plesk kan je deze video uitleg volgen.

Nieuwe E-mail account maken in DirectAdmin

In DirectAdmin zijn de stappen om een nieuw emailadres te maken vergelijkbaar met die van cPanel. Afhankelijk van de vormgeving kan dit er ook anders uit zien.

Login op je DirectAdmin account
Onder het kopje ‘E-Mail management‘ klik je op ‘E-mail Accounts’
Vervolgens klik je op ‘Create mail account’
Bij ‘Username’ voer je het gewenste stuk in dat je voor @domeinnaam.nl wilt hebben.

– Bij wachtwoord voer je het gewenste wachtwoord in, of gebruik de ‘Random’ knop voor een veilig wachtwoord.
– Bij Email Quota kan je de maximum omvang van de mailbox bepalen.
– Bij Send Limit het maximum aantal e-mails per dag, dit om bijvoorbeeld Spam of misbruik te voorkomen.
4. Klik op ‘Create’

DirectAdmin email account aanmaken scherm — Invoervelden om een nieuw e-mailadres te maken binnen DirectAdmin

WordPress.com gratis email opties

Bij WordPress.com zijn er een aantal opties om een [email protected] e-mailadres te gebruiken zonder extra kosten.

Gratis e-mail forwarding

Deze optie zit redelijk ver weggestopt in de instellingen. Hiermee kan je echter berichten naar [email protected] laten doorsturen naar een ander e-mailadres dat je al gebruikt. Zo kunnen bezoekers jouw e-mailen op een professioneel ogend adres. Het nadeel hiervan is dat je in de meeste gevallen niet vanaf dit zelfde adres email kan versturen.

Zoho mail (gratis)

Een andere email optie die geïntegreerd is met het WordPress.com platform is Zoho mail, dit heeft ook een gratis email pakket wat je kan gebruiken. Het nadeel hiervan is dat dit iets lastiger is op te zetten dan de gratis e-mail forwarding.

Betaalde email opties WordPress.com & WordPress.org

G suite

G suite is een Google dienst, eigenlijk Gmail voor bedrijven. De kosten zijn ±€50,- per jaar per gebruiker.

Office 365

Office365 is een Microsoft dienst ,die gebruik maakt van een losse mailbox.
Dit kan vanaf ±€50 per jaar per gebruiker.

TransIP

Bij TransIP kan je E-mail hosting afnemen, daarmee kan je 3 nieuwe e-mailadressen aanmaken voor ±3€ per maand.

Bovenstaande partijen leveren allemaal kwaliteit en zijn zeer betrouwbaar qua uptime, beveiliging en de werking van hun platform. Nadeel is echter dat het instellen van de DNS instellingen een behoorlijke uitdaging kan zijn wanneer je hier niet bekend mee bent.
Externe e-mail provider toevoegen op WordPress.com

Hoe kan je een nieuwe gebruiker toevoegen in WordPress?

Hoe geef je iemand anders toegang tot je WordPress site? Je kunt de inloggegevens van je eigen account uit handen geven maar écht veilig is dat niet. Een nieuwe gebruiker toevoegen is een veel verstandigere optie. Dan kun je tevens aangeven hoeveel ‘rechten’ deze gebruiker heeft binnen de website. Iemand die enkel teksten aanpast, heeft namelijk geen toegang nodig tot de instellingen of wellicht de bestellingen in je webshop. Bijkomend voordeel is dat je deze gebruiker ook weer kunt verwijderen of de rechten kunt afnemen wanneer deze geen toegang tot je website meer nodig heeft.

Onderstaande stappen gaan over een zelf-gehoste WordPress.org website, de uitleg van WordPress.com kun je hier vinden.

Video: WordPress gebruiker toevoegen, bewerken én verwijderen

Klik hier om naar de tekstuele uitleg te gaan

WordPress Gebruiker aanmaken

Om te beginnen moet je inloggen op het Dashboard van je WordPress site.
In het linker menu staat het menu item ‘Gebruikers’ als je hier met de muis op gaat staan of klikt verschijnt er een sub-menu.
Klik in het sub-menu op ‘Nieuwe toevoegen’
In het menu ‘Gebruikers’ klik je op ‘Nieuwe gebruiker’. Dan kan je een nieuwe WordPress gebruiker toevoegen.
Vul de gegevens in van de nieuwe gebruiker, Gebruikersnaam en E-mail zijn verplicht. Ook is het aangeven van de ‘Rol’ die de gebruiker moet krijgen ook handig.
Meer informatie over de verschillende gebruikersrollen kun je hier lezen.

Een nieuwe WordPress gebruiker toevoegen vereist een aantal gegevens, in dit scherm kan je die invoeren.

Wanneer het ‘vinkje’ bij Gebruikersmelding versturen aan staat zal naar het ingevoerde e-mailadres een bericht worden verzonden om het wachtwoord in te stellen. Zet je dit ‘vinkje’ uit, dan moet je de nieuwe gebruiker zelf op de hoogte stellen van de inloggegevens.

Na het toevoegen van een gebruiker is dit het standaard e-mail bericht om het wachtwoord in te stellen.
De nieuwe gebruiker is nu aangemaakt.

WordPress gebruiker bewerken

Je kunt ook indien je beheerdersrechten hebt een gebruiker bewerken.
Je kunt vanuit het menu ‘Gebruikers’ > ‘Alle gebruikers’ een gebruiker aanklikken om te bewerken.
Hier zou je de Rol kunnen aanpassen alsook het wachtwoord.

Wanneer is dit handig?
Bijvoorbeeld wanneer een redacteur een serie berichten op de website heeft geplaatst, maar er na loop van tijd mee ophoudt. Je zou dan de rol kunnen aanpassen van redacteur naar Abonnee. De berichten blijven dan bestaan en aan dit account gekoppeld echter, kan de persoon in kwestie berichten niet meer aanpassen, verwijderen of nieuwe toevoegen.

WordPress gebruiker verwijderen

Je kunt vanuit het menu ‘Gebruikers’ > ‘Alle gebruikers’ ook een gebruiker verwijderen.
Om dit te doen, ga je met de muis op de gebruiker staan, er verschijnen dan een aantal opties waaronder in het rood ‘Verwijderen’.

toont de plek van het navigatie element om een WordPress gebruiker te verwijderen — Wanneer je met de muis op een gebruiker gaat staan komt de mogelijkheid in beeld om een gebruiker te verwijderen

Als de gebruiker die je verwijderd berichten of pagina’s op zijn naam heeft staan, krijg je de mogelijkheid die toe te wijzen aan een andere gebruiker of te verwijderen.
Let op! het verwijderen is definitief

Berichten van gebruiker toekennen aan ander WordPress account — Wanneer een gebruiker berichten gepubliceerd heeft kan je die toekennen aan een ander account alvorens de gebruiker te verwijderen.

WordPress.com gebruiker toevoegen

Bij WordPress.com werkt het toevoegen van een gebruiker nét wat anders.
Wanneer je ingelogd bent bij WordPress.com kun je links-boven de site selecteren waar je de gebruiker toe wilt voegen.
Dan komt er aan de linkerzijde de verschillende opties te staan waaronder ‘Mensen‘ daarachter staat een knop ‘Toevoegen‘. Wanneer je daar op klikt, kan je een nieuwe gebruiker toevoegen.
Je kunt een gebruikersnaam invoeren wanneer die persoon al een WordPress.com account heeft, dan kan die persoon zijn bestaande inloggegevens gebruiken. Er wordt dan een e-mail gestuurd met link om de uitnodiging voor toegang tot de website te accepteren.

Wanneer iemand nog geen WordPress.com account heeft, kan je ook een e-mailadres invoeren. Er wordt dan een uitnodiging verzonden naar het e-mailadres om een account aan te maken.

Ook in dit venster is er weer de mogelijkheid om een Rol te selecteren.

WordPress.com gebruiker bewerken / verwijderen

Op WordPress.com kun je zelf niet zoveel aanpassen aan een gebruiker. Het enige dat je kunt doen, is de rol bewerken of een gebruiker verwijderen.
Dit kan je doen door in het menu op ‘mensen‘ te klikken en vervolgens op de gebruiker die je wilt verwijderen.
Hier kan je tevens er voor kiezen de berichten weer aan een andere gebruiker toe te kennen.
Als jij je eigen WordPress.com account of gebruiker wilt verwijderen zijn er andere stappen nodig, die hebben we hier omschreven.

Wat zijn de WordPress gebruikers rollen?

Standaard heeft WordPress de volgende gebruikersrollen;

Abonnee (Engels: subscriber)
Schrijver (Engels: contributor)
Auteur (Engels: author)
Redacteur (Engels: editor)
Beheerder (Engels: administrator)

Abonee is de rol met de minste rechten, iemand kan hiermee zijn profiel beheren en dit gebruiken om te reageren en daar houd het eigenlijk mee op.

Schrijver kan berichten schrijven voor de website maar kan deze niet publiceren, ook kan een Schrijver geen media uploaden (ook de uitgelichte afbeelding niet).

Auteur kan berichten schrijven en deze ook publiceren, de Auteur kan daarnaast ook afbeeldingen uploaden. Een Auteur kan in principe zelfstandig een nieuws sectie of blog onderhouden.
De auteur kan geen berichten van anderen aanpassen of bewerken, wel kan de auteur zijn eigen berichten de-publiceren en zelf verwijderen

Redacteur heeft op het gebied van teksten alle benodigde rechten, de redacteur kan eigen pagina’s en berichten aanpassen en publiceren alsook van andere gebruikers.

Beheerder Deze gebruiker heeft alle rechten en kan alles met de site doen. De beheerder kan gebruikers toevoegen, verwijderen en aanpassen. Afhankelijk of het een WordPress.com of WordPress.org website is, kan de beheerder ook thema’s en plugins installeren, bewerken en alle instellingen aanpassen.

De nieuwe WordPress Gutenberg editor

Dit artikel gaat specifiek over WordPress 5.0

Geschiedenis van Gutenberg

Johannes Gutenberg wordt gezien als de uitvinder van de boekdrukkunst. Dit klopt echter niet helemaal. De blokdruk bestond toen namelijk al en deze kwam uit China. De vernieuwing in de techniek van Gutenberg was het gebruik van losse letters, waardoor pagina’s naderhand nog gecorrigeerd konden worden.

Tot zover de zeer beknopte geschiedenis les. De strekking van het verhaal;
zoals Johannes Gutenberg een revolutie in de boekdrukkunst tot stand bracht, zo moet ‘Gutenberg’ een revolutie voor WordPress teweeg brengen.

Wanneer komt de Gutenberg editor in WordPress?

Gutenberg is op dit moment als losse plugin te installeren, om te testen. Het is nog niet bedoeld om in een ‘live’ omgeving te gebruiken. Echter als je het aandurft, staat dat je vrij.

Vanaf WordPress versie 5.0 zal Gutenberg standaard in het systeem aanwezig zijn.
Er zal vanaf WordPress versie 4.5 ook een extra melding verschijnen op het Dashboard om de Gutenberg plugin te installeren.

Risico’s van de WordPress Gutenberg editor plugin

Aan iedere (beta)* plugin zitten risico’s vast. Omdat dergelijke plugins nog niet ‘af’ zijn, nog aan verandering onderhevig zijn en fouten bevatten, is het meestal niet aan te raden deze op een live-website te gebruiken. Doe je dit wel; zorg dan dat je minimaal dagelijks backups maakt en deze ook voor een langere periode bewaart. Mocht er iets fout gaan, dan ben je niet de website of de inhoud daarvan kwijt.

*beta: is doorgaans een publieke testversie, hier zitten risico’s aan vast!

Hoe kun je de Gutenberg editor installeren?

(Bekijk op Youtube)

De WordPress Gutenberg editor plugin is erg makkelijk te installeren. Dit kun je doen nadat je hebt ingelogd via de optie, plugin toevoegen. Binnen deze optie kan er worden gezocht naar de Gutenberg plugin, waarna deze geïnstalleerd kan worden en geactiveerd kan worden. Tijdens het gebruik van Gutenberg editor kan het voorkomen dat je tegen problemen aanloopt, aangezien het nog getest wordt momenteel. Deze problemen kunnen via je de feedback optie van de Gutenberg plugin worden aangegeven. Ook kun je binnen deze optie terecht voor support vragen.

Hoe werkt Gutenberg?

(Bekijk op Youtube)

Nadat de Gutenberg plugin is geactiveerd, kan er gebruik worden gemaakt van de Gutenberg editor. Het zal achter de berichten pagina’s worden aangegeven wanneer ze gebruik maken van deze editor. Door te klikken op de knop nieuw bericht, kun je automatisch gebruik maken van de Gutenberg editor. In de rechter kolom kun je het post format beheren, afbeeldingen en samenvattingen toevoegen. Ook is er een optie aanwezig om naar de code editor te gaan.
Onder de optie ‘Block’ kunnen allerlei vormgevingsopties worden aangepast, zoals lettertypes, lettergrootte en kleuren.

Een van de voordelen is dat iedere paragraaf zal verschijnen als een nieuw blok. Dit is nieuw binnen Gutenberg. Je kunt hierdoor ook naderhand de blokken omwisselen en nieuwe blokken er tussen zetten, waaronder ook afbeeldingen. Een nieuwe functie is een ‘cover image’ invoegen, hierover kan een koptekst geschreven worden. Verder zijn er nog vele andere elementen die kunnen worden ingevoegd zoals lijstjes, veel gebruikte blokken, Youtube filmpjes, tekst kolommen en galerijen. Hoe deze elementen werken, wordt ook uitgelegd in het bovenstaande filmpje.

Foto gallerij invoegen met Gutenberg

(Bekijk op Youtube)

Een van de blokken die je kunt toevoegen, wordt uitgelicht in het bovenstaande filmpje; het toevoegen van een galerij.

Er kunnen via het galerijblok foto’s worden toegevoegd vanuit de media library maar ook vanuit andere mappen op de computer. Een van de voordelen van deze functie is dat het slepen van een selectie afbeeldingen naar de galerij toe mogelijk is, waarna de foto’s automatisch worden geüpload en een galerij gevormd wordt. Deze kan ook bewerkt worden via het ‘potlood’ icoontje.
Via het tabblad blok, kunnen de galerij-opties worden aangepast.

WordPress.com website verwijderen

Realiseer je dat wanneer je de WordPress.com website verwijdert, de inhoud en het adres definitief kwijt bent!
WordPress.com heeft een aantal opties om de inhoud te bewaren en je website af te schermen voor bezoekers. Je kan namelijk je website ook op privé zetten in de instellingen, dan is deze alleen zichtbaar voor jou wanneer je ingelogd bent en voor gebruikers die jij goedkeurt!

Disclaimer: Wij zijn geen onderdeel van WordPress.com, wij kunnen vragen over je account of betalingen bij WordPress.com dan ook niet beantwoorden.

Wanneer je de website op privé zet is deze enkel voor jou en goedgekeurde gebruikers zichtbaar

Voordat je de website verwijderd is het wel handig eerst je lopende abonnementen op te zeggen.

Disclaimer: Wij zijn geen onderdeel van WordPress.com, wij kunnen vragen over je account of betalingen bij WordPress.com dan ook niet beantwoorden. Wanneer je het programma TeamViewer installeert kunnen we je telefonisch wel door de verschillende schermen heen loodsen.

Website adres behouden

Als je de volledige website verwijderd ben je ook het WordPress.com sub-domein kwijt (voorbeeld.wordpress.com) deze is dan ook niet meer beschikbaar om opnieuw te beginnen.
Wat je in dit geval wel kan doen is er voor kiezen om enkel de inhoud van de site te verwijderen.
Deze optie kan je vinden onder je instellingen onderaan de pagina.

via ‘Je inhoud verwijderen’ reset je de website maar behoud je het adres en thema

WordPress.com website verwijderen

Goed je hebt dus besloten dat je de website, de inhoud en het adres waarop die bereikbaar is definitief wilt verwijderen. Dan zijn hier slechts 4 stappen voor nodig (waarvan 2 waarschuwingen zijn).

stap 1

Mijn sites, als je hier op klikt kom je standaard bij je primaire site uit.

Klik op ‘Mijn sites’ nu komt er een menu naar voren, als je maar 1 website in je account hebt staan kan je direct doorgaan naar stap 2

stap 1.1

Wanneer je meerdere sites beheerd heb je de optie voor ‘site wisselen’

Wanneer je ingelogd bent op WordPress.com en je beheerd meerdere websites dan kan het zo zijn dan je eerst de website moet ‘wisselen’ om zo bij de juiste website te komen.

stap 1.2

Klik op de site die je wilt gaan verwijderen

stap 2

Hier kan je aanpassingen doen aan de instellingen van de website.

In het menu aan de linkerzijde kies je voor het item ‘instellingen’

stap 3

Klik op de optie ‘Je site permanent verwijderen’. Hiermee raak je de site écht kwijt.
Er staat onder dat het adres van de website weer vrijgegeven wordt, dat is echter niet waar!
In het scherm dat volgt wordt dit namelijk weer tegen gesproken..

‘Je site permanent verwijderen’ brengt je naar een volgend scherm met een laatste waarschuwing

stap 4

We komen nu bij een scherm vol met waarschuwingen, het kan wenselijk zijn om de teksten en pagina’s van je website eerst nog te exporteren, Let op! Deze export bevat enkel de teksten van je website en niet de geuploade foto’s en media bestanden!

Ook staat hier duidelijk aangegeven dat je alles écht kwijt raakt en het .wordpress.com sub-domein niet opnieuw beschikbaar komt.

Als je dit zeker weet kan je op de knop ‘Site verwijderen’ klikken, je website is dan écht weg en dit is on-omkeerbaar!

Wanneer je op ‘Site verwijderen’ klikt is je WordPress.com site écht weg!

Je WordPress.com website is nu verwijderd, je WordPress.com account is dat echter nog niet.
Wil je ook je WordPress.com account verwijderen / opzeggen? Meer informatie daarover op deze pagina.

Disclaimer: Wij zijn geen onderdeel van WordPress.com, wij kunnen vragen over je account of betalingen bij WordPress.com dan ook niet beantwoorden. Wanneer je het programma Anydesk installeert kunnen we je telefonisch wel door de verschillende schermen heen loodsen.

Zo kan je een WordPress.com abonnement opzeggen

Wanneer je het abonnement bij WordPress.com wilt stoppen kan je het abonnement opzeggen vanuit je account. Het annuleren van je abonnement is meestal met een paar klikken geregeld.
In sommige gevallen is het ook nog mogelijk om de resterende termijnen terug betaald te krijgen.
Dan staat er nog een knop ‘Annuleren en restitueren’.
Het wilt ook voorkomen dat er een melding staat dat er contact met de support opgenomen moet worden, dat kan via WordPress.com/contact

Disclaimer: Wij zijn geen onderdeel van WordPress.com, wij kunnen vragen over je account of betalingen bij WordPress.com dan ook niet beantwoorden.

Onderstaand leggen we stap voor stap uit hoe jij je WordPress.com abonnement kan opzeggen.

Wil jij je WordPress.com website verwijderen dan kan je deze stappen volgen.

Voor het opzeggen/verwijderen van je WordPress.com account kan je hier meer informatie vinden.

Verschillende WordPress abonnementen worden op deze pagina vergeleken.

Disclaimer: Wij zijn geen onderdeel van WordPress.com, wij kunnen vragen over je account of betalingen bij WordPress.com dan ook niet beantwoorden.

Stap 1. – Login

Wanneer je nog niet ingelogd bent en de homepage van WordPress.com bezoekt staat er rechts boven in de knop ‘Inloggen’. Klik daar op en je gaat naar het login scherm.

Stap 2. – Aankopen beheren

Wanneer je ingelogd bent kan je wederom rechts boven in, op je profiel foto/icoon klikken. Dit zal je naar je WordPress.com profiel leiden.

Klik rechtsboven op je avatar om naar je profiel te gaan

Op je profiel aangekomen staat er in het linker menu ‘Aankopen beheren’ van daaruit kan je al je aankopen beheren van alle verschillende sites die je beheert.

Klik in het linker menu op ‘Aankopen beheren’

Stap 3. – WordPress.com abonnement selecteren

Vanuit dit overzicht kan je het abonnement selecteren dat je wilt opzeggen

Klik op het abonnement dat je wilt stoppen

Stap 4. WordPress.com abonnement opzeggen

Op de pagina die dan volgt krijg je alle details van je abonnement te zien. Hier bevind zich ook de knop om je abonnement te annuleren.
Kijk goed of er niet nog een extra optie is met ‘Annuleren en restitueren’, als je die optie kiest krijg je nog een deel van je aankoop bedrag retour.

Je abonnement opzeggen doe je door op ‘Abonnement annuleren’ te klikken

Goed om te weten

Wanneer je abonnement gestopt is en je hebt meer opslag ruimte in gebruik dan de gratis versie toelaat (3GB) dan is het niet meer mogelijk nieuwe foto’s toe te voegen aan de website.

Bij het stoppen van je abonnement vervalt ook de koppeling met een eigen ‘custom domain’ als je die had. Je website blijft dan echter wel bereikbaar via het WordPress.com sub-domein (voorbeeld.wordpress.com). Wil je na het opzeggen van je abonnement ook je WordPress.com website verwijderen, dan kan je deze stappen volgen.

Disclaimer: Wij zijn geen onderdeel van WordPress.com, wij kunnen vragen over je account of betalingen bij WordPress.com dan ook niet beantwoorden.

Waarom Weglot gebruiken om WordPress in meerdere talen te krijgen?

Hoe werkt deze vertaal plugin dan wel?

Zijn de Weglot vertalingen goed voor SEO?

Krijgt iedere taal zijn eigen domein?

Kan ik met Weglot mijn WooCommerce webshop vertalen?

WordPress meertalig maken handleiding

Stap 1. Account aanmaken

Stap 2. ‘Project’ aanmaken

Stap 3. Plugin installatie

Stap 4. Weglot instellen

Stap 5. Automatische vertalingen verbeteren (waar nodig)

Stap 6. SEO titel en description vertalen

Stap 7. Taalwisselaar in menu plaatsen (of in een widget)

Stap 1. Maak een SendInBlue account

Tekst gaat door onder de video

Stap 2. Activeer de Chat functie

3. Chat scherm aanpassen

4. Chat op de website plaatsen

5. Standaard welkom tekst aanpassen

6. Chatten met je bezoekers

WordPress.com

WordPress.org (Self-hosted)

Wat kosten de verschillende WordPress versies?

Welke WordPress versie moet je nou kiezen?

WordPress.com gratis, het meest geschikt als je:

WordPress.com Personal, het meest geschikt als je:

WordPress.com Premium, het meest geschikt als je:

WordPress.com Business, het meest geschikt als je:

WordPress.com eCommerce, het meest geschikt als je:

WordPress.org, het meest geschikt als je:

WordPress.org + WPHelpdesk Site Service, het meest geschikt als je:

Video uitleg, tekst uitleg gaat verder onder video

Installatie van de Contact form 7 plugin

Formulier kader

Invoerveld opbouw

Contact Form 7 – Mail tab

Wat doet de Mail (2) optie in Contact Form 7?

Berichten tab

Contact Form 7 formulier in de website plaatsen

WordPress 6.2 update

Wijzigingen die mogelijk tot problemen leiden:

WordPress 6.1 update

Wijzigingen die mogelijk tot problemen leiden:

Mogelijke foutmeldingen bij het updaten van WordPress

WordPress 6.0 update

Wijzigingen die mogelijk tot problemen leiden:

WordPress 5.9 update

1. Galerijen (blok editor)

2. Stijlen & theme.json

3. WordPress 5.9 is niet volledig compatible met PHP8.0/8.1

Andere nieuwe functionaliteit

WordPress 5.8 update

1. Widgets in WordPress 5.8

2. Beëindiging support voor Internet Explorer 11

Andere nieuwe functionaliteit

WordPress 5.7 update

Gemelde problemen met WordPress 5.7

Grote update in WordPress 5.6 maak eerst een backup

Wat is er nieuw in WordPress 5.6

WordPress 5.0

WordPress 5.0 uitleg

Veel gestelde vragen over WordPress 5.0

Mijn website is volledig wit blanco / 500 foutmelding

Ik kan de teksten op mijn pagina’s en berichten niet meer aanpassen! Het ziet er totaal anders uit!

Mijn website ziet er ‘vreemd uit’

Kan ik na het updaten naar WordPress 5 nog terug? / Kan ik nog terug naar de oude WordPress editor?

Veranderd het updaten naar WordPress 5 mijn bestaande berichten en pagina’s?

Kan ik bestaand pagina’s & berichten aanpassen in de nieuwe editor?

Ik maak gebruik van een page-builder, kan ik veilig updaten?

Hoe plaats ik afbeeldingen naast de tekst?

Blijven mijn plugins werken wanneer ik update naar WordPress 5.0?

WordPress toont alleen code wanneer ik een bericht of pagina probeer te bewerken?

Een nieuw e-mailadres aanmaken (zelf-gehoste WordPress.org website)

Nieuw emailadres aanmaken in cPanel

Nieuw e-mail adres maken in Plesk

Nieuwe E-mail account maken in DirectAdmin

WordPress.com gratis email opties

Gratis e-mail forwarding

Zoho mail (gratis)

Betaalde email opties WordPress.com & WordPress.org

Kan ik na het updaten naar WordPress 5 nog terug? /
Kan ik nog terug naar de oude WordPress editor?