WooCommerce thumbnail gallery formaat aanpassen

Als je een WooCommerce webshop hebt worden er als je deze upload extra afbeeldingen getoond op de productpagina, de product image gallery.

Formaat gallery thumbnails WooCommerce

Deze gallery thumbnails worden standaard getoond op een formaat van 100 x 100 pixels. Als jouw webdesign in Figma bijvoorbeeld afwijkt hiervan kun je forceren dat de thumbnails op een ander formaat geladen worden. Bijvoorbeeld 300 x 300 pixels of 500 x 500 pixels.

Let wel op dat het thema deze afmetingen ook daadwerkelijk aanmaakt. Je kunt dit snel controleren door naar de uploads folder te gaan en te bekijken welke thumbnail afmetingen je ziet staan. Uiteraard kun je ook een custom formaat inladen als je dit wilt, dit moet je via je WordPress thema inregelen.

Code voor gallery thumbnail aanpassen

Als je deze code toevoegt in de functions.php van je thema of in de CodeSnippets plugin worden direct de nieuwe formaten ingeladen.

// change gallery thumbnail size
add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
    return array(
        'width' => 300,
        'height' => 300,
        'crop' => 0,
    );
} );

WooCommerce variabel product

Voordat je een standaard variatie kunt instellen, moet je zorgen dat je product als een variabel product is ingesteld met alle benodigde attributen en variaties. Voorbeeld: als je T-shirts verkoopt, kun je kleuren (rood, blauw, groen) en maten (S, M, L) als attributen hebben.

Standaard variatie variabel product instellen

Als je in jouw WooCommerce webshop een standaard variatie in wilt stellen bij een product heb je hier geen extra WordPress plugins voor nodig. Je gaat het product bewerken, gaat naar variaties en kiest een standaard formulier optie.

Waarom een standaard variatie?

Het instellen van een standaard variatie kan het aankoopproces voor klanten van jouw webshop versnellen. Denk aan een populaire variatie of een gepromote producut variant. Gebruikers hebben minder klikken nodig voordat het product in de winkelmand ligt wat de conversie kan verbeteren.

GeneratePress winkelmand icoon

Wil je de standaard winkelmand icoon die het GeneratePress thema gebruikt vervangen voor je eigen SVG? Dan kun je hiervoor deze code gebruiken. Plaats de code in je functions.php van het child-theme en pas de SVG aan naar wens.


// change cart icon
add_filter( 'generate_svg_icon', function( $output, $icon ) {
if ( 'shopping-cart' === $icon ) {
$svg = '';

return sprintf(
‘
%2$s
‘,
$icon,
$svg
);
}

return $output;
}, 15, 2 );

Het originele topic vind je hier.

De WordPress basis biedt al enkele jaren een basis Resource Hints API. Deze API kan worden gebruikt om bepaalde bronnen die geladen worden op je WordPress website te prefetchen of prerenderen. Hoewel prefetch nuttig kan zijn voor bijvoorbeeld scripts van derden, gaat prerender nog verder door de bron te verwerken en alvast rendering buiten beeld uit te voeren.

WordPress Performance Team

WordPress heeft afgelopen jaren een speciaal WordPress Performance Team opgericht waarbij de nadruk ligt op het optimaliseren van de snelheid van WordPress. Eén van de meest gehoorde nadelen van WordPress is de snelheid. Niet geheel terecht omdat het afhankelijk is van veel factoren zoals bijvoorbeeld hosting en aantal plugins. En het WordPress thema niet te vergeten!

Speculative Loading plugin

Het WordPress Performance team heeft samen met specialisten van Google een plugin ontwikkelt die gebruik maakt van de Resource Hints API. In de basis betekent dit dat een webpagina die achter een link zit alvast ingeladen wordt inclusief scripts voordat iemand op de hyperlink klikt. Je kunt je voorstellen dat het daardoor lijkt alsof de website instant laadt bij het klikken op een link.

De plugin is gratis te downloaden vanuit de WordPress Repository. Meer uitleg over deze snelheids ontwikkeling vind je bij WordPress zelf en ook Kinsta heeft een artikel over Speculative Loading in WordPress geschreven.

