FacetWP template

FacetWP’s Listing Builder stelt je in staat om snel en visueel een resultatenlijst te ontwerpen. Het is een handig alternatief voor het zelf bouwen van WP-archiefpagina’s of aangepaste WP_Query-lussen.

Na het bouwen van de lijstsjabloon kun je deze op elke WordPress pagina weergeven met een shortcode of direct in een sjabloon opnemen met PHP. Vervolgens kun je een willekeurig aantal facetten op de pagina plaatsen om ermee te interageren.

Het is zelfs mogelijk om meerdere lijstsjablonen op dezelfde pagina te hebben: één is de dynamische lijst waarmee de facetten op de pagina interageren, en de andere zijn “statische” lijsten.

Als je liever je post loops en query-argumenten met de hand codeert, kun je nog steeds profiteren van de Listing Builder door de Dev-modus te gebruiken.

FacetWP uitleg

Navigeer naar Instellingen > FacetWP, klik op het tabblad Listings en vervolgens op Nieuw toevoegen.

Dev mode FacetWP template

Nieuwe sjablonen gebruiken standaard de “visuele” Listing Builder. Als je echter meer flexibiliteit nodig hebt en ervaring hebt met WordPress-codering, kun je zowel het tabblad Weergave als het tabblad Query onafhankelijk van elkaar naar “Dev mode” schakelen door het selectievakje aan de rechterkant aan te klikken.

In de Dev-modus kun je PHP gebruiken om de uitvoer van de lijstsjabloon en de query-argumenten te bouwen.

Houd er rekening mee dat, hoewel je elk tabblad vrij kunt schakelen tussen de “visuele modus” en de Dev-modus, de twee modi niet aan elkaar gerelateerd zijn (behalve tijdelijk wanneer je de knop Convert to query args gebruikt). Voor zowel het tabblad Weergave als het tabblad Query gebruikt een lijstsjabloon één modus: de modus waarin je de tabbladen laat staan wanneer je de lijstsjabloon opslaat, wordt gebruikt.

Je kunt ook modi mixen. Je kunt bijvoorbeeld de visuele modus gebruiken in het tabblad Weergave en de Dev-modus in het tabblad Query.

Meer informatie vind je in het artikel van FacetWP.

Wat is de UX Builder in het Flatsome Thema?

De UX Builder is een krachtige en gebruiksvriendelijke visuele paginabouwer die speciaal is ontworpen voor het Flatsome thema. Als je werkt met het Flatsome thema, biedt de UX Builder een intuïtieve manier om je WordPress website te ontwerpen en aan te passen zonder enige kennis van codering. Hier zijn de belangrijkste aspecten van de UX Builder:

Visuele paginabouwer

De UX Builder is een drag-and-drop paginabouwer, wat betekent dat je eenvoudig elementen kunt slepen en neerzetten om je pagina’s te ontwerpen. Je kunt direct zien hoe je veranderingen eruitzien terwijl je ze aanbrengt, wat het ontwerpen van een website veel gemakkelijker en sneller maakt.

De UX Builder wordt geleverd met een uitgebreide bibliotheek van vooraf gebouwde elementen en secties, zoals banners, knoppen, iconen, schuifregelaars, en meer. Deze elementen kunnen eenvoudig worden aangepast en gecombineerd om unieke en aantrekkelijke pagina’s te maken.

Met de UX Builder in het Flatsome thema kun je volledige controle hebben over de lay-out van je pagina’s. Je kunt kolommen, rijen en containers toevoegen en aanpassen, waardoor je flexibiliteit hebt in hoe je content wordt gepresenteerd. Dit is bijzonder handig voor het creëren van responsieve ontwerpen die er goed uitzien op zowel desktop- als mobiele apparaten.

Live preview

Een van de meest handige functies van de UX Builder is de live preview optie. Hiermee kun je in real-time zien hoe je pagina eruitziet terwijl je deze bewerkt. Dit maakt het gemakkelijk om direct aanpassingen te doen en de resultaten meteen te zien.

Integratie met WooCommerce

Voor e-commerce websites biedt de UX Builder naadloze integratie met WooCommerce. Je kunt productpagina’s, winkelpagina’s en afrekenpagina’s aanpassen en optimaliseren om de winkelervaring voor je klanten te verbeteren.

