Variatie naam uit producttitel verwijderen

Deze code snippet in WooCommerce verwijdert de variatienaam (de attributen) uit de producttitel in zowel de orderdetails als in de e-mails die naar de klant worden gestuurd vanuit een webshop.

/**
* Verwijder variatie uit producttitel
**/
add_filter( ‘woocommerce_product_variation_title_include_attributes’, ‘__return_false’ );
add_filter( ‘woocommerce_is_attribute_in_product_name’, ‘__return_false’ );

Variatie uit productnaam

Door deze twee filters toe te voegen, voorkom je dat WooCommerce de variatie-attributen (zoals maat, kleur, etc.) toevoegt aan de producttitels in de orderbevestigingen en e-mails die naar klanten worden gestuurd. Dit kan handig zijn als je wilt dat de producttitels eenvoudig en consistent blijven, zonder de toevoeging van variatiegegevens.

Wat doet deze code?

Orderbevestigingspagina: De klant ziet de productnaam zonder variatie-attributen.
E-mails: De klant ontvangt e-mails (bijv. orderbevestiging) waarin de productnaam geen variatie-attributen bevat.

Het wp media regenerate WP-CLI commando is een handige tool binnen de WordPress Command Line Interface (WP-CLI) waarmee je alle thumbnails in je WordPress website opnieuw kunt genereren op basis van de huidige afbeeldingsformaten die zijn ingesteld in je thema of door plugins.

Wat doet wp media regenerate precies?

Wanneer je afbeeldingen uploadt naar WordPress worden er automatisch verschillende formaten (thumbnails) van die afbeelding gemaakt in verschillende afmetingen.

Dit gebeurt op basis van de afbeeldingsformaten die zijn ingesteld in je WordPress instellingen, thema’s, of plugins. Soms kan het nodig zijn om deze thumbnails opnieuw te genereren, bijvoorbeeld als:

Je een nieuw thema installeert: Dit thema heeft misschien andere afbeeldingsformaten nodig dan je vorige thema.
Je de standaard afbeeldingsformaten hebt aangepast: Bijvoorbeeld, als je de instellingen voor de grootte van de thumbnails hebt aangepast in de WordPress media-instellingen.
Je een plugin hebt geïnstalleerd die nieuwe afbeeldingsformaten toevoegt: Sommige plugins voegen nieuwe afbeeldingsformaten toe die worden gebruikt op specifieke plekken, zoals in sliders of galerieën.

Met het wp regenerate thumbnails commando kun je alle afbeeldingen die al in je mediabibliotheek staan, door WordPress laten verwerken om de nieuwe set thumbnails te genereren. Zonder een extra plugin zoals bijvoorbeeld Regenerate Thumbnails. En omdat het via de commandline verloopt is het ook nog eens supersnel!

wp media regenerate

Het commando wordt als volgt uitgevoerd: wp media regenerate

Het commando doet simpelweg het volgende:

Het doorloopt alle afbeeldingen in je mediabibliotheek;
Voor elke afbeelding genereert het opnieuw de thumbnails volgens de momenteel geconfigureerde afbeeldingsformaten in je thema;
Het verwijdert automatisch alle oude, niet langer gebruikte thumbnails om ruimte vrij te maken op je server. Dit is vooral een fijne optie voor bijvoorbeeld een redesign van een website of een nieuw WordPress thema wat je in gebruik genomen hebt.

Je kunt ook extra opties gebruiken, zoals:

Regenerate thumbnails voor specifieke afbeeldingen: Bijvoorbeeld met –path=path/to/image.jpg.
Automatisch bevestigen: Voeg –yes toe om prompts over te slaan en direct te regenereren.

Onbekende formaten verwijderen

Er is een nieuwe optie toegevoegd recent aan het wp media regenerate commando. En dat is de –delete-unknown vlag. Hiermee kun je afbeeldingen en metadata van ongebruikte afbeeldingsformaten verwijderen zonder andere thumbnails opnieuw te hoeven genereren.

Waarom WP CLI?

Het wp media regenerate WP-CLI commando is een krachtig hulpmiddel voor WordPress specialisten om ervoor te zorgen dat alle afbeeldingen op de website of webshop correct en consistent worden weergegeven, vooral na het wijzigen van thema’s, afbeeldingsinstellingen, of na het installeren van nieuwe plugins. Het bespaart tijd, ruimt onnodige bestanden op, en draagt bij aan een betere prestatie en uitstraling van je WordPress website.

