Inleiding

Beveiliging is uiterst belangrijk. Ook voor uw WordPress website of webshop. Het zou erg vervelend zijn als iemand ongewild op uw website of webshop zou inloggen en allerlei narigheid uithaalt. Een sterke wachtwoord generator raden we daarom sowieso aan, maar er is een manier om de beveiliging nog sterker te maken. Dat is door middel van Two-Factor Authenticatie. In dit artikel leggen we uit wat het is, waarom u het nodig hebt en hoe u het gratis kan instellen voor uw WordPress website of webshop.

Wat is Two-Factor Authenticatie?

Two-Factor Authenticatie wordt vaak afgekort als 2FA. Het is een extra beveiligingslaag- of systeem waarbij de gebruiker niet alleen gevraagd wordt om zijn gebruikersnaam en wachtwoord in te voeren om in te loggen, maar nóg een extra met een 4 of 6 cijferige code gegeven.

Een veelvoorkomende toepassing van Two-Factor Authenticatie is het gebruik van een authenticatie app zoals Google Authenticator app of Authenticator-app (Microsoft). Bij het inloggen wordt dan gevraagd om een vier of zes cijferige code die u alleen kan vinden in de authenticator app die op uw smartphone staat.

Mocht een hacker dan achter uw gebruikersnaam en wachtwoord komen, kan hij of zij uw website of webshop alsnog niet in, omdat hij of zij de code nodig heeft die op de authenticator app van uw smartphone staat.

Waarom is Two-Factor Authenticatie nodig?

WordPress is één van de grootste en populairste CMS tooling systemen die wereldwijd gebruikt wordt om websites of webshops mee te maken. Daardoor worden WordPress websites ook vaak aangevallen door hackers. Een andere reden waarom hackers zich vaker op WordPress websites of webshops focussen is de nalatigheid van website eigenaren. Door bijvoorbeeld geen updates/upgrades uit te voeren aan actieve plug-ins en thema.

WordPress is namelijk een eenvoudige manier om te starten met uw website of webshop, maar dit betekent dat er een grote kans is dat een hoop beginnersfouten maken in het beveiligen van hun website of webshop. Denk aan een zwak wachtwoord of standaard gebruikersnaam (zoals admin), geen gebruik van 2FA en het niet uitvoeren van updates/upgrades.

Hackers zijn daarvan op de hoogte en daarom is het uiterst belangrijk om ervoor te zorgen dat je de beveiliging van uw website of webshop versterkt door 2FA te gebruiken. Het laatste wat u namelijk wil is dat een hacker toegang krijgt tot uw website of webshop en deze offline haalt.

Two-Factor Authenticatie configureren op WordPress (plug-in)

Om Two-Factor Authenticatie in te stellen op WordPress heb je simpelweg een plug-in nodig. Volg onderstaande stappen:

1. Installeer en activeer de Two Factor Authentication plug-in.
2. Klik in het linkermenu WordPress dashboard menu op ‘Two Factor Auth’.
3. Download en installeer Google Authenticator of Authenticator-app (Microsoft) op uw smartphone (Google Play of Apple App Store).
4. Scan de QR-code in de Two Factor Authentication plug-in met uw Google Authenticator app of Authenticator-app (Microsoft).
5. Vink de checkbox ‘Enabled’ aan (bovenaan de plug-in) en zorg dat de “advanced settings” onderaan op ‘TOTP’ staan.
6. Klik op de button ‘Wijzigingen opslaan’.
7. Log uit op WordPress en log opnieuw in; na het invullen van uw gebruikersnaam en wachtwoord, wordt gevraagd om de 2FA code.
8. Open je Google Authenticator app of Authenticator-app (Microsoft) en vul de zes cijferige code in.
9. Klaar! Two-Factor Authenticatie is ingesteld.

Belangrijke informatie voor Two-Factor Authenticatie

De Two-Factor Authenticatie code in de Google Authenticator app of Authenticator-app (Microsoft) veranderd elke minuut, dus let op dat u de code binnen de tijd invult. Als de tijd bijna verstreken is kan u beter even wachten tot een nieuwe code gegenereerd is.