De UX Builder is ontworpen om snel en efficiënt te werken, zelfs op grotere websites met veel content. Dit helpt bij het minimaliseren van laadtijden en zorgt voor een soepele ontwerpervaring.

Voor meer gedetailleerde informatie over de functies en mogelijkheden van de UX Builder, kun je de officiële documentatie van Flatsome raadplegen.

Als je een FacetWP listing gebruikt om producten uit WooCommerce te tonen dan heb je geen ‘add to cart’ knop bij de producten staan. Als je deze toe wilt voegen kun je deze code uit dit artikel in de functions.php van je WordPress thema toevoegen en een knop met genoemde css class in je listing. Dan los je dit probleem op.

FacetWP listing add to cart code

add_filter( 'facetwp_builder_item_value', function( $value, $item ) {
    if ( 'add-to-cart' == $item['settings']['name'] ) {
        global $post;
        $value = do_shortcode( '[add_to_cart id="' . $post->ID . '"]' );
    }
    return $value;
}, 10, 2 );

Button in listing met class

Voeg een knop toe in de FacetWP listing en geef deze de unique name add-to-cart.

Meer informatie vind je op deze link.

Een alt tekst (alternatieve tekst) is een beschrijving die je toevoegt aan afbeeldingen op je WordPress website. Deze tekst wordt gebruikt door zoekmachines om beter te begrijpen waar de afbeelding over gaat, en helpt ook bezoekers met een visuele beperking die schermlezers gebruiken om de inhoud van je website te begrijpen.

Alt tekst belangrijk?

Waarom zijn alt teksten bij afbeeldingen in je webshop of website van belang? We geven je drie redenen.

1. SEO: Zoekmachines gebruiken alt teksten om de inhoud van je afbeeldingen te indexeren, wat kan helpen om je website hoger in de zoekresultaten te laten verschijnen.
2. Toegankelijkheid: Alt teksten maken je website toegankelijker voor mensen met een visuele beperking.
3. Foutmeldingen: Als een afbeelding niet kan worden geladen, wordt de alt tekst weergegeven in plaats van de afbeelding.

Hoe voeg je Alt tekst toe in WordPress?

1. Upload of selecteer een afbeelding:
   • Ga naar je WordPress dashboard en navigeer naar de pagina of het bericht waar je een afbeelding wilt toevoegen.
   • Klik op Media toevoegen en upload een nieuwe afbeelding of selecteer een bestaande uit je mediabibliotheek.
2. Alt tekst toevoegen:
   • Nadat je de afbeelding hebt geselecteerd, zie je aan de rechterkant een aantal velden.
   • Zoek het veld Alt tekst (alternatieve tekst).
   • Vul hier een beschrijvende tekst in die uitlegt wat er op de afbeelding te zien is. Zorg ervoor dat de beschrijving relevant en duidelijk is.
3. Afbeelding invoegen:
   • Klik op invoegen in bericht/pagina om de afbeelding met de toegevoegde alt tekst in je content te plaatsen.

Door alt teksten toe te voegen, verbeter je zowel de SEO als de toegankelijkheid van je website, wat leidt tot een betere gebruikerservaring voor al je bezoekers.

Bezoekers van je WordPress website wil je stimuleren om jouw content te delen op sociale media zoals Pinterest. Een handige manier om dit te doen is door een Pinterest bewaarknop toe te voegen aan je WordPress website. Hier is een korte uitleg over hoe je dit kunt doen met behulp van een gratis WordPress plugin.

Plugin installeren

De makkelijkste manier om een Pinterest bewaarknop toe te voegen is door een WordPress plugin te installeren. Ga naar je WordPress dashboard, ga naar Plugins > Nieuwe Plugin en zoek naar “Pinterest Pin It Button”. Kies een plugin zoals “Weblizar Pin It Button On Image Hover And Post” en klik op Nu installeren en vervolgens op Activeren.

Weblizar Pin It Button On Image Hover And Post

Pin It Plugin configureren

Na de installatie ga je naar Instellingen > Pinterest Pin It in je dashboard. Hier kun je de knopinstellingen configureren, zoals waar de knop moet verschijnen (bijvoorbeeld op alle afbeeldingen of alleen op specifieke posttypes), de stijl van de knop en eventuele extra opties zoals hover-effecten.

