Problemen met de update WordPress 5.5 verhelpen

/in /door

U merkt niet altijd direct of er problemen zijn na het updaten van WordPress. Hier komt u vaak pas later tegen als u iets aan uw website wilt toevoegen of bewerken. In de laatste update van WordPress 5.5. is jQuery Migrate uitgeschakeld. jQuery Migrate is een tool die WordPress al jaren gebruikt om plug-ins en thema’s met verouderde code nog steeds correct te laten werken. Door jQuery Migrate uit te schakelen, werken veel verouderde plug-ins en thema’s niet meer correct. Dit kan resulteren in niet correct werkende websites.

Wat is jQuery Migrate?

Het is een javascript bibiliotheek, die ontwikkelaars van thema’s en plug-ins heeft geholpen om de compatibiliteit van verouderde jQuery-code te behouden. In feite hielp jQuery Migrate oude code correct te werken op de huidige jQuery-versie en later. Query Migrate was bedoeld om ontwikkelaars tijdens de overgangsperiode te helpen bij het vervangen van hun code door modernere code (of deze volledig te verwijderen).

Nu is de vraag waarom deze tool (jQuery Migrate) uitgeschakeld heeft?

Oudere versies van jQuery worden niet langer ondersteund, dus het is noodzakelijk dat WordPress de coderingsstandaarden bijwerkt. Terwijl WordPress zich voorbereidt op de overgang naar het updaten naar de nieuwste ondersteunde versie van jQuery, was het verwijderen van jQuery Migrate een vereiste eerste stap om ervoor te zorgen dat plug-ins en thema’s up-to-date zijn en niet langer verouderde code gebruiken.

Waarom is de website stuk na deze update?
Het is feitelijk heel simpel… binnen de website wordt een plug-in of een thema gebruikt met verouderde code. Na het updaten naar WordPress 5.5. zullen deze verouderde plug-ins of thema’s niet meer correct werken. Doordat deze thema of plug-in niet meer correct werkt, kan dit de website “kapot maken”.

Hoe kunt u problemen met de update WordPress 5.5 verhelpen?

Als u problemen ervaart nadat u de update heeft geinstalleerd, dan is het raadzaam om de volgende plug-in te installeren en te activeren: jQuery Migrate Helper-plug-in
Deze plug-in zal de jQuery Migrate-tool die is verwijderd in WordPress 5.5 opnieuw inschakelen en u informatie geven over welke plug-in of welk thema de problemen zou kunnen veroorzaken. Zo kunt u proberen dit op te lossen.

Basisfunctionaliteiten Revolution Slider

/in /door

Veel websites bevatten een slider. In de meeste gevallen gebruiken we hier dezelfde oplossing voor namelijk Revolution Slider. Met deze plugin kunt u betrekkelijk eenvoudig sliders beheren, aanmaken en wijzigen.

Om slider(s) te beheren gebruikt u het menu item ‘Revolution Slider’ aan de linkerkant van de WordPress beheeromgeving.

Een slide toevoegen

Een nieuwe slide toevoegen aan een bestaande slider gaat via de ‘Edit slides’ knop. U krijgt nu het overzicht te zien van alle bestaande slides. Kies op deze pagina de optie ‘New slide’. U kunt dan direct een afbeelding uploaden of kiezen voor de nieuwe slide. Klik op ‘Insert’ en u ziet in beeld de bevestiging dat de nieuwe slide is aangemaakt

Een slide aanpassen

Een bestaande slide wijzigen gaat via de ‘Edit slides’ knop. U krijgt vervolgens het overzicht te zien van alle bestaande slides. Klik op ‘Edit slide’ voor de slide die u wilt wijzigen. In de pagina die volgt kunt u verschillende instellingen wijzigen zoals de afbeelding zelf als de transitie van de slide.

In onderstaand voorbeeld is de transitie ‘Fade’. Vergeet niet de slide op te slaan via de groene ‘Update slide’ knop.

Werken met tekst en animaties

Naast een (achtergrond)afbeelding kunt u ook tekst en animaties toevoegen aan een slide. In onderstaand voorbeeld voegen we een titel en korte tekst toe aan een bestaande slide. We zullen de tekst voorzien van een animatie zodat deze van link naar rechts in beeld verschijnt

Als eerste zullen we de tekst moeten toevoegen. Dit gaat via de ‘Add layer’ knop. Voeg hier de tekst toe en kies de gewenste ‘Style’ voor de tekst. Indien gewenst, kunt u deze nog verder aanpassen via de ‘Edit styles’ knop. In onderstaand voorbeeld kiezen we voor grote witte tekst met een maximale breedte van 50%.