Ondersteuning door de ontwikkelaars van de plug-in Two Factor Auth

De plug-in heeft een pagina waar alle veelgestelde vragen staan. Wanneer u bijvoorbeeld geen smartphone hebt om Two-Factor Authenticatie code in te stellen of wanneer u uw smartphone kwijt bent, staan daar de stappen die u kan nemen om het op te lossen.

Extra ondersteuning nodig? Wij kunnen u helpen.

Komt u ergens niet uit en heeft u hulp nodig of heeft u vragen? Neemt u gerust contact met ons op per e-mail (info@solutions4hosting.nl). Wij helpen u graag verder!

Inleiding

Het CRM/CMS tooling van WordPress.org heeft veel aanpasbare functies die u zelf naar smaakt kunt instellen. Wanneer u ziet dat er lukraak gebruikers/accounts worden aangemaakt op uw WordPress site, kan het zijn dat deze functie standaard is ingeschakeld en deze kunt u ook zelf uitschakelen. Indien u een WordPress webshop draait, dan kunt u deze instelling naar “Costumer” of “Klant” neerzetten.

Inloggen

Inleiding

U hebt een gratis SSL certificaat aangemaakt bij ons via Lets Encrypt en wil nu graag dat elke bezoeker standaard naar SSL/HTTPS toe gaat.

We gaan u uitleggen hoe u dit simpel en snel kunt realiseren op uw site, zonder hiervoor uw gehele site te hoeven aanpassen. Hoe u dat moet doen, leggen we hieronder uit voor een non-CMS site.

Voor CMS sites: SSL/HTTPS forceren

Wanneer u gebruik maakt van een CMS zoals WordPress of Joomla, kunt u op de volgende buttons drukken:

RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} !https
SetEnvIf X-Forwarded-Proto "https" HTTPS=on
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Inleiding

[IP-ADRES] [TABTOETS] [Domeinnaam]
[IP-ADRES] [TABTOETS] www.[Domeinnaam]

00.00.000.000 voorbeelddomein.nl
00.00.000.000 www.voorbeelddomein.nl

127.0.0.1 localhost
::1 localhost

[IP adres] [TABTOETS] [Domeinnaam]
[IP adres] [TABTOETS] www.[Domeinnaam]

00.00.000.000 voorbeelddomein.nl
00.00.000.000 www.voorbeelddomein.nl

127.0.0.1 localhost
255.255.255.255 broadcastlocalhost
::1 localhost

Inleiding

Foto’s en afbeeldingen geven meer content aan uw (WordPress) site bij uw teksten. Als u meerdere foto’s wil publiceren dan kunt u gebruik maken van verschillende fotogalerijen plug-ins. Maar wist u dat WordPress ook een ingebouwde fotogalerij functie heeft? Op deze manier hoeft u geen extra functionaliteit toe te voegen (lees: plug-ins).

Gebruik (alleen) rechtenvrije afbeeldingen/foto’s op uw site

Let op, u gebruikt geen foto’s of afbeeldingen op uw site die u op internet via de bekende internetzoekmachines te vinden zijn. Op deze foto’s of afbeeldingen berusten auteursrechten op en u kunt honderden tot duizenden euro’s boetes krijgen van de eigenaar .

Lees voor meer informatie dit nieuwsartikel. Of koop stockfoto’s in van bij welbekende stockbedrijven.

Beginnen

Met onze stappenplan heeft u in een mum van tijd een mooie fotogalerij toegevoegd aan uw WordPress site (pagina of bericht). Dit is een algemeen artikel hoe u een fotogalerij kunt toevoegen aan een bericht of pagina.

• In dit artikel maken we gebruik van de Classic Editor.
• Voor de blokeditor-versie kunt hier bekijken.

Stap 1: Ga naar het bericht of de pagina waar u een fotogalerij wilt invoegen. Klik boven de Classic Editor op ‘Media toevoegen’.

Stap 2: Er opent een nieuw vensterscherm. Aan de linkerkant ziet u onder ‘Media toevoegen’ de optie ‘Galerij aanmaken’ staan. U klikt daar op. In dit voorbeeld is Galerij aanmaken al geselecteerd.