Zonder plugin Pinterest bewaarknop toevoegen

Als je geen plugin wilt gebruiken, kun je de Pinterest bewaarknop handmatig toevoegen door de officiële Pinterest widget code te gebruiken. Ga naar de Pinterest Widget Builder en genereer de knopcode. Voeg deze code vervolgens toe aan de HTML van je website, bij voorkeur in je thema’s header- of footer-bestand via Weergave > Bewerker in je WordPress dashboard.

Door een Pinterest bewaarknop toe te voegen, maak je het voor bezoekers gemakkelijk om je content te delen, wat kan helpen om het bereik en de zichtbaarheid van je website te vergroten.

Wat is de FiboSearch Plugin?

FiboSearch, eerder bekend als Ajax Search for WooCommerce, is een krachtige premium zoek plugin voor WooCommerce webshops. Het verbetert de zoekfunctionaliteit van je webshop door geavanceerde en snelle zoekmogelijkheden te bieden. Dit maakt het voor bezoekers makkelijker om producten te vinden, wat kan leiden tot een betere gebruikerservaring en hogere conversies.

FiboSearch in WooCommerce

FiboSearch verbetert de zoekfunctionaliteit van je WooCommerce webshop aanzienlijk door gebruik te maken van AJAX-technologie om real-time zoekresultaten te tonen terwijl klanten typen. Dit zorgt ervoor dat ze onmiddellijk relevante producten zien zonder de pagina te hoeven verversen.

De plugin biedt ook handige functies zoals auto-complete, waarbij zoektermen worden aangevuld, en het tonen van productafbeeldingen, prijzen en korte beschrijvingen in de zoekresultaten. Deze visuele elementen helpen klanten snel een geïnformeerde keuze te maken en bevorderen een soepelere zoekervaring.

Een voorbeeld van deze plugin vanuit ons portfolio vind je bijvoorbeeld op Littledepartmentstore.nl, Bohostijl.nl en Sanitairkiezer.nl.

Integratie FiboSearch pagebuilders

Daarnaast integreert FiboSearch naadloos met de meeste WooCommerce thema’s en page builders zoals Elementor en Avada, waardoor het eenvoudig is om de zoekfunctionaliteit in je bestaande website te integreren zonder compatibiliteitsproblemen. De plugin is geoptimaliseerd voor SEO, wat bijdraagt aan een betere zichtbaarheid van je producten op zoekmachines.

Bovendien kun je met FiboSearch integreren met Google Analytics, zodat je het zoekgedrag van klanten kunt analyseren en waardevolle inzichten kunt verkrijgen om je marketingstrategieën te optimaliseren. Deze uitgebreide en gebruiksvriendelijke zoekoplossing kan leiden tot hogere klanttevredenheid en conversiepercentages.

Meer informatie over FiboSearch

Voor meer informatie en om de plugin te downloaden, kun je de officiële FiboSearch-website bezoeken. Hier vind je ook een overzicht van de kosten.

Terminal openen en SSH-verbinding maken op een Mac

Om een SSH-verbinding te maken met een hosting server vanaf een Mac, moet je eerst de Terminal openen en daarna de juiste SSH-opdracht invoeren. Je kunt deze terminal nadat je verbonden bent ook gebruiken om WP CLI te gebruiken.

Terminal openen op Mac

1. Via Spotlight:
   • Klik op het vergrootglas-icoon rechtsboven op je scherm (of druk op Command + Spatie).
   • Typ Terminal in het zoekveld en druk op Enter.
2. Via Finder:
   • Open Finder.
   • Ga naar Programma’s > Hulpprogramma’s.
   • Dubbelklik op Terminal.

Problemen met terminal

• Verbindingsproblemen: Controleer of je internetverbinding actief is en dat je de juiste SSH-gebruikersnaam en serveradres hebt ingevoerd.
• Authenticiteitswaarschuwing: Bij de eerste verbinding kun je een waarschuwing krijgen over de authenticiteit van de host. Typ yes en druk op Enter om door te gaan.
• Toegang geweigerd: Als je een foutmelding krijgt zoals “Permission denied”, controleer dan of je het juiste wachtwoord hebt ingevoerd en of je gebruikersnaam en serveradres correct zijn.