Na installatie van de plugin hoef je in principe niets in te stellen. Je vind eventuele extra opties onder de Lezen instellingen van de website.

Speculative Loading

Hoe zet je een WordPress pagina op privé?

Soms wil je misschien een pagina op je WordPress website privé maken, zodat alleen bepaalde mensen deze kunnen bekijken. Dit kan handig zijn voor pagina’s met gevoelige informatie of voor inhoud die nog in ontwikkeling is en nog niet klaar is om publiekelijk getoond te worden.

WordPress maakt het eenvoudig om elke pagina of bericht privé te maken met slechts een paar klikken.

Pagina op privé te zetten in WordPress

Hieronder volgt een stapsgewijze handleiding om een WordPress pagina op privé te zetten:

1. Log in op je WordPress dashboard: Begin door in te loggen op je WordPress dashboard met je gebruikersnaam en wachtwoord.
2. Navigeer naar de pagina of het bericht: Ga naar ‘Pagina’s’ of ‘Berichten‘ in het linkermenu van je dashboard. Zoek de pagina of het bericht dat je privé wilt maken en klik op de titel om het te bewerken.
3. Zoek de zichtbaarheidsopties: In de documentinstellingen aan de rechterkant van de editor, vind je de ‘Publiceren’ box. Klik hier op ‘Bewerken’ naast ‘Zichtbaarheid’, die standaard ingesteld staat op ‘Openbaar’.
4. Verander de zichtbaarheid: In het dropdownmenu dat verschijnt, heb je verschillende opties: ‘Openbaar’, ‘Privé’, en ‘Wachtwoord beveiligd’. Kies ‘Privé’.
5. Update je pagina: Nadat je de zichtbaarheid op ‘Privé’ hebt gezet, klik je op ‘Ok’ om te bevestigen en vervolgens op ‘Bijwerken’ om de wijzigingen op te slaan.

Wanneer een pagina als privé is ingesteld, kan deze alleen worden bekeken door ingelogde gebruikers met ten minste de gebruikersrol van editor of beheerder op je website. Bezoekers die niet zijn ingelogd of die niet de vereiste gebruikersrechten hebben, zullen de pagina niet kunnen zien of toegang hebben tot de inhoud.

Alternatieven

Als alternatief kun je ervoor kiezen om je pagina ‘Wachtwoord beveiligd’ te maken in plaats van privé. Met deze optie kun je een wachtwoord instellen op de pagina. Bezoekers die de pagina willen bekijken, moeten dit wachtwoord invoeren om toegang te krijgen tot de inhoud.

Wat is een Pinterest Verified Account?

Een Pinterest Verified Account, of een geverifieerd account op Pinterest, is een status die wordt toegekend aan Pinterest-accounts om hun authenticiteit te bevestigen. Dit wordt vaak aangegeven door een blauw vinkje naast de accountnaam, vergelijkbaar met verificatiesystemen op andere sociale mediaplatforms zoals X of Instagram.

Het hebben van een geverifieerd account verhoogt niet alleen de geloofwaardigheid van je merk of bedrijf op Pinterest, maar kan ook helpen bij het vergroten van je bereik en het verbeteren van de betrokkenheid van je publiek.

Hoe een Pinterest Verified Account krijgen?

Het verkrijgen van een geverifieerd account op Pinterest vereist een paar stappen die zich richten op het valideren van je identiteit en het bewijzen van de populariteit van je account. Hier zijn de stappen die je kunt volgen om een verificatiebadge te verkrijgen:

1. Claim je website: De eerste stap in het verificatieproces is het claimen van je officiële website op je Pinterest-profiel. Dit kan worden gedaan door een klein stukje code toe te voegen aan je website of door een HTML-bestand te uploaden. Door je website te claimen, laat je zien dat je een legitieme vertegenwoordiger bent van je online aanwezigheid.
2. Consistentie in branding: Zorg ervoor dat je Pinterest-profiel consistent is met je andere sociale media-accounts en je officiële WordPress website in termen van branding en inhoud. Dit omvat het gebruik van vergelijkbare profielfoto’s, dezelfde bedrijfsnaam, en overeenkomende beschrijvingen.
3. Actieve participatie: Pinterest geeft de voorkeur aan actieve accounts voor verificatie. Regelmatig pinnen en betrokken raken bij de Pinterest-gemeenschap door middel van likes, reacties en het delen van pins kan helpen om je account als waardevol te markeren.
4. Contact opnemen met Pinterest: Na het voldoen aan de bovenstaande criteria, kun je contact opnemen met Pinterest voor verificatie via hun officiële ondersteuningskanalen. Je kunt dit doen via het helpcentrum van Pinterest, waar je een aanvraag voor verificatie kunt indienen.