Er is heel veel mogelijk qua animaties. Voor de meest actuele handleiding inclusief uitleg van alle mogelijkheden verwijzen we u naar de officiële documentatie van de slider oplossing.

Vergeet niet de slide op te slaan via de groene ‘Update slide’ knop nadat u alle layers hebt toegevoegd/gewijzigd

Een slider aanpassen

Een bestaande slider past u aan via het ‘potloodje’ icoon. Wilt u de volgorde van de slides wijzigen? Kies dan voor ‘Edit slides’. In het overzicht wat volgt kunt u via ‘drag & drop’ de volgorde wijzigen.

Nieuwe slider aanmaken

Vanuit de overzichtspagina van Revolution Slider, kunt u een nieuwe slider aanmaken via de knop ‘Create new slider’. Geef de nieuwe slider een titel, alias en kies het gewenste type slider.

6.5 Slider toevoegen aan de website

Een slider kan worden toegevoegd aan de website met behulp van een ‘shortcode’. Deze code vindt u terug in het overzicht met alle sliders of op de pagina om de slider te bewerken. De code kunt u plakken in een pagina, bericht of widget.

Meer informatie

Voor een uitgebreide uitleg van de mogelijkheden van deze plugin, verwijzen we u naar de online documentatie van de Revolution Slider plugin.

Software-update: WordPress 4.8.3

/in /door

Versie 4.8.3 van WordPress is uitgekomen. Met dit programma, dat onder een gpl beschikbaar wordt gesteld, is het mogelijk om een weblog op te zetten en bij te houden. WordPress is eenvoudig in te stellen en kan binnen vijf minuten draaien als er al een server met php en MySQL beschikbaar is. Er zijn mogelijkheden om de functionaliteit van WordPress, naast bloggen, verder uit te breiden en het uiterlijk met plug-ins en thema’s aan te passen. In versie 4.8 treffen we onder meer vernieuwde widgets aan voor het invoegen van afbeeldingen, geluid, video en tekst. In deze update is een beveiligingsprobleem verholpen en updaten wordt dan ook aangeraden.

Nieuwe versie WordPress beschikbaar (4.8.2)

/in /door

WordPress 4.8.2 is afgelopen week uitgekomen. Met deze nieuwe versie zien we onder meer vernieuwde widgets voor het invoeren van afbeeldingen, geluid, video en tekst. Ook zijn in deze update diverse fouten en beveiligingsproblemen verholpen.Versie 4.8.2 is een beveiligingsupdate voor alle voorgaande versies van WordPress, en we raden je dan ook zeker aan om je websites zo snel mogelijk te updaten.

WordPress 4.8.2

WordPress 4.8.1 en eerdere versies zijn onderhevig aan een aantal veiligheidskwesties, die met de update worden verholpen:

  1. $wpdb->prepare()kan onverwachte en onveilige queries creeren, die kunnen leiden tot een potentiele SQL injectie (SQLi). De WordPress core is niet direct in gevaar, maar er zijn maatregelen getroffen om te voorkomen dat plugins en thema’s per ongeluk een kwetsbaarheid kunnen veroorzaken.
  2. Een cross-site scripting (XSS) kwetsbaarheid in de oEmbed discovery.
  3. Een cross-site scripting (XSS) kwetsbaarheid in de visual editor.
  4. Een kwetsbaarheid in de gecomprimeerde bestandscode.
  5. Een cross-site scripting (XSS) kwetsbaarheid in de plugin editor.
  6. Een open redirect in de schermen van de user- en term bewerkingsschermen.
  7. Een path traversal kwetsbaarheid in de customizer.
  8. Een cross-site scripting (XSS) kwetsbaarheid in de template namen.
  9. Een cross-site scripting (XSS) kwetsbaarheid in de link modal.

Behalve de hierboven genoemde veiligheidskwesties bevat WordPress 4.8.2 ook 6 onderhoudsfixes.

WordPress 4.8.2 downloaden

WordPress 4.8.2 is hier te downloaden. Je kunt ook naar je WordPress Dashboard gaan en dan naar Updates > Update Now. WordPress websites waar automatische updates zijn ingeschakeld zijn al begonnen met updaten naar de nieuwe WordPress versie.

Hoe WooCommerce menu items toevoegen aan de menubalk?

/in /door

Productcategorieën en overige WooCommerce menu items toevoegen aan de menubalk. Hiermee zorgt u ervoor dat uw bezoekers op een gemakkelijkere manier kunnen zoeken binnen de Webshop.

Wanneer u de categorieën wilt toevoegen aan de menubalk is het belangrijk dat de WordPress scherminstellingen goed staan. Deze scherminstellingen vindt u bovenaan iedere pagina op WordPress dashboard.

