FacetWP templates static

Als ervaren WordPress agency ben je hopelijk bekend met de kracht van FacetWP, een plugin die geavanceerde facetten biedt voor het filteren van berichten, producten en andere inhoudstypen op je website.

FacetWP templates

Het gebruik van meerdere FacetWP-templates op één pagina kan de gebruikerservaring aanzienlijk verbeteren door de mogelijkheid te bieden om verschillende facetten en lay-outs te combineren, afhankelijk van de specifieke filteringseisen.

FacetWP werkt op basis van templates en facetten. Een template definieert welke inhoud wordt gefilterd en weergegeven, terwijl een facet de filteropties definieert. Standaard wordt een FacetWP-template één keer per pagina gebruikt, maar met wat extra configuratie en kennis van WordPress hooks en shortcodes, kun je meerdere templates op één pagina integreren.

FacetWP static template

Alleen standaard werkt het niet als je meerdere templates op een pagina laad. Je kunt dit oplossen door de templates static mee te geven in de shortcode. Hiermee zullen ze niet meer dynamisch reageren op Facets maar kun je er wel meerdere op één pagina laden.

Op de website van FacetWP vind je meer uitleg over de static template optie.

De “Back to shop” knop in een WooCommerce webshop zie je op de winkelmand pagina van je shop wanneer de winkelmand leeg is. Deze knop dient als een manier om gebruikers gemakkelijk terug te leiden naar de winkelpagina, zodat ze verder kunnen winkelen en producten aan hun winkelmand kunnen toevoegen.

Standaard verwijst de “Back to shop” knop naar de winkelpagina die je hebt ingesteld in WooCommerce. Dit is meestal de hoofdpagina waar al je producten worden getoond.

Back to shop

Als je de URL van de “Back to shop” knop wilt aanpassen naar een andere pagina dan de standaard winkelpagina, kun je de volgende code toevoegen aan je functions.php bestand:


// back to test page instead of shop
add_filter( 'woocommerce_return_to_shop_redirect', 'lmpr_empty_cart_redirect_url' );
function lmpr_empty_cart_redirect_url() {
return '/jouwlink/';
}

Het kan voorkomen dat je een e-mail wilt sturen naar je klanten vanuit je WooCommerce webshop zonder dat hier de order details in staan of het verzendadres.

Het kan bijvoorbeeld voorkomen als je een beperkte inhoud van de e-mail wilt sturen met eventueel een eigen tekst en de rest van de details in de PDF bijlage bij de e-mail

Order details uit WooCommerce e-mail

Met deze code in de functions.php van je thema kun je deze details uit de e-mail filteren. Je hebt ook de mogelijkheid om de details uit alle e-mails te halen of specifiek een e-mail die bijvoorbeeld naar de klantenservice gaat. In ons geval hebben we de code gebruikt bij een webshop waar diergegevens ingevoerd moeten worden.

Deze gegevens komen in de PDF bijlage. Dus hoeven niet in de e-mail getoond te worden.

De code die je kunt gebruiken:


defined( 'ABSPATH' ) || exit;


add_action( 'woocommerce_email_order_details', 'dcwd_email_order_details_table', 5, 4 );
function dcwd_email_order_details_table( $order, $sent_to_admin, $plain_text, $email ) {
	/*
	// Can limit this code to specific emails.
	if ( 'customer_completed_order' != $email->id ) {
		return;
	}
	*/

	// Remove the order details table (with items ordered, quantity and prices).
	remove_action( 'woocommerce_email_order_details', array( WC()->mailer(), 'order_details' ), 10, 4 );

	// Remove customer addresses (billing and shipping).
	//remove_action( 'woocommerce_email_customer_details', array(  WC()->mailer(), 'email_addresses' ), 20, 3 );
}

Het commando zip -r foldername.zip foldername * wordt gebruikt om een ZIP-archief te maken van een directory en zijn inhoud.

zip -r foldername.zip foldername *

Uitleg over het zip commando

zip: Dit is het basiscommando om een ZIP-archief te maken.
-r: Deze optie staat voor "recursive" en zorgt ervoor dat de inhoud van de directory recursief wordt toegevoegd, inclusief alle subdirectories en bestanden.
foldername.zip: Dit is de naam van het te maken ZIP-archief.
foldername: Dit is de naam van de directory die je wilt archiveren.
*: Dit is een wildcard die wordt gebruikt om alle bestanden en subdirectories in de huidige directory op te nemen.

Wat doet dit commando precies?

Het commando zip -r foldername.zip foldername * maakt een ZIP-archief genaamd foldername.zip dat alle bestanden en subdirectories in de directory foldername bevat, evenals alle bestanden en directories in de huidige directory die overeenkomen met de wildcard *.