Hoewel er geen garantie is dat je aanvraag voor een verificatiebadge zal worden goedgekeurd, zal het volgen van deze stappen je kansen aanzienlijk verbeteren. Verificatie op Pinterest kan een krachtige manier zijn om je online aanwezigheid te versterken en een betrouwbaarder imago op te bouwen bij je doelgroep.

Wanneer je wijzigingen aanbrengt op je WordPress-website, kan het voorkomen dat deze niet direct zichtbaar zijn vanwege caching. Caching helpt je website sneller te laden door opgeslagen versies van pagina’s te serveren, maar het kan ook betekenen dat recente updates niet onmiddellijk verschijnen.

Als je hosting gebruikt van Kinsta, bieden zij een eenvoudige manier om de cache te legen via het website dashboard of ook het MyKinsta-dashboard als je hier toegang toe hebt. Beide versies zullen we in dit artikel uitleggen.

Hierdoor kun je zorgen dat de nieuwste versie van je website zichtbaar is voor je bezoekers. Hier volgt een stapsgewijze handleiding over hoe je de cache kunt legen bij Kinsta.

Cache wissen via het WordPress dashboard

Als je ingelogd bent in je WordPress dashboard heb je rechts bovenin de zwarte menubalk die je ziet een optie Clear Caches. Bij hover verschijnt hier een submenu en kun je kiezen om alle caches of alleen de CDN cache te legen.

Cache legen via MyKinsta dashboard

Als je jouw website host bij Kinsta en je wilt de cache legen, kun je dit eenvoudig doen via je Kinsta-dashboard. Hieronder volgt een snelle gids over hoe je de cache kunt legen:

1. Log in op het Kinsta-dashboard: Ga naar MyKinsta en log in met je accountgegevens.
2. Selecteer je site: Klik op “Sites” in het linker menu en kies de website waarvoor je de cache wilt legen.
3. Beheer de cache: In het dashboard van je site vind je een menu-item genaamd “Tools”. Klik hierop.
4. Cache legen: Onder de beschikbare tools zie je een optie voor “Clear Cache”. Klik op de knop “Clear Cache” om de cache voor je gehele site te legen.

Dit zorgt ervoor dat alle opgeslagen versies van je webpagina’s worden verwijderd, waardoor bezoekers de meest recente versie van je site kunnen zien. Het is handig om de cache te legen na het bijwerken van content of het maken van belangrijke wijzigingen aan je site.

Wat zijn de Web Content Accessibility Guidelines (WCAG) 2.1?

De Web Content Accessibility Guidelines (WCAG) 2.1 zijn een serie aanbevelingen voor het verbeteren van de toegankelijkheid van webinhoud voor mensen met beperkingen. Bijvoorbeeld staat erin beschreven wat een toegankelijke WordPress website zou moeten kunnen en niet kunnen. De richtlijnen zijn ontwikkeld door het World Wide Web Consortium (W3C), een internationale gemeenschap die samenwerkt aan standaarden.

WCAG 2.1 bouwt verder op WCAG 2.0, door nieuwe richtlijnen toe te voegen die rekening houden met recente technologische ontwikkelingen en feedback van gebruikers en deskundigen uit de gemeenschap.

Kenmerken van WCAG 2.1

WCAG 2.1 bevat richtlijnen die zijn georganiseerd rond drie principes, die stellen dat webinhoud moet zijn:

• Toegankelijk: Informatie en gebruikersinterfacecomponenten moeten toegankelijk zijn voor gebruikers, en gebruikers moeten in staat zijn om toegang te krijgen tot de inhoud op verschillende manieren, passend bij hun behoeften en situaties.
• Begrijpelijk: Informatie en bediening van de gebruikersinterface moeten begrijpelijk zijn, wat betekent dat gebruikers de informatie moeten kunnen begrijpen en de bediening moeten kunnen gebruiken.
• Robuust: Inhoud moet robuust genoeg zijn om betrouwbaar te kunnen worden geïnterpreteerd door een breed scala aan gebruikersapparaten, inclusief assistieve technologieën.