WooCommerce menu items toevoegen

Allereerst moet u de productcategorieën activeren op uw website. Deze kunt u activeren via de optie scherminstellingen rechtsboven. Vervolgens kunt ualle categorie elementen verslepen naar het overzicht van de webshop menubalk.

Hieronder ziet u een voorbeeld van een menubalk met categorieën. Daarnaast is er ook een startpagina (home) toegevoegd aan deze menubalk.

Nadat u het menu hebt opgeslagen met de knop Menu opslaan rechts boven of rechts onder kunt u verder met het beheren van het menu.

U moet namelijk het menu instellen bij Locaties beheren om ervoor te zorgen dat het menu ook effectief op de webshop wordt weergegeven. Het is afhankelijk van het design hoeveel menu locaties er zijn binnen de site.

Google bestraft pop-ups

/in /door

Heeft u pop-ups binnen uw website? Google bestraft sinds dit jaar de zogenaamde ‘intrusive popups‘ als deze aanwezig zijn. Binnen WordPress zijn er alternatieven voor (opdringerige) pop-ups in de site.

Waarom worden opdringerige pop-ups bestraft?

Google heeft geconstateerd dat zoekopdrachten steeds meer op mobiele apparaten worden uitgevoerd. Wanneer een bezoeker vervolgens een zoekresultaat aanklikt, komt het vaak voor dat de content die u verwacht geblokkeerd wordt  door een (bijna) schermvullende pop-up. De pop-up biedt bijvoorbeeld een kortingsactie door u in te schrijven op de nieuwsbrief of of door een facebook-pagina te liken.

Google beredeneert dat een gebruiker van haar zoekmachine ook de content te zien moet krijgen die er verwacht wordt en verwacht mag worden. Als de internet gebruiker dus de titel van een nieuwsbericht aanklikt in Google, verwacht deze persoon wel het nieuwsbericht te lezen; niet om een aanbieding voorgeschoteld te krijgen. Om die reden worden opdringerige pop-ups door Google bestraft. Uitzonderingen worden wel gegeven voor cookie-meldingen, leeftijds-verificatie en voor pop-ups die slechts een klein deel van het scherm in beslag nemen (zoals app-banners).

Alternatief 1: Opt-in bars

Het eerste alternatief voor een (grotendeels) beeldvullende pop-up in WordPress is de opt-in bar. Dit is een smalle balk onderin of bovenin de webpagina, waarmee u een aanbod doet aan uw lezers. Eigenlijk is de opt-in bar nog steeds een pop-up, maar neemt deze vorm niet ‘opdringerig’ het hele scherm in beslag.

Alternatief 2: Inline content

In plaats van pop-ups met een aanbod, kunt u er ook voor kiezen om dat aanbod een vaste plek op de pagina te geven. U kunt bijvoorbeeld in de zijbalk een widget maken waarin bezoekers zich kunnen inschrijven op de nieuwsbrief. Of u kunt de pagina onderbreken met een opt-in blok: een soort advertentie-ruimte waarin u uw aanbod doet.

Alternatief 3: Twee-traps pop-ups

Soms ontkomt u er niet aan om opdringerige pop-ups te blijven gebruiken, bijvoorbeeld omdat u de ruimte van het scherm simpelweg nodig hebt om het gehele verhaal goed te kunnen doen. In dat geval kunt u ook een pop-up in twee stappen realiseren: wanneer een bezoeker klikt op een knop of link op de pagina (stap 1), springt de pop-up in beeld (stap 2). Op die manier voldoet u aan de regels van Google, omdat de pop-up niet meer ongevraagd in beeld komt.

 

Yoast SEO instellen op je WordPress site – deel 2

/in /door

Dit is het tweede bericht over het instellen van Yoast SEO op de WordPress site. De standaard instellingen van deze plugin zijn over het algemeen voor de meeste websites al vrij goed. Het kan echter zijn dat je bepaalde dingen net iets anders wilt instellen omdat je website anders is dan andere websites.

Ben je een beginner? Volg onderstaande stappen en lees de tekst aandachtig door. Het kan zijn dat de standaardinstellingen al goed zijn voor je website, maar wellicht wil je toch iets aanpassen na wat meer tekst en uitleg.

Yoast SEO: Dashboard

Wanneer je op het kopje “SEO -> Dashboard” klikt, kom je bij de algemene instellingen voor de Yoast SEO plugin uit. Je ziet op de eerste pagina, het dashboard tabblad, alleen de problemen en notificaties van de plugin.

Zoals hierboven hoort het eruit te zien in het ideale geval. Het kan echter zijn dat je bijvoorbeeld een foutmelding te zien krijgt dat je website niet geïndexeerd kan worden of een notificatie wat er nieuw is in de laatste update.