Door deze stappen te volgen, kun je eenvoudig de Terminal openen en een SSH-verbinding maken met je hosting server op een Mac. Voor meer informatie over het gebruik van SSH op een Mac, kun je ook de Apple Support pagina raadplegen.

HTML sitemap met Rank Math

Een HTML sitemap is een handig hulpmiddel voor zowel bezoekers als zoekmachines om een overzicht van alle pagina’s op je WordPress website te krijgen. Met de Rank Math plugin kun je eenvoudig een HTML sitemap maken en configureren. Hier is een korte uitleg over hoe je dit doet:

Wat is een HTML sitemap?

Een HTML sitemap is een overzichtspagina die alle links naar de belangrijkste pagina’s van je website bevat. Het helpt bezoekers om snel door je site te navigeren en helpt zoekmachines om je inhoud beter te indexeren.

1. Sitemap module inschakelen: Ga naar je WordPress dashboard en navigeer naar Rank Math SEO. Zorg ervoor dat de Sitemap module is ingeschakeld.
2. HTML sitemap optie activeren: Ga naar Rank Math SEO > Sitemap Settings > HTML Sitemap en schakel de HTML Sitemap optie in.

Configuratie van de HTML sitemap opties

Na het inschakelen van de HTML sitemap, kun je verschillende opties configureren:

• Weergaveformaat: Kies of je de HTML sitemap wilt weergeven via een shortcode of op een specifieke pagina.
• Sorteeropties: Sorteer de items in de sitemap op publicatiedatum, wijzigingsdatum, alfabetisch, of op basis van post ID.
• Data Tonen: Kies of je de publicatiedata voor elke post wilt weergeven.
• Itemtitels: Selecteer of je de standaard titels of de SEO-titels wilt tonen.

Post types en taxonomieën selecteren

Je kunt ook kiezen welke post types en taxonomieën in de HTML sitemap moeten worden opgenomen. Ga naar Rank Math SEO > Sitemap Settings en gebruik de opties onder elk post type en elke taxonomie om deze in de HTML sitemap op te nemen.

HTML sitemap plaatsen

Afhankelijk van je instellingen kun je de HTML sitemap bekijken:

• Shortcode: Voeg de shortcode toe aan een pagina of bericht om de HTML sitemap weer te geven.
• Pagina: Als je voor de paginaoptie hebt gekozen, selecteer je de gewenste pagina uit de dropdown-lijst en sla je de wijzigingen op.

Meer gedetailleerde informatie en stapsgewijze instructies kun je vinden op de Rank Math Knowledge Base​.

De plugin Use Any Font voor WordPress laat je eenvoudig aangepaste lettertypen in je WordPress website uploaden en te gebruiken op je website.

De gratis versie van de plugin biedt je de mogelijkheid om één lettertype te uploaden. Als je meer nodig hebt kun je de premium versie van de plugin aanschaffen via de website.

Use Any Font | Custom Font Uploader

Aangepast lettertype uploaden in WordPress

Aangepaste Lettertypen Uploaden: Met Use Any Font kun je elk lettertypebestand uploaden (in formaten zoals TTF, OTF, WOFF) en deze direct op je website gebruiken. De lettertypes die je kunt uploaden zijn compatible met de meeste WordPress thema’s en page builders zoals Elementor, Divi en WPBakery en GeneratePress.

Je hebt geen technische kennis nodig om aangepaste lettertypen toe te voegen en te gebruiken. De plugin biedt een eenvoudige interface voor het uploaden en beheren van lettertypen. Je kunt een standaard lettertype instellen voor je hele website in de plugin of specifieke lettertypen toewijzen aan bepaalde elementen zoals kopteksten, paragrafen en knoppen.

Website snelheid

Omdat de lettertypen lokaal worden gehost, kunnen ze sneller laden dan externe webfonts zoals bijvoorbeeld Google, wat de prestaties van je website kan verbeteren.

Use Any Font biedt een gebruiksvriendelijke manier om aangepaste lettertypen te integreren in je WordPress website, zonder dat je technische kennis nodig hebt.