Richtlijnen in WCAG 2.1

WCAG 2.1 voegt 17 nieuwe criteria toe aan de bestaande richtlijnen, met verbeteringen gericht op gebruikers met cognitieve en visuele beperkingen. Enkele belangrijke toevoegingen omvatten:

• Mobiele toegankelijkheid: Richtlijnen voor het beter ondersteunen van gebruikers op mobiele apparaten, waaronder vereisten voor touch- en gebaarfunctionaliteiten.
• Low vision support: Verbeterde ondersteuning voor gebruikers met lage visie, inclusief betere contrastopties en tekstspatiëring.
• Cognitieve beperkingen: Aanbevelingen om navigatie en informatiebegrip te verbeteren voor gebruikers met cognitieve beperkingen.

Impact van WCAG 2.1

Het volgen van WCAG 2.1 is belangrijk voor organisaties die hun digitale inhoud toegankelijk willen maken voor alle gebruikers, inclusief mensen met beperkingen. Naast het bieden van een betere gebruikerservaring, is naleving van deze richtlijnen ook een wettelijke vereiste in veel landen, wat organisaties helpt om boetes en juridische geschillen te vermijden. Bovendien draagt het bij aan ethische en sociale verantwoordelijkheid door gelijke toegang tot informatie te garanderen.

Wat is Firefox?

Firefox, officieel Mozilla Firefox, is een gratis en open-source webbrowser ontwikkeld door de Mozilla Foundation. Het werd voor het eerst uitgebracht in 2002 en staat bekend om zijn snelheid, privacybescherming en flexibiliteit. Firefox is beschikbaar voor Windows, macOS, Linux, en mobiele platforms zoals Android en iOS.

Kenmerken van Firefox

Firefox biedt een scala aan functies die het een populaire keuze maken onder internetgebruikers.

• Privacy en veiligheid: Firefox neemt privacy serieus en biedt uitgebreide opties voor het beheren van cookies, trackers en andere gegevens die je online volgen. Met functies zoals privénavigatie en ingebouwde bescherming tegen volgen, stelt het gebruikers in staat om meer controle te hebben over hun persoonlijke informatie.
• Anpassingsmogelijkheden: Gebruikers kunnen hun browserervaring aanpassen met thema’s, extensies en add-ons uit de Firefox Add-on Store. Deze aanpassingen kunnen alles omvatten, van het veranderen van het uiterlijk van de browser tot het toevoegen van nieuwe functionaliteiten zoals adblockers en password managers.
• Performance: Firefox is gebouwd op de Quantum-engine, die verbeterde snelheid en efficiëntie biedt, vooral bij het openen van meerdere tabbladen en het uitvoeren van complexe webapplicaties.
• Open source: Als open-source software, staat Firefox’s broncode open voor iedereen om te bekijken, te wijzigen en te verbeteren. Dit bevordert een gemeenschap van ontwikkeling en innovatie, wat resulteert in een product dat voortdurend wordt verbeterd door bijdragen van ontwikkelaars over de hele wereld.

Firefox

Firefox heeft een belangrijke rol gespeeld in de ontwikkeling van het web. Het was een van de eerste browsers die een levensvatbaar alternatief bood voor Internet Explorer in de vroege jaren 2000, wat leidde tot meer competitie en innovatie in de browsermarkt. Door de nadruk te leggen op normen en openheid, heeft Firefox geholpen bij het vormen van een toegankelijker en gebruiksvriendelijker internet.

De toewijding van Firefox aan privacy en veiligheid heeft het ook een trouwe aanhang opgeleverd. In een tijd waarin zorgen over digitale privacy en gegevensbeveiliging toenemen, blijft Firefox een betrouwbare keuze voor gebruikers die op zoek zijn naar een browser die hun recht op privacy respecteert.

Als je problemen met een WordPress website hebt in bijvoorbeeld Google Chrome kun je het zeker ook eens in de Firefox browser testen.