Wat is de FiboSearch Plugin?

FibosearchFiboSearch, 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.

Fibosearch

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.

Terminal macos

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.

Use any fonts

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.

Hoe je lettertypes instelt in Elementor

Elementor biedt een gebruiksvriendelijke manier om fonts in te stellen en aan te passen voor je WordPress website. Het aanpassen van je fonts kan een groot verschil maken in de uitstraling en leesbaarheid van je site. In dit artikel vind je stap voor stap hoe je de fonts in Elementor kunt aanpassen.

Elementor dashboard openen

Om te beginnen, log in op je WordPress dashboard. Ga naar het menu aan de linkerkant en klik op Elementor. Dit opent het Elementor dashboard waar je toegang hebt tot verschillende instellingen en tools.

Lettertypen instellen in de site-instellingen

Site settings elementorGa naar de site-instellingen: Klik op de Elementor tab in je WordPress-dashboard en selecteer site-instellingen.
Kies typografie: In de Site-instellingen klik je op Typografie. Hier kun je de standaard lettertypen voor je hele site instellen.
Typografie instellen: Je ziet verschillende opties zoals Body, Koppen, Linkteksten en meer. Klik op elk van deze om de standaard lettertypen, groottes en stijlen in te stellen.

  • Voor de Body tekst kun je bijvoorbeeld een font kiezen zoals Arial of Roboto, en de grootte instellen op 16px.
  • Voor Koppen (H1, H2, H3, etc.) kun je een ander font kiezen dat goed past bij het body lettertype, zoals Montserrat voor een moderne uitstraling.

Google Fonts en custom fonts toevoegen

Google Fonts

Elementor fontsAutomatisch beschikbaar: Elementor heeft al toegang tot alle Google Fonts, dus je hoeft niets extra’s te doen om deze te gebruiken.
Selecteer een Google Font: Bij het kiezen van een lettertype in de typografie-instellingen kun je gewoon de naam van het Google Font typen dat je wilt gebruiken.

Aangepaste lettertypen in Elementor

Aangepaste lettertypen uploaden: Ga naar Elementor > Aangepaste Lettertypen in je WordPress dashboard.
Nieuw lettertype toevoegen: Klik op Nieuw toevoegen. Geef je lettertype een naam en upload de verschillende formaten (WOFF, TTF, SVG, EOT).
Opslaan en gebruiken: Na het uploaden kun je het lettertype opslaan. Dit lettertype wordt nu beschikbaar in de typografie-instellingen onder ‘Aangepaste Lettertypen’.

Lettertypen per widget aanpassen

Je kunt ook een specifiek font gebruiken voor een bepaalde sectie of widget in Elementor.

Elementor editor openen: Ga naar de pagina of het bericht dat je wilt bewerken en klik op Bewerken met Elementor.
Widget selecteren: Klik op de widget waarvoor je het lettertype wilt aanpassen (bijvoorbeeld een koptekst of tekstvak).
Stijl tab: In de linker zijbalk, ga naar het Stijl tabblad.
Typografie instellingen: Klik op Typografie en pas het lettertype, de grootte, dikte, lijnhoogte en andere instellingen aan.

Voorbeeld bekijken en publiceren

Nadat je de gewenste aanpassingen hebt gemaakt, kun je een voorbeeld van je Elementor WordPress pagina bekijken om te zien hoe de nieuwe fonts eruitzien.

Voorbeeld bekijken: Klik op het oog-icoontje om een voorbeeld van je pagina te bekijken.
Pagina publiceren: Als je tevreden bent met de aanpassingen, klik je op Publiceren om de wijzigingen live te zetten.

Log als eerste in op je hosting server via SSH. Dit kun je bijvoorbeeld in de terminal van je Mac apparaat doen.

Hieronder zullen we stapsgewijs doorlopen wat er nodig is om WordPress te installeren via de SSH verbinding van je server met WP CLI.

WordPress installeren via WP CLI

Ga naar de directory waarin je WordPress wilt installeren. Als de WordPress installatie voor je primaire website is, zou dit public_html zijn. Om naar je public_html-directory te gaan, typ en voer je het volgende in:

cd public_html

Of als je WordPress op een addon-domein installeert, navigeer dan naar de home directory van het addon-domein met behulp van het onderstaande commando:

cd yourdomainname.com

Met het wget-commando downloaden we WordPress naar onze huidige directory.

wget http://wordpress.org/latest.tar.gz

Om de inhoud van het bestand latest.tar.gz uit te pakken, typ je het volgende commando:

tar xfz latest.tar.gz

Gebruik het commando ls -l om de inhoud van je huidige directory te bekijken. Je zult zien dat er nu een directory genaamd wordpress is. Laten we de inhoud van die directory verplaatsen naar onze huidige directory. Hiervoor gebruik je het volgende commando:

mv wordpress/* ./

Laten we nu opruimen. We hebben de ‘WordPress’-directory en het bestand latest.tar.gz niet meer nodig. Om deze items te verwijderen, gebruik je het volgende commando:

rm -rf latest.tar.gz ./wordpress/

Database aanmaken

Vervolgens moet je een database en een database gebruiker aanmaken die we aan elkaar kunnen koppelen. Log in op bijvoorbeeld cPanel en gebruik de zoekfunctie om naar MySQL Databases te navigeren. Maak de nieuwe database aan en koppel die aan de gebruiker.

WordPress installeren

Voer vervolgens in je wp-config.php bestand de juiste database gegevens en navigeer naar de url van je website. Je krijgt hier een WordPress configuratiescherm en je kunt de stappen van de installatie doorlopen en afronden.

Als je gebruik maakt van de premium zoekfunctie van Fibosearch op je webshop heb je standaard geen mogelijkheid om de resultaten te sorteren op datum. Je kunt dit met de onderstaande aanpassing mogelijk maken.

FibosearchLet wel op dat je een aanpassing maakt in een bestand van de plugin. Zorg dat je dit in een childthema zet.

Fibosearch sorteren op datum

 if ( $order === 'relevance' ) {
$order = 'date-desc';
}

return $order;
} );

Voeg deze code toe in een bestand met de naam fibosearch.php in je child-theme map. Je kunt geen submap gebruiken, dan werkt deze oplossing namelijk niet.

WP-CLI’s search-replace commando is een krachtig hulpmiddel waarmee je zoek- en vervangoperaties kunt uitvoeren in je WordPress database. Dit kan bijzonder nuttig zijn bij het migreren van een website naar een nieuwe domeinnaam, het corrigeren van fouten of het bijwerken van URL’s. Hier is een uitleg over hoe het werkt:

WP search replace

Het wp search replace commando zoekt naar een specifieke string (tekst) in je WordPress database en vervangt deze met een andere string. Dit kan worden toegepast op de hele database of beperkt worden tot bepaalde tabellen.

Basis van WP search replace

Het basisgebruik van het commando is als volgt:

wp search-replace 'oude-tekst' 'nieuwe-tekst'

URL’s bijwerken met wp search replace

Stel dat je je website verhuist van oude-domein.com naar nieuwe-domein.com. Om alle oude URL’s in de database bij te werken naar de nieuwe URL, zou je het volgende commando gebruiken:

wp search-replace 'https://oude-domein.com' 'https://nieuwe-domein.com'

Opties voor search replace

Er zijn verschillende opties die je kunt gebruiken met wp search-replace om de werking ervan aan te passen.

Specifieke Tabellen: Je kunt specifieke tabellen targeten door ze als extra parameters toe te voegen.

wp search-replace 'oude-tekst' 'nieuwe-tekst' wp_posts wp_postmeta

Droogloop: Je kunt eerst een “droogloop” uitvoeren om te zien welke veranderingen gemaakt zouden worden zonder de database daadwerkelijk te wijzigen.

wp search-replace 'oude-tekst' 'nieuwe-tekst' --dry-run

Exporteren: Je kunt de resultaten van de zoek-en-vervangoperatie exporteren naar een SQL-bestand.

wp search-replace 'oude-tekst' 'nieuwe-tekst' --export=database-update.sql

Het wp search-replace commando van WP-CLI is een krachtig hulpmiddel voor het uitvoeren van zoek-en-vervangoperaties in je WordPress database. Het is flexibel, kan omgaan met seriële data en kan veilig worden gebruikt met de juiste voorzorgsmaatregelen. Het is een onmisbare tool voor elke WordPress beheerder, vooral bij migraties en grootschalige updates.

Wat is WP-CLI?

WP-CLI is een handige tool voor WordPress die je helpt om allerlei taken op je WordPress website snel en efficiënt uit te voeren, zonder dat je hiervoor de WordPress backend hoeft te gebruiken.

In plaats van via het dashboard te klikken, kun je met WP-CLI opdrachten rechtstreeks in de commandoregel van je computer typen. Dit maakt het mogelijk om bijvoorbeeld WordPress plugins te installeren, updates uit te voeren voor WordPress onderhoud of berichten te beheren, allemaal met een paar eenvoudige commando’s.

WP Cli

Hoe werkt WP-CLI?

Stel je voor dat je een nieuwe WordPress plugin wilt installeren. Normaal gesproken zou je naar het WordPress dashboard gaan, naar “Plugins” navigeren, op “Nieuwe plugin” klikken, zoeken naar de plugin, en deze dan installeren.

Met WP-CLI doe je dit door één enkel commando in te voeren. Dit bespaart tijd en is vooral handig voor bijvoorbeeld een WordPress agency die veel met WordPress werken en meerdere websites beheren. Je kunt als je hiermee slim omgaat een aantal uren per week besparen denken wij.

In sommige hosting panels heb je de mogelijkheid om direct in de terminal in te loggen via het controlepaneel. Bijvoorbeeld cPanel en Plesk hebben deze optie. Bij de hosting van Kinsta heb je de mogelijkheid om eenvoudig de SSH inlog gegevens die je nodig hebt uit het dashboard op te halen en te verbinden via bijvoorbeeld de terminal van je Mac computer.

Meest gebruikte WP CLI commando’s

In het onderstaande overzicht vind je de vijf meest gebruikt WP-CLI commando’s.

Commando Uitleg
wp plugin install [plugin-naam] Installeert de opgegeven plugin. Vervang [plugin-naam] door de naam van de plugin die je wilt installeren.
wp plugin update –all Update alle geïnstalleerde plugins naar de nieuwste versie.
wp theme install [thema-naam] Installeert het opgegeven thema. Vervang [thema-naam] door de naam van het thema dat je wilt installeren.
wp user create [gebruikersnaam] [email] –role=[rol] Maakt een nieuwe gebruiker aan met de opgegeven gebruikersnaam, e-mail en rol. Vervang [gebruikersnaam], [email] en [rol] door de gewenste waarden.
wp db export Exporteert de WordPress database naar een bestand. Dit is handig voor backups.

Voordelen van WP-CLI

Een ander groot voordeel van WP-CLI is dat je meerdere taken tegelijk kunt uitvoeren. Als je bijvoorbeeld alle plugins op je site wilt updaten, kun je dit met één commando doen. Ook kun je met WP-CLI backups maken, databases optimaliseren en zelfs complete nieuwe WordPress installaties opzetten.

Kortom, WP-CLI maakt het beheer van je WordPress site sneller en gemakkelijker, vooral als je gewend bent om met de commandoregel te werken. Het is een krachtig hulpmiddel voor iedereen die efficiënt en effectief met WordPress wil werken.