Blog
WooCommerce Snippets
WooCommerce is prachtig maar tricky om te personaliseren. Hier onder de code en gebruiksaanwijzing voor een aantal...
Telos uitgebreid met Google Lighthouse.
Telos is uitgebreid! Data van Google Lighthouse wordt nu verzameld en gerapporteerd in het...
WordPress naar statische HTML website
Er is veel te doen om Headless Wordpress. Dat wil zeggen dat de inhoud in Wordpress staat, maar...
Picturae online collectie toegankelijk maken in websites
Geregistreerde musea registreren hun collecties in programma's zoals Adlib of met Memorix Maior. Als de collectie daar eenmaal ingevoerd is kun je online door de collectie(s) heen "wandelen". Webwerkplaats kan op ZZP basis uw museum helpen met online collecties. De...
Wat zijn de belangrijkste SEO factoren
Belangrijkste Google Ranking Factoren Wat zijn de meest belangrijkste factoren om hoog te scoren in Google en andere zoekmachines? Hoe bereik je de top van Mount Google? Onderzoekers denken dat er ruwweg zo'n 200 factoren zijn die Google bekijkt om tot een waardering...
WordPress Memory limit verhogen
Loop je tegen onverklaarbare fouten aan met jouw Wordpress site?500 server error of anderen? FTP dan het wp-config.php bestand (staat in de root, de hoofd directory van de site) naar jouw PC. Open het met een editor zoals programmers notepad.Daar in kun je de geheugen...
WordPress updaten via mail
Heb je een systeem dat jou via de mail de status laat zien (GBH, zwembad, weersbericht, status zonnepanelen)? Wil je dat zichtbaar maken op de website, dan kun je die mail laten oppakken door jouw site en displayen op een pagina. GBH (Gebouw Beheers Systemen) hebben...
Alle kleuren van Woocommerce veranderen
Hoe pas je de kleuren aan van Woocommerce? Alle kleuren! Tenslotte wil je dat Woocommerce overal jouw huisstijl kleuren volgt. De CSS hier onder gaat in jouw child theme's style.css. Vervang alle "MIJNKLEUR" door jouw eigen (hex code) kleur.[code].woocommerce #content...
Hoe maak je een child-theme voor WooCommerce
Hoe maak je een nieuwe layout voor pagina's in WooCommerce? Belangrijker nog: hoe doe je dat zonder dat bij de volgende update de wijzigingen overschreven worden? Het antwoord is: met een child-theme. Daar kun je gewijzigde (kopieën) van WooCommerce pagina's in...
Welke afbeeldingen maken een website sneller
Afbeeldingen bepalen voor een groot deel de laadsnelheid van web pagina's. Is een pagina snel? Dan kom je hoger in de zoekresultaten. Welke resoluties zijn het beste en welk bestandsformaat afbeelding moet je gebruiken om een pagina zo snel mogelijk te laten laden?...
Uw website onderhouden door Telos ?
Uitbesteden van ALLE technisch onderhoud voor Wordpress websites kan bij Webwerkplaats' nieuwste dienst: Telos Wordpress. Voor 159,- euro ex. BTW bent u 1 jaar volledig ontzorgd! Vanaf Wordpress 5.5 worden de thema's en de plugins (als je dat aan zet) automatisch...
Wat kan mijn site doen tijdens de corona crisis?
Jouw website is door de corona maatregelen veel belangrijker geworden. In de bezoekers statistieken van de vele bedrijven waar ik de website voor onderhoud (met name horeca en winkels) zie je dat "Openingstijden" nu de meest bezochte pagina is van iedere website. Wat...
Hoe voorkom je spam in WordPress?
Eerst even een korte uitleg over hoe je eigenlijk op spam verzend lijsten komt te staan. Je komt op spam lijsten doordat "bots", kleine automatische programmaatjes, over het internet zwerven en de email adressen in een site zoeken en opslaan. Ze zoeken naar "mailto:"...
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. Een stap-voor-stap uitleg...Eerst wat voorbereidingen.Ten eerste de "uitgelichte afbeelding". De afbeelding...
Bezorgen en Afhalen in Woocommerce Website
Heeft u een bedrijf dat (zeker tijdens Covid) de online mogelijkheid wil bieden om bestellingen aan te nemen en vervolgens af te laten halen en/of te bezorgen. Dan is de plugin van CodeRockz de oplossing. Om dit te demonstreren staat dit volledig werkend op een demo...
Gratis WooCommerce webshop layout
WooCommerce shops zijn nogal "kaal". Met Divi kan dat eenvoudig veel aantrekkelijker gemaakt worden. Met de Divi Theme Builder is er snel en best wel eenvoudig een aantrekkelijk Woocommerce theme gemaakt. Het beste nieuws is dat dit ontwerp, theme, gemakkelijk te...
Post Title over SVG pad
Alles recht is te eenvoudig. Wat als je nu de titel van een bericht eens speels op een golvende lijn, of iedere andere vorm wilt hebben? Om hier een leuke exercitie van te maken zetten we eerst de PHP om de title van het huidige bericht weer te geven in een shortcode....
Perspectief on mouse over css voor Divi
Wat gaan we doen? Een stukje CSS om te 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. Een erg aantrekkelijke vormgeving.Als je een child-theme hebt, plaats dat dan in het...
Hoe maak ik een Child Theme voor Divi?
Wat is een child theme ? Een child theme is een extra theme dat gebruik maakt van het originele theme en daar extra's aan toe voegt. Waarom? Stel dat je extra CSS toevoegt aan he originele theme. In feite niks mis mee maar (zeker nu met de auto=update functie van...
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...
Inroductie 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
Als je gewend bent aan een conventioneel Wordpress thema, dan zal Divi een verademing zijn. Nu bewerk je datgene wat de website bezoeker ook ziet. "Aan de voorzijde" noemt men dat in Divi. Voordat we starten... We gaan eerst pagina's aanmaken. (Nog) geen berichten....
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 visitekaartje Laten we beginnen met wat een website niet...
Adlib en WordPress
Eerder schreef ik al over Adlib en WordPress. Voor degenen die dit gemist hebben, kijk hier, of lees even de volgende achtergond: Veel kleinere en grotere musea gebruiken WordPress. Veel musea maar ook bibliotheken of diverse archieven gebruiken Adlib.Simpelweg omdat...
Divi CAPTCHA kleur veranderen
Als trouw fan van Divi, HET theme van Elegantthemes stuit ik regelmatig op de beveiliging van het contactformulier van Divi. Als CAPTCHA (beveiliging tegen misbruik van robots van het contactformulier) moet je 2 getallen optellen en de uitkomst invullen in...
Meer over Plugins selecteren
Plugins zijn eigenlijk extra programmaatjes die iets toevoegen aan de standaard functionaliteit van WordPress.Denk hierbij aan fotoalbums, speciale contactformulieren, tot aan complete applicaties voor het MKB zoals WP Car Manager die ik hier eerder al beschreef. Deze...
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....