Dashboard -> Algemeen

Wanneer je naar het tabblad Algemeen gaat klikt kom je bij de algemene instellingen. Je kunt hier de configuratie wizard starten, bekijken wie er allemaal mee heeft gewerkt aan de ontwikkeling  van deze plugin of de standaardinstellingen weer terugzetten.

Configuration wizard: Wanneer je Yoast net geïnstalleerd hebt, dan kan het zeker de moeite zijn om de configuration wizard te doorlopen. Je kunt hier stap voor stap de nodige dingen aangeven om de Yoast SEO plugin in te stellen.

Credits: Indien je na een update op je gemak wilt teruglezen wat er allemaal gewijzigd is, dan kun je hier op “Bekijk wijzigingen” klikken.

Restore default settings: Wanneer je het een en ander hebt aangepast of als er iets mis is gegaan en je wilt de standaardinstellingen gebruiken, dan kun je op “Naar standaardinstellingen terugzetten” klikken.

Dashboard -> Features

Bij het tabblad Features kun je de geavanceerde instellingen pagina’s, onpage.org en admin bar menu in- of uitschakelen. Met name de geavanceerde instellingen pagina’s willen we natuurlijk wel graag zien.

Advanced settings pages: Om te zorgen dat je alle geavanceerde instellingen pagina’s kunt bekijken, zal je dit op ingeschakeld moeten zetten. Zodra je deze instelling inschakelt krijg je toegang tot de pagina’s Titels & Meta’s, Sociaal, XML sitemaps, Geavanceerd en Extra.

OnPage.org: Wanneer je wilt dat er dagelijks gecontroleerd wordt of je website geïndexeerd kan worden door de zoekmachines, dan kun je dit inschakelen. Je krijgt dan een melding indien er iets fout is.

Admin bar menu: Bovenaan in de admin bar zie je het icoontje van Yoast. Wanneer je hier overheen gaat met je muis zie je tools van derden voor bijvoorbeeld een zoekwoordonderzoek.  Vind je dit niet nodig in je admin bar, dan kun je uitschakelen.

Dashboard -> Jouw informatie

Op het tabblad Jouw informatie kun je de websitenaam aangeven die in de zoekresultaten mag verschijnen en verder kun je ook aangeven of er een bedrijf of persoon achter de website zit. Als bedrijf kun je de bedrijfsnaam en een logo uploaden en als persoon kun je je eigen naam invullen.

De informatie die je in de sectie “bedrijf of persoon” invoert wordt als metadata in de code van je website weergegeven en wordt voornamelijk gebruikt voor Google’s Knowledge Graph, in het Nederlands ook wel bekend als de Google kenniskaart. Meer informatie over de kenniskaart kun je vinden op de website van Google.

Yoast SEO -> Webmaster Tools

Je kunt hier de verificatiecodes toevoegen voor verschillende Webmaster Tools programma’s. Joost geeft zelf al tijdens zijn rondleiding aan dat hij je ten zeerste aanraad om te overwegen om je bij de Webmaster Tools van Google en Bing aan te melden.

Webmaster Tools zijn speciaal voor website eigenaren. Je kunt er extra informatie bekijken over hoe de zoekmachine jouw website ziet.

Algemene instellingen -> Beveiliging

Eigenlijk staat hier al genoeg uitleg bij. Door de beveiliging voor de geavanceerde gedeelte van de Yoast SEO metabox uit te schakelen voorkom je dat auteurs en redacteuren de mogelijkheid krijgen om berichten door te sturen (redirecten), noindex aan te zetten en andere dingen.

Indien je zelf de enige gebruiker bent op je website hoef je hier in principe niet naar om te kijken. Het is echter wel aan te raden om het uit te schakelen indien je meerdere auteurs en redacteuren hebt.

Yoast SEO instellen op je WordPress site – deel 1

/in /door

In de komende berichten zullen wij schrijven over de SEO plugin van Yoast. In dit bericht gaan wij het hebben over hoe u de plugin dient te installeren.

De plugin Yoast SEO kun je net zo installeren als alle andere WordPress plugins. Je kunt de plugin Yoast SEO downloaden en uploaden via FTP of je kunt de plugin via het beheerdersgedeelte van WordPress installeren via “Plugins -> Nieuwe plugins”. Klik tot slot nog even op activeren en de plugin is klaar voor gebruik.

Wanneer je de plugin hebt geactiveerd krijg je links in de sidebar een nieuw tabje “SEO” met het logo van Yoast te zien. Als je hierop klikt kom je bij de instellingen terecht en krijg je ook direct een korte rondleiding door de plugin met enkele tips.