Wincher is een SEO-tool die gespecialiseerd is in het volgen van zoekwoordposities en het monitoren van SEO-prestaties. Bij Lamper Design maken wij ook gebruik van deze tool.

Het biedt een breed scala aan functies om bedrijven te helpen hun online zichtbaarheid te verbeteren.

Wincher kenmerken

Rank Tracking: Wincher volgt de posities van je zoekwoorden dagelijks en biedt gedetailleerde inzichten in je SEO-prestaties. Het kan ook rangwijzigingen van concurrenten volgen en je op de hoogte stellen wanneer hun posities veranderen.
Keyword Research: Met de geïntegreerde Keyword Explorer kun je zoekwoorden onderzoeken op basis van zoekvolume, CPC (kosten per klik), en zoekintentie. Deze tool biedt ook geschatte verkeersvolumes en helpt je om zoekwoorden te vinden waar je een goede kans hebt om voor te ranken.
Competitor Analysis: Wincher biedt gedetailleerde analyses van je concurrenten. Je kunt zien welke zoekwoorden zij targeten en hoe sterk hun SEO-strategieën zijn. Dit helpt je om beter geïnformeerde beslissingen te nemen en strategisch te werk te gaan.
On-Page SEO Checker: Deze functie controleert of je pagina’s voldoen aan de best practices voor on-page SEO. Het kijkt naar zaken zoals keywordgebruik, meta-tags, en de optimalisatie van afbeeldingen. Dit helpt om ervoor te zorgen dat je content goed geoptimaliseerd is voor zoekmachines.
Rapportage en Integraties: Wincher biedt volledig aanpasbare, white-labeled rapporten die je handmatig of automatisch kunt genereren. Het ondersteunt integraties met tools zoals Google Data Studio en Google Search Console, waardoor je eenvoudig je data kunt beheren en analyseren.

Wincher is een krachtige en gebruiksvriendelijke tool die geschikt is voor zowel individuele gebruikers als grotere WordPress agency. Het biedt een gratis proefperiode van 7 dagen, zodat je de functies kunt uitproberen zonder betalingsgegevens in te voeren.

Voor meer informatie kun je terecht op de website.

WP All Import is een tool voor WordPress waarmee je eenvoudig gegevens van verschillende formaten en bronnen zoals naar een WordPress-website kunt importeren. Het biedt een eenvoudige interface die het importproces eenvoudig maakt, zelfs voor degenen zonder technische kennis.

Gebruikers kunnen gegevens importeren van XML, CSV, en andere bestandstypen, waardoor het een veelzijdige oplossing is voor het beheren van grote hoeveelheden inhoud. Met WP All Import kun je gegevensvelden toewijzen aan specifieke WordPress-velden die geïmporteerd moeten worden.

Hiervoor heb je wel de add-on van WP All Import nodig, meer hierover vind je hier.

WP All Import add-on ACF

De WP All Import add-on voor Advanced Custom Fields (ACF) voegt een extra laag functionaliteit toe door de mogelijkheid te bieden om aangepaste velden te importeren en te beheren.

ACF wp all import

ACF is een populaire WordPress-plugin die gebruikers in staat stelt om complexe, op maat gemaakte structuren te creëren met aangepaste velden. Met de add-on kun je gemakkelijk ACF-velden importeren. Bij het importeren krijg je in de template de mogelijkheid om je ACF velden te selecteren en te voorzien van de juiste input.

De code [str_replace(“; “, “, “, {naam-eigenschap[1]})] die je gebruikt in WP All Import is een voorbeeld van een shortcode die een vervanging uitvoert op een bepaald veld tijdens het importproces. De complete string voer je in bij de waarde van een veld bij het opzetten van een template voor het importeren.

Wij gebruiken het bijvoorbeeld in imports van WooCommerce producten waar de eigenschappen met een , of een ; gescheiden zijn. Om eigenschappen in WooCommerce aan te maken bij het importeren moeten deze gescheiden zijn door een | Dat kun je met deze code realiseren.

In dit artikel vind je de uitleg van wat deze code precies doet:

str_replace: Dit is een functie die in veel programmeertalen, waaronder PHP, wordt gebruikt om een deel van een string te vervangen door een andere string.
“; “: Dit is de zoekstring. De functie zoekt naar elke instantie van een puntkomma gevolgd door een spatie (“; “) in de doelstring.
“, “: Dit is de vervangingsstring. De functie vervangt elke instantie van de zoekstring door een komma gevolgd door een spatie (“, “).
{naam-eigenschap[1]}: Dit is een veldplaceholder binnen WP All Import. Het verwijst naar het eerste element van een veld met de naam “naam-eigenschap” dat waarschijnlijk een array of een reeks van waarden bevat.