Echter, er is een fout in het gebruik van de * wildcard aan het einde van het commando, wat kan leiden tot onverwachte resultaten. Het zou alleen de bestanden en directories moeten bevatten die zich binnen foldername bevinden. Een betere versie van het commando zou zijn:

zip -r foldername.zip foldername

Inhoud van de huidige directory archiveren

zip -r archive.zip ./*

Dit archief bevat alle bestanden en directories in de huidige directory.

Toevoegen van bestanden aan een bestaand ZIP-archief:

zip -r existing.zip newfolder

Dit voegt de inhoud van newfolder toe aan het bestaande ZIP-archief existing.zip.

De Find-opdracht in Linux / SSH wordt gebruikt om bestanden en directories te doorzoeken op basis van bepaalde criteria.

Je kunt deze optie gebruiken in plaats van bestanden verwijderen via FTP. Je kunt hiermee heel veel tijd besparen. Zoek bijvoorbeeld naar alle webp bestanden met de tekst 120×110 in een map. En verwijder deze.

Find commando in SSH

Als je bestanden wilt zoeken en verwijderen dan kun je deze code hiervoor gebruiken:


find -type f -name '*text*' -delete

find: Dit is het commando om de zoekopdracht te starten.
-type f: Dit specificeert dat de zoekopdracht alleen naar bestanden (files) moet zoeken, niet naar directories.
-name ‘*text*’: Dit zoekt naar bestanden waarvan de naam het patroon ’text’ bevat. Het sterretje (*) is een wildcard die kan staan voor nul of meer tekens.
-delete: Deze optie verwijdert de gevonden bestanden.

Uitleg van het Find commando

Deze opdracht doorzoekt de huidige directory en alle subdirectories naar bestanden waarvan de naam het woord ’text’ bevat en verwijdert deze bestanden.

Varianten op find commando in SSH


find -type f -name '*.log' -delete

Dit zoekt naar alle bestanden met de extensie .log en verwijdert deze.

Varianten op find commando in SSH


find -type f -name '*.log' -delete

Dit zoekt naar alle bestanden met de extensie .log en verwijdert deze.


find -type f -name '*text*' -exec rm -i {} \

Dit vraagt bevestiging voordat elk bestand wordt verwijderd. Het gebruik van -exec rm -i {} in plaats van -delete zorgt ervoor dat je per bestand een bevestiging kunt geven.


find -type f -name '*text*' -exec mv {} /pad/naar/doeldirectory/ \

Dit zoekt naar bestanden en verplaatst ze naar een andere directory in plaats van ze te verwijderen.

Voor veel van onze klanten kan het beheren van inkomende berichten van hun WordPress website een uitdaging zijn. Gelukkig zijn er tools zoals de Flamingo plugin die, samen met Contact Form 7, het proces eenvoudiger en overzichtelijker maken voor iedereen! De makers van de Flamingo plugin zijn dezelfde makers als die van Contact Form 7.

Flamingo en Contact Form 7

De Flamingo plugin slaat alle ingestuurde berichten van Contact Form 7 formulieren direct op in de database van je WordPress website. Dit betekent dat je geen belangrijke informatie meer verliest, zelfs niet als e-mails verloren gaan of in de spam terechtkomen. De Flamingo plugin biedt een eenvoudige manier om alle binnenkomende berichten te beheren en te bekijken via je WordPress dashboard.

Flamingo installeren en configureren

Volg deze stappen om Flamingo te installeren en te configureren:

Ga naar je WordPress dashboard;
Navigeer naar Plugins > Nieuwe plugin;
Zoek naar “Flamingo” en klik op “Nu installeren”;
Activeer de plugin na installatie.

Na het activeren van Flamingo worden alle berichten die via Contact Form 7 formulieren worden ingediend automatisch opgeslagen in de database.

Je kunt deze berichten terugvinden door te navigeren naar Flamingo > Inbound Messages in je WordPress dashboard.

Flamingo

Voordelen van Flamingo

Verlies nooit belangrijke berichten, zelfs niet als e-mails verloren gaan.
Houd eenvoudig overzicht over alle inkomende berichten vanuit je formulieren.
Toegang tot berichten vanuit je WordPress dashboard zonder extra instellingen.

Akismet is een populaire anti-spam plugin voor WordPress die helpt om ongewenste reacties en contactformulier inzendingen te filteren. Het is ontwikkeld door Automattic, het bedrijf achter WordPress.com. Akismet controleert alle inkomende reacties en inzendingen en vergelijkt deze met hun wereldwijde spamdatabase om te bepalen of de inhoud spam is. In de basis is Akismet gratis voor een persoonlijke website in WordPress.

Hoe werkt Akismet?

Wanneer een gebruiker een reactie plaatst of een formulier indient op je website, wordt deze automatisch gecontroleerd door Akismet. De plugin analyseert verschillende factoren, zoals het IP-adres van de afzender, de inhoud van de reactie en eerdere activiteiten van de gebruiker om te bepalen of de inzending als spam moet worden gemarkeerd. Als Akismet de inzending als spam identificeert, wordt deze verplaatst naar de spam-map van je WordPress webshop, waar je deze kunt bekijken en beheren.

Akismet Anti-spam: Spam Protection

Voordelen van Akismet

Automatische spamdetectie voor reacties en contactformulieren;
Vermindert de hoeveelheid tijd die je besteedt aan het handmatig modereren van reacties;
Beschermt je WordPress website tegen kwaadaardige inhoud en links;
Verbeterde prestaties en beveiliging van je website.

Akismet installeren en configureren

Het installeren en configureren van Akismet op je WordPress website is eenvoudig:

Ga naar je WordPress dashboard;
Navigeer naar Plugins > Nieuwe plugin;
Zoek naar “Akismet Anti-Spam” en klik op “Nu installeren”;
Activeer de plugin na installatie;
Volg de instructies om een Akismet API-sleutel te verkrijgen en te configureren. Deze sleutel is nodig om de plugin te laten werken;
Voer de API-sleutel in bij de Akismet-instellingen in je WordPress dashboard.

Voor meer informatie bezoek de officiële Akismet plugin pagina of de website van Akismet zelf.

De Conditional Fields for Contact Form 7 plugin voegt voorwaardelijke logica toe aan de Contact Form 7 WordPress plugin, waarmee je de functionaliteit van de formulieren op je website kunt uitbreiden. Met de plugin kun je eenvoudig velden tonen of verbergen op basis van de input van de gebruiker, waardoor je dynamische en gebruiksvriendelijke formulieren kunt maken.

Conditional Fields for Contact Form 7

Conditional Fields for Contact Form 7 biedt functies zoals voorwaardelijke velden groepen, ondersteuning voor verplichte velden binnen verborgen groepen, en de mogelijkheid om informatie conditioneel in e-mails weer te geven. Deze plugin ondersteunt ook geneste groepen en biedt geavanceerde voorwaardelijke logica voor ervaren gebruikers.

Plugin installeren

- Ga naar je WordPress dashboard;
- Navigeer naar Plugins > Nieuwe plugin;
- Zoek naar “Conditional Fields for Contact Form 7”;
- Installeer en activeer de plugin.

Conditional logic configureren

Bewerk je Contact Form 7 formulier;
Voeg een “Conditional fields Group” tag toe rondom de velden die je conditioneel wilt maken;
Ga naar de “Conditional fields” tab en definieer de voorwaarden die de zichtbaarheid van de groep bepalen.

Conditional Fields for Contact Form 7

FAQ voorwaardelijke logica in Contact Form 7

Hoe voeg ik een voorwaardelijke veldgroep toe? Voeg de [group] … [/group] tags toe rondom de velden die je conditioneel wilt tonen.
Kan ik geneste voorwaardelijke groepen maken? Ja, je kunt groepen nesten binnen andere groepen.
Zijn er geavanceerde instellingen beschikbaar? Ja, geavanceerde gebruikers kunnen voorwaarden als platte tekst coderen en aangepaste JavaScript functies gebruiken in de pro-versie.

De plugin kent een gratis variant en voor meer opties kun je de pro-versie online bestellen voor 55 dollar per jaar. Als je op zoek bent naar een Contact Form 7 alternatief kun je kijken naar Gravity Forms bijvoorbeeld.

SVG staat voor Scalable Vector Graphics. Het is een op XML gebaseerde bestandsindeling voor vectorafbeeldingen die in principe oneindig schaalbaar is zonder kwaliteitsverlies.

SVG-bestanden zijn ideaal voor logo’s, pictogrammen, en grafische elementen die scherp moeten blijven op alle schermformaten in je WordPress website.

Hoe maak je een SVG?

Ontwerpsoftware: Gebruik tools zoals Adobe Illustrator, Inkscape, of Sketch om je vectorafbeelding te maken.
Exporteren: Sla het bestand op als SVG. De meeste ontwerptools bieden een exportoptie voor SVG.

Hoe voeg je SVG toe in WordPress?

SVG-upload inschakelen: Standaard staat WordPress SVG-upload niet toe vanwege veiligheidsredenen. Gebruik een plugin zoals “Safe SVG” om SVG-upload mogelijk te maken.
SVG-bestand uploaden: Ga naar Media > Nieuw bestand en upload je SVG-afbeelding zoals je normaal zou doen.
SVG gebruiken: Voeg de SVG toe aan je pagina of bericht via de mediabibliotheek.