Stap 3: U kunt nu het tabblad ‘Bestanden uploaden’ kiezen en de foto’s selecteren die u in de galerij wilt plaatsen. Als u de foto’s al eerder geüpload hebt, selecteert u het tabblad ‘Mediabibliotheek’ en klikt u de foto’s aan die u wilt gebruiken in een bericht of pagina.

ONZE TIP! Vergeet niet om eerst na te gaan of u de foto’s verkleind hebt. Foto’s van 1MB zijn niet nodig voor een goede kwaliteit en zorgen er alleen maar voor dat uw site trager wordt.

Stap 4:

Als u alle foto’s geselecteerd hebt, klikt u rechts onder op ‘Een nieuwe galerij aanmaken’. Vervolgens krijgt u scherm te zien met daarin uw geselecteerde foto’s voor uw galerij. U kunt nu bij elke foto een onderschrift plaatsen (optioneel).

Instellingen

Aan de rechterkant bij ‘Galerij-instellingen’ kunt u aangeven wat er moet gebeuren als u op de foto klikt (u kiest voor ‘Mediabestand’ ) en in hoeveel kolommen uw foto’s moeten worden weergegeven in een bericht of op een pagina. Als u de volgorde van de foto’s anders wilt, kunt u een foto aanklikken en met uw computermuis ingedrukt verslepen naar een andere plek. Als u klaar bent, klikt u rechts onder op ‘Galerij invoegen’.

Laatste stap 5:

In de Classic editor merkt u nu alleen een blauw vlak met een grijs gestippelde rand er om heen. Dit is geen reden tot paniek of zorgen, de fotogalerij staat er echt. Sla het bericht of de pagina op en bezoek nu uw website. U zult nu zien dat u een nette en geordende fotogalerij hebt op uw website. Als u nog iets wilt wijzigen aan de galerij, klikt u in de editor op het blauwe vlak. Er verschijnen nu in de linker boven hoek twee symbolen. Kies het linkersymbool. Doe de aanpassingen en klik op ‘Galerij bijwerken’.

Inleiding

Foto’s en afbeeldingen geven meer content aan uw (WordPress) website bij uw teksten. Als u meerdere foto’s wil publiceren dan kunt u gebruik maken van verschillende fotogalerijen plug-ins. Maar wist u dat WordPress ook een ingebouwde fotogalerij functie heeft? Op deze manier hoeft u geen extra functionaliteit toe te voegen (lees: plug-ins). Door onze stappenplan heeft u in een mum van tijd een mooie fotogalerij toegevoegd aan uw WordPress website (pagina).

Let op, u gebruikt geen foto’s of afbeeldingen op uw site die u op internet via de bekende internetzoekmachines te vinden zijn. Op deze foto’s of afbeeldingen berusten auteursrechten op en u kunt honderden tot duizenden euro’s boetes krijgen van de eigenaar . Lees voor meer informatie dit nieuwsartikel.

• In dit artikel maken we gebruik van de (nieuwe) blokeditor om een nieuwe media (galerij) toe te voegen
• Voor een ander artikel met een Classic Editor om een nieuwe (galerij) media toe te voegen, vindt u hier.
• Optionele plug-in: Voor de blokfunctie “Container” download en activeer WordPress plug-in: GenerateBlocks ⚠️Liever geen container gebruiken? Dan hoeft u de GenerateBlocks niet te downloaden en te activeren.

Een container toevoegen aan het bericht of de pagina

1. Ga naar het bericht of de pagina waar u de galerij wilt invoegen. In het bericht of de pagina ziet u een lege canvas. Rechts van u een zwart plusje. U kunt hier een blok toevoegen. U kiest voor een Container:

Galerij toevoegen

De volgende stap is een galerij toevoegen. U klikt in de balk met een plusje en een keuzelijst uit meerdere opties. U kiest voor “Alles bekijken“.

Onder ‘Blokken‘ kunt u gebruik maken van de zoekfunctie of u scrollt helemaal naar beneden tot dat u bij ‘Media‘ bent. U kiest voor ‘Galerij‘ en er wordt een nieuw blok toegevoegd aan het bericht of de pagina: Galerij-blok.