Uitleg str_replace WP All Import

Invoer: De code neemt de waarde van het veld naam-eigenschap[1], die een string kan zijn zoals “alias1; alias2; alias3”.
Vervanging: De functie str_replace(“; “, “, “, {naam-eigenschap[1]}) zoekt in deze string naar elke instantie van “; ” en vervangt deze door “, “.
Uitvoer: Het resultaat is een string waarin de puntkomma’s gevolgd door spaties zijn vervangen door komma’s gevolgd door spaties. Bijvoorbeeld, “alias1; alias2; alias3” wordt “alias1, alias2, alias3”.

Voorbeeld str_replace

Stel dat het veld {naam-eigenschap[1]} de waarde “John; Johnny; Jonathan” heeft.

Voor de vervanging: “John; Johnny; Jonathan”
Na de vervanging: “John, Johnny, Jonathan”

Gebruik in WP All Import

WP All Import gebruikt shortcodes zoals deze om gegevens te manipuleren tijdens het importproces. Door deze specifieke shortcode te gebruiken, kun je ervoor zorgen dat de gegevens in een consistent en gewenst formaat worden geïmporteerd.

Dit is nuttig wanneer je bijvoorbeeld aliasnamen of synoniemen importeert en je de scheidingsteken consistent wilt maken voor verdere verwerking of weergave op je WordPress-site.

Learn.WordPress.org is een gratis online leerplatform ontwikkeld door WordPress zelf om gebruikers en website ontwikkelaars te helpen kennis en vaardigheden te verbeteren. Het platform biedt een breed scala aan educatieve middelen, zoals cursussen, tutorials, workshops en lesplannen, die allemaal gericht zijn op verschillende aspecten van het werken met WordPress.

Learn.WordPress.org

Of je nu een beginner bent die net zijn eerste WordPress website bouwt of een ervaren website ontwikkelaar die dieper in specifieke functies van de block editor wil duiken, Learn WordPress heeft voor iedereen iets te bieden.

Wat kun je leren?

WordPress biedt een verscheidenheid aan cursussen en tutorials voor alle niveaus van WordPress-gebruikers:

Beginnerscursussen: Als je nieuw bent bij WordPress zijn er cursussen die je door de basisprincipes van het opzetten en beheren van een WordPress website leiden. Dit bevat de basis over het WordPress dashboard, het maken van berichten en pagina’s, het aanpassen van je website en het installeren van plugins en thema’s.
Gevorderde cursussen: Voor meer ervaren gebruikers en ontwikkelaars bijvoorbeeld van een WordPress agency zijn er cursussen die zich richten op meer geavanceerde onderwerpen zoals thema-ontwikkeling, het gebruik van de REST API, en het optimaliseren van siteprestaties. Bijvoorbeeld, met de cursus “Introduction to developing with the WordPress REST API” leert je hoe je de REST API kunt gebruiken om data te verzenden en ontvangen tussen je WordPress website en andere applicaties.
Speciale onderwerpen: Learn WordPress biedt ook cursussen over specifieke onderwerpen zoals het bouwen van een aangepaste block theme, het omzetten van shortcodes naar blocks, en het gebruiken van de Site Editor om je gehele site aan te passen zonder code. Deze cursussen zijn ideaal voor gebruikers die specifieke functionaliteiten aan hun site willen toevoegen of hun ontwikkelvaardigheden willen uitbreiden.

WordPress leren

Learn WordPress is een uitstekende gratis bron voor iedereen die zijn WordPress-vaardigheden wil verbeteren, ongeacht je ervaringsniveau. Het platform biedt de tools en ondersteuning die nodig zijn om succesvol te zijn met WordPress.

Voor meer informatie en om te beginnen met leren kun je de officiële website van Learn WordPress bezoeken: learn.wordpress.org.

Database import WP CLI

Het commando wp db import ../my_wordpress_db.sql is een voorbeeld van een WP CLI commando. Dit specifieke commando importeert een database dump in de WordPress database. Hieronder vind je de stap voor stap uitleg van het commando:

wp: Dit is het basiscommando dat aangeeft dat je de WP-CLI tool gebruikt.
db: Dit verwijst naar de database subcommand, wat betekent dat de actie die je uitvoert gerelateerd is aan de database van je WordPress site.
import: Dit geeft aan dat je data wilt importeren.
../my_wordpress_db.sql: Dit is het pad naar het SQL-bestand dat je wilt importeren. In dit geval bevindt het bestand zich één niveau hoger in de directorystructuur dan de huidige werkdirectory.

Wanneer je dit commando uitvoert, zal WP-CLI de gegevens in het my_wordpress_db.sql bestand importeren in de huidige WordPress database, wat betekent dat alle tabellen en gegevens uit het SQL-bestand worden toegevoegd aan je database.

Dit is heel handig voor het snel herstellen van een backup of het migreren van een site naar een andere server. Je regelt dit zonder ingewikkelde codes of aanpassingen in de database via bijvoorbeeld PHPMyadmin.

Wat is WP CLI?

WP-CLI is een command line interface voor WordPress waarmee je verschillende taken kunt automatiseren en beheren zonder gebruik te maken van de webinterface. Dit is handig zijn voor een WordPress agency en website beheerders die snel en efficiënt wijzigingen willen doorvoeren op hun WordPress websites. Met WP-CLI kun je WordPress plugins en WordPress themes beheren, updates uitvoeren, posts en gebruikers aanmaken en nog veel meer, allemaal vanuit de terminal via een veilige SSH-verbinding.

Als website beheerder wil je misschien bepaalde content uitsluiten van weergave om de gebruikerservaring te verbeteren of om specifieke content te beschermen.

In WordPress kun je wachtwoord beveiligde berichten eenvoudig uitsluiten uit de archief loops, zodat deze niet meer worden weergegeven in de overzichten zoals categoriepagina’s, zoekresultaten, of tagpagina’s.

Password protected posts uitsluiten

Met deze code snippet die je kunt toevoegen aan het functions.php bestand van je WordPress thema om dit te bereiken:


function wpb_password_post_filter( $where = '' ) {
    if (!is_single() && !is_admin()) {
        $where .= " AND post_password = ''";
    }
    return $where;
}
add_filter( 'posts_where', 'wpb_password_post_filter' );

De functie wpb_password_post_filter voegt een extra voorwaarde toe aan de SQL-query die WordPress gebruikt om berichten op te halen. Het zorgt ervoor dat alleen berichten zonder wachtwoord worden getoond, tenzij je je in een enkel bericht of het admin-gedeelte bevindt.

CSS transitions zijn een manier om visuele effecten toe te voegen aan veranderingen in CSS-eigenschappen zonder dat je JavaScript hoeft te gebruiken. Transitions zorgen ervoor dat de overgang tussen de oude en nieuwe waarde van een eigenschap soepel verloopt over een bepaalde tijdsduur.

Dit kan worden gebruikt om visuele feedback te geven op gebruikersacties, zoals hover- of klikgebeurtenissen, waardoor de gebruikerservaring dynamischer en aantrekkelijker wordt.

CSS transitions uitgelegd

CSS transitions werken door de verandering van een CSS-eigenschap over een bepaalde tijd te animeren. Ze bestaan uit vier belangrijke onderdelen:

Eigenschap (Property): De CSS-eigenschap die je wilt animeren (bijvoorbeeld width, height, background-color, etc.).
Duur (Duration): De tijd die de overgang duurt (bijvoorbeeld 0.5s voor een halve seconde).
Tijdfunctie (Timing Function): De snelheidscurve van de overgang (bijvoorbeeld ease, linear, ease-in, ease-out, etc.).
Vertraging (Delay): De tijd voordat de overgang begint (optioneel, bijvoorbeeld 1s voor één seconde vertraging).

Voorbeeld CSS transition

Laten we een voorbeeld nemen waarbij we de achtergrondkleur van een knop veranderen als je eroverheen zweeft (hover).

De HTML code

De CSS code


.my-button {
    background-color: blue;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.my-button:hover {
    background-color: green;
}

Uitleg van de CSS

background-color: De eigenschap die we willen animeren.
0.5s: De duur van de overgang is een halve seconde.
ease: De snelheidscurve, wat betekent dat de overgang begint en eindigt langzaam, maar in het midden sneller gaat.
Wanneer je nu met je muis over de knop beweegt, verandert de achtergrondkleur soepel van blauw naar groen over een halve seconde.

Meer over CSS Transitions vind je bij de W3 School.