wordpress blog
alles over WordPress
Cookie Policy popup Plugin
Introducing Mitis Cookie Popup, a lightweight plugin that simplifies the process of cookie consent and policy display on your website. Developed by Webwerkplaats as part of the Mitis series, this plugin offers a minimalist approach to cookie management.
The popup appears in the lower right-hand corner of the page, drawing the visitor’s attention without being obtrusive. When the popup appears, the rest of the page becomes greyed out, focusing the user’s attention on the popup itself. The best part is that the popup only appears once per session, eliminating the need for constant popups or reminders.
With Mitis Cookie Popup, visitors can easily click “OK” and continue browsing without any further interruptions. It’s a simple solution that ensures compliance with cookie regulations while providing a seamless user experience.
Also check out our Mitis RAL to HEX Color Calculator
and the Mitis HEX to RGB and HSL converter
HEX color to RGB and HSL
This lightweight and simple to use plugin allows you to easily convert any hex color code to its corresponding RGB and HSL values.
RAL to HEX and RGB converter plugin
Lightweight and easy-to-use plugin allows you to quickly and easily convert any RAL color code to its corresponding HEX and RGB values.
Jouw website onderhouden door Telos ?
Webwerkplaats koppelt jouwe site aan “Telos WordPress” In 1 oogopslag zien we alle updates, fouten, veiligheidsrisico’s aan jouw site. Zo bewaken we meer dan 39 factoren. Indien nodig ondernemen we actie. Maandelijkse backup is inbegrepen.
All-in-One WP Migration
Hoe maak je snel een backup van de gehele WordPress site, met inhoud? Dat kan met de All-in-One WP Migration plugin. Standaard in iedere website van Webwerkplaats.
Wat is Divi Cloud?
Divi Cloud is een centrale opslag die kun je vanaf iedere site kan zien en gebruiken.
Layouts, secties, rijen en modules kun je dan oproepen in iedere site die je ooit gaat bouwen.
WooCommerce Snippets
Alle code en gebruiksaanwijzing voor snippets om jouw WoooCommerce webwinkel aan te passen. Alle snippets zijn getest en werkend.
Export Import producten met WooCommerce zelf.
WooCommerce zelf heeft ook een import/export functie. Deze genereert snel en eenvoudig een CSV bestand.
Zeer geschikt als backup of voor updaten van de shop.
Exporteren WooCommerce met WebToffee plugin
De Export functie van WooCommerce exporteert keurig alle producten. Behalve de afbeeldingen. Met Webtoffee kun je wel afbeeldingen behouden.
WordPress naar statische HTML website
Headless WordPress wil zeggen dat de inhoud in WordPress staat, maar dat de pagina’s niet door WordPress gegenereerd worden. Sneller en veiliger, maar is dat zo en hoe doe je dat?
Divi Contactformulier namen BOVEN de velden
Zeer eenvoudige CSS code om het contactformulier van Divi net iets mooier te maken. Plaats dit in een child-theme of in de custom css van Divi.
Telos uitgebreid met Google Lighthouse.
Telos bewaakt 24/7 de technische kwaliteit. Nu is Telos uitgebreid met Google Lighthouse SEO. Zo kun je ook de SEO kwaliteit van jouw WordPress site monitoren.
WordPress naar statische HTML website
Er is veel te doen om Headless Wordpress. Dat wil zeggen dat de inhoud in Wordpress staat, maar dat de pagina's op een minder gecompliceerde manier worden weergegeven. Niet door Wordpress. Sneller en veiliger. Maar is dat eenvoudig? En is het sneller? Gatsby en...
Picturae online collectie toegankelijk maken in websites
Geregistreerde musea registreren hun collecties in Adlib of met Memorix Maior. Als de collectie daar eenmaal ingevoerd is kun je dit inbouwen in een WP site.
Wat zijn de belangrijkste SEO factoren
Er wordt aangenomen dat er zo’n 200 factoren zijn die Google bekijkt om tot een waardering te komen van jouw website. Welke zijn het belangrijkst? Zet jouw site hoger in de zoekresultaten.
WordPress Memory limit verhogen
Loop je tegen onverklaarbare fouten aan met jouw WordPress site? Bewerk dan het wp-config.php bestand. Daar in kun je de geheugen limiet aanpassen.
WordPress updaten via mail
Wil je gegevens zoals tekst of uitgelezen waarden via de mail zichtbaar maken op de website, dan kun je dat via een email displayen en updaten op een pagina.
Alle kleuren van Woocommerce veranderen
Pas ALLE kleuren aan van Woocommerce. Tenslotte wil je dat Woocommerce overal jouw huisstijl kleuren volgt. Plaats dit voorbeeld CSS in jouw child theme’s style.css
Hoe maak je een child-theme voor WooCommerce
Met een child-theme maak je een nieuwe layout voor pagina’s in WooCommerce Daar kun je gewijzigde (kopieën) van WooCommerce pagina’s in plaatsen.Een korte handleiding.
Welke afbeeldingen maken een website sneller
Versnel jouw website door te kiezen voor de optimale resoluties en het beste bestandsformaat afbeelding.
Een uitgebreide test en diverse tabellen met de juiste waarden
Hoe voorkom je spam in WordPress?
Een goed wapen in de strijd tegen spam is het versleutelen (cloaking) van email adressen. Hoe werkt dat en welke plugin gebruik je?
Bericht toevoegen in WordPress
Hoe voeg je zelf een Bericht toe in WordPress? Met een paar kleine trucs vooraf en een vaste werkwijze die je je kunt aanleren is dit eenvoudig zelf te doen.
Bezorgen en Afhalen in Woocommerce Website
Haal meer uit uw bedrijf. Voor alle branches geschikt: bestellen, betalen, afhalen of bezorgen met WooCommerce webshops. Een uitleg
Gratis WooCommerce webshop layout
Met de Divi Theme Builder maak je snel en best wel eenvoudig een aantrekkelijk Woocommerce theme. Dit is weer gemakkelijk te importeren in iedere WordPress Woocommerce webshop.
Post Title over SVG pad
Alles recht is te eenvoudig. Wat als je nu de titel van een bericht op een golvende lijn, of iedere andere vorm wilt hebben? Dat kan met deze korte uitleg.
Perspectief on mouse over css voor Divi
Deze regels CSS kun je plaatsen in een child-theme van Divi. Deze laat de Uitgelichte Afbeeldingen van een blog in perspectief kantelen als je de muis er op beweegt.
Hoe maak ik een Child Theme voor Divi?
Een child theme is een extra theme dat gebruik maakt van het originele theme en daar extra’s aan toe voegt. Een uitgebreide uitleg hoe je zelf een child-theme maakt voor Divi.
Dropcaps in Divi
Dropcaps wil zeggen dat de letter groter is dan de rest. Meestal is dat de eerste letter van een alinea of artikel. Divi heeft al een shortcode daar voor maar hoe beïnvloed je het uiterlijk. De shortcode is [dropcaps]D[/dropcaps]ropcaps Als je de shortcode dropcaps...
Wordt een website sneller door foto’s te comprimeren?
Sinds dat Google de snelheid van een website ook laat meetellen in de ranking is het comprimeren van afbeeldingen op een website een hot item. Los van Google: een gemiddelde bezoeker geeft een webpagina 8 seconden. Dan wil je niet daar er ook nog 4 seconden laadtijd...
Plugin Download Manager door W3 Eden
De Download Manager Plugin van W3 Eden is een ideale plugin om downloads beschikbaar te maken voor bezoekers van de website. Goed beveiligd en lekker eenvoudig. Bijkomend voordeel is dat het ook laat zien hoe vaak een bestand is gedownload. Inzicht in de interesses...
Javascript toevoegen aan Divi
Soms is het nodig om extra functionaliteit toe te voegen aan de website, in de vorm van een Java script. In Divi heb je daar 3 manieren voor. in de header code toevoegen via Divi>Integratie>Header Code in Divi's Code Module in het functions.php file van het...
Divi tekst alleen zichtbaar als je ingelogd bent
Stel je wilt dat bepaalde inhoud alleen zichtbaar is voor ingelogde gebruikers. Dan kun je dit met plugins beveiligen maar hoe minder plugins, hoe beter. Divi heeft daarom zelf een ingebouwde shortcode. Alles tussen de shortcodes blijft onzichtbaar voor niet-ingelogde...
Beschikbaarheid en reserveringen met WordPress en script
Bij toeval vond ik een erg fraai script van PHPJabbers voor het reserveren / boeken voor kamers, B&B's, hotels of een vakantiehuis (of vakantiehuizen). Helaas hebben zij geen plugin voor Wordpress dus ik heb het aangeschaft om te zien of dat script (en omdat ze...
Iemand heeft verzocht om het wachtwoord opnieuw in te stellen:
Er waart een nieuwe phishing mail rond: Iemand heeft verzocht om het wachtwoord opnieuw in te stellen. Ga hier niet op in
Cloud Opslag vergelijken
Er zijn vele aanbieders van cloudopslag. Ze bieden zeer diverse gratis starters pakketten en uitbreidingsmogelijkheden. U vindt in dit artikel de meest bekende, vergeleken in opslag capaciteit en de prijs per Gigabyte bij de eerste betaalde uitbreiding. Het is een...
WP Fulltext Search getest
Hoe breidt je de zoekfunctie van Wordpress uit? De zoekfunctie van Wordpress beperkt zich tot de inhoud van de database. De plugin WP Full Text Search bredit dat uit. Iedereen weet dat de zoek functie van Wordpress te wensen over laat. Deze kijkt niet verder dan de...
Google Web Stories voor WordPress
Kan Google Webstories de vindbaarheid verbeteren? Er wordt algemeen aangenomen dat de vindbaarheid gaat verbeteren voor gebruikers die Google gebruiken op telefoons. Google heeft een gratis plugin uitgebracht om Webstories in een Wordpress site te maken. Weliswaar in...
Introductie Elegantthemes Divi theme
Divi is zonder meer het beste theme dat er is. Niet alleen de stabiliteit op allerlei apparaten, snelheid maar ook support en extra's die er voor te koop zijn. WYSIWYG. Wat je ziet is wat je krijgt. Je kunt pagina's en berichten bewerken aan "de voorzijde". Dat...
Cursus 1 Zelf een website maken met Divi
Hoe maak je een nieuwe pagina in Divi en plaats je de Secties, Rijen en Modules. Deze basis kennis is ook van toepassing op het bewerken van bestaande pagina’s.
Cursus 2 Pagina aanmaken in Divi
Aangekomen bij Deel 2. Als je de betekenissen van de kleuren van de "blokken" een beetje hebt onthouden en de betekenis van de diverse knoppen, dan zal het volgende filmpje geen raadselen opleveren. We gaan eerst een pagina openen. Automatisch staat er dan al een lege...
Cursus 3 Nieuw Bericht aanmaken
Berichten zijn eigenlijk pagina's die echter werken op volgorde van datum en toegewezen kunnen worden aan categorieen. Meestal zijn pagina's "de kapstok". De vaste inhoud van een website. Ze zijn bereikbaar via het menu. Berichten worden gebruikt voor bijvoorbeeld...
Cursus 4 Functies in tekst editor
Hier zie je hoe de meest gebruikte bewerkingen in de tekst editor worden uitgevoerd. We beginnen met tekst heel klein te maken door ze een <h6> mee te geven. <h6> is niets meer dan een code die aangeeft dat de letters de eigenschappen van het font dat...
Cursus 5 Lettertypes aanpassen in Div
In deel 4 zie je hoe je een H1 tm H6 kunt meegeven aan een stuk tekst waardoor je je dit deel va de tekst apart kunt stijlen.Nu gaan we als voorbeeld iets wat al gedefinieerd is als <h1> ook een andere grootte, lettertype en kleur geven. Het stylen van...
Divi Presets gebruiken
Wat zijn presets in Divi? Presets zijn vooraf opgeslagen stijlen voor vrijwel alle elementen die je gebruikt bij de bouw van een website met het Divi Theme. Divi heeft weer een nieuwe functie. Presets ! Dat wil zeggen dat je iets vorm kunt geven en dat met 1 druk op...
Modula Foto Gallerij
De Modula plugin levert 1 van de fraaiste foto galerijen op die ik gezien heb. Hun website vind je hier. De gratis download hier.Ook op tablets en telefoons werkt het keurig. Een korte handleiding hoe je een galerij opzet, want dit is echt een aanrader. En nee, dit is...
Gebruikers rollen in WordPress
Wat zijn gebruikersrollen in Wordpress? Wordpress kent 5 gebruiker rollen. Zo kun je het beheer / onderhoud verdelen over meerdere mensen. Om in te kunnen delen wat men wel en niet mag kun je een gebruikers rol toewijzen. Abonnee, schrijver, auteur, redacteur en...
Uitschakelen van auto updates in WP 5.5
Hoe schakel je auto update uit in Wordpress? Wordpress 5.5 update automatisch de core, de themes en de plugins. Met deze snippets kun je de nieuwe features naar believen uitschakelen. Je kunt het lazy loading uitschakelen door:add_filter( 'wp_lazy_loading_enabled',...
Eigen Custom Cursor met CSS in Divi
Leuke truc. Verander de cursor in een zelf gemaakte cursor. In dit geval een winkelwagen. De code die hieronder staat laat de cursor veranderen in een winkelwagen boven afbeeldingen
Touch tafels en zuilen
Voor een project van een museum waar ik in participeer kwam ik in aanraking met de wondere wereld van digitale tafels. (maar dan met Windows OS) Zowel de hard- als de software. Hieronder een korte uitleg over deze schitterende mogelijkheden. Digitale tafel hardware...
Wat is lazy loading ?
Iemand die lui is (lazy) stelt graag dingen uit totdat het echt nodig is. Dat kan een website ook. Pas afbeeldingen en zelfs tekst pas laden als het zichtbaar moet worden. Een website bestaat uit tekst, plaatjes, stuurtekens of misschien een filmpje ? Als je een...
CSS ID of Anchor gebruiken in een knop of menu
Hoe kun je met een menukeuze of knop scrollen naar een bepaald deel van de pagina (of bericht)In deze uitleg gaan we alleen in op hoe je dit aanbrengt in Divi Als je een one pager website maakt kan die vrij lang worden. De bezoeker zou vrij ver moeten scrollen om...
Divi Contactformulier instellen
Als je in de builder van Divi de module Contactformulier hebt geplaatst moet je die natuurlijk wel vertellen aan wie de reacties gemaild moeten worden. Ga in de visual builder naar de module Contactformulier en klik op bewerken Het onderstaande scherm opent zich.Bij...
Ik wil een website. Hoe pak ik dat aan ?
In de afgelopen jaren heb ik gemerkt dat een website voor velen toch een heel proces lijkt. Niet zelden wordt hier erg tegen op gezien. Hoe kun je dit proces zelf toch snel en gemakkelijk inrichten? Meer dan een visitekaartjeLaten we beginnen met wat een website niet...
Adlib en WordPress
Musea en bibliotheken of diverse archieven gebruiken Adlib voor de registratie van Objecten.
Culture Object kan Adlib weer geven IN de bestaande WordPress site.
Divi CAPTCHA kleur veranderen
In het Contactformulier van Divi zit geen instelling voor de kleur van de tekst van Captcha sommetje. Een eenvoudige CSS truc om die kleur toch te veranderen.
Meer over Plugins selecteren
Gratis plugins zijn over het algemeen ook goed maar je kunt ze beter even keuren en niet klakkeloos uploaden in WordPress en Activeren. Hoe doe je dat?
De simpelste plugin om zelf te maken
Wat een plugin is en doet, hoe je zoekt en keurt heb ik in een vorig artikel beschreven. In dit artikeltje staat de PHP programmeertaal voor de simpelste plugin die er maar mogelijk is. Met dit als basis kun je zelf experimenteren en uitbouwen. De code hieronder is...
WP Photo Sphere Plugin
Al eerder beschreef ik plugins en scripts om 360 graden panorama views (foto’s) in een website te krijgen. HTML en WordPress. Er zijn vele wegen die naar Rome leiden maar na dagen experimenteren kan ik eigenlijk nergens anders op uitkomen als WP Photo Sphere....
Wat is SVG en hoe vergelijkt dit tot de gangbare afbeelding formaten?
Vaker en vaker zie je SVG afbeeldingen verschijnen op websites. Maar wat zijn de voor- en nadelen? Eerst een korte uitleg, heeeel kort door de bocht wat het verschil is tussen een bitmap en een vector afbeelding.Bitmap wil zeggen een kudde pixels, op volgorde (met...
Is of wordt SSL belangrijk ?
Wat is SSL ?SSL betekent “Secure Socket Layer”. Het is een beveiligde verbinding. Het maakt het bekijken van data van- en naar de website heel moeilijk. (ik houd niet van het woord onmogelijk) Het is toch wel een vereiste voor websites die met privacy gevoelige...
“Mixed Content” na overstap naar SSL
Als de site gewijzigd is van http naar https (SSL certificaat aangebracht) dan kan het zijn dat de site nog links bevat met http. Daar krijg je dan meldingen over en/of het woord https wordt rood en doorgestreept.Klanten van Webwerkplaats kunnen even een mailtje...
Ken je deze browser al? Vivaldi?
Vivaldi is niet nieuw. Dit open source project werd al gespot in 2014 en in 2016 kwam de eerste release. Ik kwam het toevallig weer tegen en was benieuwd of dit bruikbaar was.heb hem nu een tijdje gebruikt en moet zeggen dat het een gedeelde eerste plaats heeft bij...
Gratis Alternatief voor Google Maps
Ik zie steeds meer websites waar de Google Maps met locatie niet meer werkt.Je ziet dan een grijze kaart met de melding "Google Maps kan niet correct op deze pagina worden geladen"Voor Google Maps op uw site heeft u tegenwoordig namelijk een account nodig. Die moet je...
IBM Watson als virtuele assistent
Misschien heeft u gezien dat Webwerkplaats een chatbox heeft gehad. Los van het feit dat ik altijd al geïnteresseerd ben geweest in Kunstmatige Intelligentie (AI) vond ik het interessant om te zien of zo’n chatbot ook leidt tot een hogere conversie. Echte reacties die...
Touch Tables
Voor Museum Deelen had ik al eens een digitale tafel ingericht. Ik was erg onder de indruk van de mogelijkheden. De fantasie sloeg op hol.... Je komt een restaurant binnen en bij de ingang staat een informatiezuil met een touchscreen. Maak een keuze uit de menukaart...
Grote bestanden delen met WeTransfer
Kleine bestanden kunnen eenvoudig via de mail verstuurd worden. Maar als het veel groter wordt dan is het mooier om dat te doen via de gratis service WeTransfer. Met Wetransfer kun je grote bestanden tot 2 Gigabyte verzenden Zo hoef je je eigen mailbox en die van de...
Hoger in Google of Conversie ?
Regelmatig krijg ik de vraag of ik kan helpen om een site beter te laten scoren in Google. Meestal is er wel winst te behalen maar hoe scoor je eigenlijk met de bezoekers die je wel krijgt ?Een voorbeeld. Stel je hebt een winkel op een B locatie en er komen...
POP of IMAP email instellingen ?
Wat is het verschil tussen POP en IMAP?Je kunt outlook op 2 manieren instellen om je e-mail op te halen: POP en IMAP. POPBij POP wordt de mail vanaf de server gekopieerd naar uw eigen PC. Daarna wordt de mail gewist van de server.Voordeel: als een mailbox groeit, zal...
De site ondervindt technische problemen
Met de nieuwe functie van WordPress (hoger dan 5.2) hebben we er een vervelend fenomeen bij. WordPress zoekt zelf “fouten” en schakelt de website uit met 1 van de volgende meldingen:De site ondervindt technische problemen.The site is experiencing technical...
Steganografie
Steganografie is het verstoppen van informatie in afbeeldingen en zelfs muziek bestanden. Hoe maak je dit en hoe wordt het gebruikt ? Hier onder een afbeelding die ik gebruikt heb voor een inleiding voor het Divi theme in mijn blog. Niks aan te zien toch ? Toch staat...
Back to top knop vormgeven
De "back to top" knop, verschijnt als je ver naar beneden scrollt op een pagina. Met 1 klik ga je dan weer naar de bovenkant van die pagina. Erg handig en gebruikersvriendelijk. Nou is de grijze kleur niet echt opvallend en als perfectionist wil je toch dat die knop...
Wat is schema.org ?
Inleiding Schema.org wordt ondersteund door alle grote zoekmachines zoals Google, Bing, Yahoo! en Yandex. Het is een "markup" een gestructureerde lijst die aan zoekmachines vertellen wat nu eigenlijk een stuk tekst inhoudt. Of het een breadcrumb is of het adres, of de...
Divi Visual Builder
Het Divi theme is eigenlijk de enige echte "bouwdoos". Je bouwt nu een pagina zichtbaar op. Ze noemen het de Visual Editor. Daar bedoel ik mee dat je direct ziet wat je verandert en IN het zichtbare ontwerp bewerkingen kunt uitvoeren. Niet meer iets in de editor maken...
Inhoud van een wordpress website exporteren
Wist je dat je de inhoud van een wordpress website eenvoudig kunt exporteren ? In tegenstelling tot WP Clone maakt deze mogelijkheid een export, puur van de inhoud (content) WP Clone pakt de database.Een snelle en eenvoudige methode om de inhoud van jouw...
De mails van mijn site verdwijnen in de GMail Spambox
De spamfilter van GMail staat standaard op behoorlijk streng. Hoe kun je GMail zo instellen dat alle mails van mijn website doorgelaten worden? Niet in de spambox verdwijnen. U kunt een lijst met goedgekeurde afzenders maken die de spamfilters moeten overslaan. U kunt...
Split test of A/B test in Divi
Ik ben zeer geinteresseerd in hoe men een website gebruikt. Waar let men op? Waarom gaat men tot actie (kopen, boeken, huren enzo) over? Hier zit een ferm stuk psychologie achter. Stel we hebben een header met wervende tekst en daaronder een knop “kopen”. Welke kleur...
Cloud opslag
Is opslag “in de cloud” iets voor mij ?Ja, vrijwel zeker ! Simpelweg omdat het veel voordelen heeft. Men kan de bestanden overal ter wereld bekijken, met een willekeurige telefoon, tablet of computer, zolang die maar internet verbinding heeft. Het staat niet op jouw...
Gutenberg uitschakelen of gebruiken?
WordPress 5.0 zet met Gutenberg de eerste stappen richting een pagebuilder. Veel van mijn klanten vinden het onnodig ingewikkeld en willen er van af. Is dat verstandig ? Moet je Gutenberg uitschakelen of leren gebruiken? Heel veel vragen kwamen over de “plotselinge”...
Handleidingen
Mijn laatste 2 websites worden geheel onderhouden door de eigenaren zelf. Opmerkelijk, want ik hoor dit steeds vaker. Webwerkplaats blijft weliswaar op de achtergrond aanwezig voor raad en daad, maar de gehele inhoud beheert men liever zelf. Dat is een keuze. Meestal...
Acumulus
Een stukje over een boekhoudpakket ? Ja! Het lijkt wat “uit de richting” van de andere artikelen maar dit pakket heeft een schitterende koppeling met WooCommerce en WHMCS. En dat maakt het zeer de moeite waard Op zoek naar een boekhoud pakket wat je echt ontlast van...
360 Panorama in HTML website
Als je WordPress hebt is het “inbouwen” van een 360 graden panorama foto eenvoudig te doen met een plugin. Voor HTML sites is het een hele andere methode om een viewer zichtbaar te maken. Hiervoor maken we dankbaar gebruik van Photo Sphere Viewer van Jeremy Heleine....
Divi Project Slider als fotostrip
Deze Divi Project slider kan erg mooi “misbruikt” worden om 1 rij foto’s als een horizontale band op de pagina te plaatsen. Een fotostrip ? Plaats je daar meer van onder elkaar dan kijg je een fraai foto “wand” idee. Maar als het nu echt alleen foto’s moeten...
CultureObject voor Musea
Adlib in Wordpress Adlib is wereldwijd de standaard voor het registreren van objecten in collecties van musea. In Adlib wordt bijvoorbeeld een schilderij beschreven. De Titel, de Techniek (olie op doek), de beschrijving, tijdperk/jaartal, de maker en enkele anderen....