Media toevoegen

U kunt nu het tabblad ‘Uploaden’ kiezen en de foto’s selecteren die u in de galerij wilt plaatsen. Als u de foto’s al eerder geüpload hebt, selecteer je het tabblad ‘Mediabibliotheek’ en klikt u de foto’s aan die u wilt gebruiken.

TIP! Vergeet niet om eerst na te gaan of uw foto’s verkleind hebt. Foto’s van 1MB of groter zijn niet nodig voor een goede kwaliteit en zorgen er alleen maar voor dat uw site trager wordt.

Een nieuwe galerij aanmaken

Als u alle foto’s geselecteerd hebt, klik je rechts onder op ‘Een nieuwe galerij aanmaken’. Vervolgens krijg U onderstaand scherm. U kunt nu bij elke foto een onderschrift plaatsen.

Als u de volgorde van de foto’s anders wilt, kunt u een foto aanklikken en met de pijltjes de foto verplaatsen. Als u klaar bent, klikt u rechts onder op ‘Galerij invoegen’.

Galerij instellingen

Klik op een van de foto’s en aan uw rechterkant bij ‘Galerij-instellingen’ kunt u aangeven wat er moet gebeuren u op de foto klikt (kies voor ‘Mediabestand’ en in hoeveel kolommen uw foto’s moeten worden weergegeven. Zoals u ziet in het onderstaande voorbeeld. Standaard staat er cijfer 3.

Publiceren. Online zetten.

U klikt vervolgens op “Publiceren” om het bericht of de pagina online te zetten. Uw galerij is nu succesvol toegevoegd en u heeft een nette mooie galerij op uw website.

Handig om te weten

Ander formaat foto’s in uw WordPress galerij

Zoals u in de galerij hierboven ziet, gebruikt WordPress het standaard 150px x 150px formaat van de thumbnails voor de foto’s in uw galerij. Als u wilt dat de foto’s in uw galerij een andere afmeting hebben, moet u voordat u de galerij aanmaakt de instellingen voor de thumbnails aanpassen. Dit doet u in het menu bij ‘Instellingen’ -> ‘Media’ – via uw Dashboard.

Let op, houd er rekening mee dat dit ook invloed heeft op de thumbnails die u elders op uw website gebruikt. Mocht uw foto’s willen gebruiken die u al eerder geüpload hebt dan zult u ze nogmaals moeten uploaden om het formaat van de aangepaste thumbnails te krijgen.

Inleiding

Deze foutmelding (Engels: a critical error) komt van WordPress versie 5.x. Onderstaand ziet u een Nederlandse vertaling van zo´n foutmelding.

Iets maakt dat de website niet meer werkt. De oorzaak is meestal dat na een update van een plug-in, thema/framework of WordPress Core iets niet meer klopt in de website. U krijgt vanuit uw WordPress website een e-mailbericht met instructies hoe u toch kunt inloggen op de wp-admin (beheerdersgedeelte).

Herstellen van deze kritische foutmelding

Het snelste is de backup terugzetten van voor de upgrade(s)- dit kan alleen als er al een eerdere recente back-up is gemaakt met DirectAdmin, zie ook ons artikel:

Dan werkt de website wel weer, maar u weet meestal nog niet wat de oorzaak is. Voordat u een back-up terugzet via DirectAdmin, kunt u de errorlogs nalezen waar de problemen zich bevinden.

• Bij het afnemen van een shared hostingpakket krijgt u toegang op het controle paneel DirectAdmin om uw hostingaccount te beheren. In uw welkomstmail (Onderwerp: Gegevens webhostingpakket) staan uw gebruikersnaam (hostingaccount-id) en het wachtwoord in en waarop uw website/webshop staat geplaatst en login met deze gegevens.
• Onder “Your Account” gaat u naar “Site Summary / Statistics / Logs“
• Onder de “Log Type” staan “Web Usage Log” en “Web Error Log“, naast hier ziet u nog een kolom en u kiest voor “Full Error Log” of u kiest voor de eerste 10 of 100 code lijnen naast dit kolom.
• Kijk waar de bottleneck is en noteer eventueel de errors.

Mogelijke oorzaken en juiste oplossingen

Plug-ins
De meest voorkomende oorzaak van deze kritische fout is het updaten van een plug-in. U kunt nu één voor één de plug-ins deactiveren, de cache legen en checken of de kritische foutmelding verdwenen is. Is dat het geval dan zult u de plug-in blijvend moeten uitschakelen, of U kunt kijken of downgraden een oplossing biedt.

Een handige plug-in daarvoor is de WP Rollback plugin. Als u op de Rollback knop klikt bij de betreffende plug-in, krijgt u een lijst van versies waarna u kunt downgraden naar een oudere versie. Lukt het niet en is de plug-in cruciaal voor de werking, neem dan contact op met de ontwikkelaar daarvan, op de desbetreffende support forum van WordPress Community.

Alternatief: plug-ins deactiveren

• Maak in FTP > een tijdelijke map: /wp-content/plugins/temp
• Verplaats alle plugins uit /wp-content/plugins naar die map /wp-content/plugins/temp
• Plaats nu de eerste plugin terug naar /wp-contents/plugins, leeg de website cache en kijk incognito (privé venster) of de website nog goed draait of die kritische fout toont. Zo doet u dat stuk voor stuk met elke plugin die in de website gebuikt wordt en kunt u bepalen of en zo ja welke plugin verantwoordelijk is voor de kritische fout.

Thema
Soms is het upgraden van het thema de oorzaak. Download en installeer dan de vorige versie van het thema, of zet de back-up terug van de website en de database (dit kan alleen als er een eerdere recente back-up is gemaakt met DirectAdmin. Is er geen handmatige back-up gemaakt? Ga op zoek naar het actieve thema naar een eerdere versie of de huidige versie).

WordPress Core downgraden
Als de oorzaak ligt in upgraden van WordPress Core zelf, dan is het ook het beste de upgrade weer terug te draaien door de originele versie te installeren, of de backup van de website (bestanden en database) terug te zetten.

Aandachtspunten

• U update/downgrade ALLEEN de volgende bestanden en mappen: wp-admin, wp-includes.
• De root files waarbij u de wp-config.php en de themes + plugins mappen (wp-content) NIET overschrijft. Zie ook de onderstaande afbeelding voor het vernieuwen van WordPress, en belangrijker nog: het bewaren van de juiste bestanden.

Werkt uw website na het handmatig inzetten van de bestanden nog niet? Dan kan het beter zijn om de oude versie van WordPress terug te zetten.

Wat u ziet in uw FTP editor

De bestanden die u niet mag vervangen zijn rood gemarkeerd op de onderstaande afbeelding.

Dit zijn belangrijke bestanden:

• De wp-content map zitten namelijk uw plugins en uw thema’s en media bestanden (afbeeldingen). Mocht u dan een thema gebruiken die bijgewerkt is door een vormgever is het natuurlijk niet prettig als die overschreven wordt.
• Ook de wp-config.php moet u bewaren. Daar zitten uw gegevens in om connectie te maken met de MySQL-database.
• En de Htaccess is belangrijk, daar zit de uw permalink structuur in.

Voorbeeld wp-config.php debuggen in WordPress

Een ander mogelijkheid om gedetailleerde informatie op te halen en uit te lezen is het debuggen in WordPress, via wp-config.php.

Kijkt u voor meer informatie op de website van WordPress.org over het debuggen en bewerken met wp-config.php:

• Debugging in WordPress (in het Engels): https://wordpress.org/support/article/debugging-in-wordpress/#example-wp-config-php-for-debugging
• Editing wp-config.php (in het Engels): https://wordpress.org/support/article/editing-wp-config-php/

Extra ondersteuning nodig? Wij kunnen u helpen.

Lukt het desondanks de bovenstaande uitleg en stappen uzelf niet om uw website/webshop te herstellen en om werkend te krijgen, dan kunnen wij u helpen om dit op te lossen. Neemt u gerust en vrijblijvend contact met ons op het volgende e-mailadres: info@solutions4hosting.nl. Wij helpen u graag verder om uw website/webshop werkend te krijgen.