, ,

Ik ga voor groen met groene websites en hosting, reductie van CO2 en het planten van bomen.

Is jouw website of hosting groen?

Ook je website laat een ecologische voetdruk achter en stoot CO2 uit. Al met al wordt 10% van het energieverbruik veroorzaakt door alles wat digitaal is.

Hosting providers proberen daarom steeds meer gebruik te maken van groene stroom en door het energieverbruik te verminderen. Het verschil wordt gemaakt door hun datacenters. Datacenters zorgen nu voor 2 á 3% van alle energie op de wereld. Dat is bijna net zoveel als het luchtverkeer.

Hosting providers laten daarom nu graag zien dat ze groen zijn. Maar daar zit wel verschil in. Er wordt hierbij wel gesproken,van echt groen, halfgroen en ‘sjoemelgroen’, zoals er ook niet echt groene stoom maar sjoemelstroom wordt verkocht.

Check hoe groen jouw hosting is

Je kunt nu op de Green Web Foundation checken hoe groen jouw website wordt gehost, en dus hoe groen jouw hosting provider is. Het kan zijn dat je hier een andere naam ziet dan de partij van wie je de facturen krijgt, want veel hosting providers zijn inmiddels overgenomen door een groter bedrijf.

lekkerscherp-green-website-hosting

Je kunt ook checken bij Websitecarbon.com hoeveel jouw website aan CO2 uitstoot.

piripiri-lekkerscherp-co2-neutraal-website-carbon

Wat kun je met je website doen aan die CO2-uitstoot?

  • Overstappen naar een (meer) groene hosting provider
  • Het aantal plugins op je website verminderen en bijvoorbeeld door programmeercode (laten) vervangen
  • Kijken hoe je (het laden van) je website kunt versnellen
  • Je vindbaarheid in Google (door mij laten) verbeteren zodat mensen minder hoeven te zoeken
  • Een boom laten planten

Wat doe ik?

Ik maak ook de keuze voor groene hosting, optimaliseer sites in snelheid en voor Google en ik plant voor elke website die ik maak een boom via Trees for all, waarmee iedereen een steentje kan bijdragen aan energieneutraal werken. Ik besef dat deze bijdrage een druppel op de gloeiende plaat is, maar als iedereen hieraan mee zou doen…

trees-for-all-duurzame-websites
Tijdens de laatste bijeenkomst van Women on the Web, als sinds 2000 een groot en solide netwerk van websitedesigners, spraken we ook af dat we ons hiervoor willen inzetten en werken we hierbij samen.

Ik sponsor – met digitale oplossingen – het zwerfvuilproject van Stichting HelemaalGroen.

Sponsor van HelemaalGroen-NL

Wat kan ik voor jou doen?

Met de vindbaarheid in Google kan ik je heel goed helpen. Met de andere zaken ook, als je besluit klant bij mij te worden. Neem contact op om de mogelijkheden te bespreken.

175 keer gelezen

,

Website StabatMater.info

Voor een betere vindbaarheid in Google is het soms ook beter om de website een flinke update te geven, zeker als die al wat jaren oud is.

Met een nieuw theme wordt de site alweer snel gebruiksvriendelijker, ook voor mobiel, sneller in het laden en is die voor Google veel beter te optimaliseren.

Dit werkte ook zo voor stabatmater.info waar daarna ook de belangrijkste pagina’s voor Google door mij zijn geoptimaliseerd.

stabat-mater-website-google-seo

 

Gemaakt door:
Piri Piri LekkerScherp.Online (advies voor website, online marketing en seo).
Bronwasser Websites (bouw)
Karen Folkertsma (design)

116 keer gelezen

, ,

LearnDash leeromgevingen

Nieuwe leeromgevingen voor ‘Veerkracht ontwikkelen’ opgeleverd voor Seahorse Solutions, zowel voor Nederlands als Engels publiek. Op maat gemaakt. De leeromgevingen zijn alleen toegankelijk na uitnodiging.

Gemaakt met LearnDash.
online-leren-leeromgeving-coach

146 keer gelezen

,

Website ‘Praktijk voor Kind en Jeugd’

Nieuwe website voor Evelien Speel-Flierman, kinder- en jeugdpsycholoog. Met ook aandacht voor haar boekje Oskar, een prentenboek dat ze maakte voor ouders met kinderen van 2-8 jaar. Over het omgaan met emoties en spanning:

Kind en Jeugd Praktijk, Evelien Speel.

Zie praktijkvoorkindenjeugd.nl

130 keer gelezen

, ,

Website Fietsen op Maat

Voor Fietsen op Maat mocht ik weer een nieuwe website maken. Nu met ook een Engelse en Duitse versie. Fietsen op Maat biedt handige oplossingen voor mensen die toch willen blijven fietsen bij problemen met knie, heup of protheses. Of die een verschil in beenlengte hebben.

Zie fietsenopmaat.com

Website Fietsen op Maat, fietshulpmiddelen.

98 keer gelezen

,

Waar installeer je je online academy of leeromgeving in WordPress?

Waar installeer je je online academy of leeromgeving in WordPress?

Je wil een leeromgeving of ‘online academie’ toevoegen aan je WordPress website. Wat is dan de handigste oplossing? Vaak wordt aangeraden om hiervoor een aparte site, en met dus een aparte domeinnaam, op te tuigen. Wat is hiervan de meerwaarde?

Belangrijk is: beheersbaarheid, beveiliging en vertrouwen

Zichtbaar in Google, is ook zichtbaar voor hackers. Dat is de eerste reden om je leeromgeving niet toe te voegen aan dezelfde WordPress installatie en database van je hoofd- of marketingsite, want die moet natuurlijk wél goed gevonden worden.

Om voor een leeromgeving alles goed in te stellen, met bijvoorbeeld WishList Member, dat is nog best een uitdaging. Waar mogen je cursisten wel of geen toegang toe hebben? Voor je het weet heb je ook de hoofd- of marketingsite geblokkeerd voor bezoekers. En ik ben niet de enige (webbouwer) die dat wel eens is overkomen.

Maar dan ook, als je voor je leeromgeving een heel andere website en domeinnaam gebruikt, hoe weten jouw potentiële cursisten dan dat het ook echt jouw aanbod is? Moet je bezoekers daarvoor dan weer voor doorverwijzen naar je (marketing)site? Je betaalt voor deze oplossing bovendien voor 2 domeinnamen en hostingpakketten.

Mijn advies: Gebruik een subdirectory

Je leeromgeving niet direct koppelen aan je (bestaande) installatie en database van je marketingsite, is dus een heel goed idee. Maar op een andere website met een (heel) andere domeinnaam hoeft nu ook weer niet, en daar kleven ook bezwaren aan. Gelukkig kun je ook prima gebruikmaken van een subdomein of subdirectory van je bestaande site en domeinnaam.

Een subdomein ziet er zo uit: leeromgeving.lekkerscherp.nl

Een subdirectory ziet er zo uit: lekkerscherp.nl/leeromgeving

Het aanmaken van een subdirectory is veel gebruiksvriendelijker en makkelijker om te doen. Je maakt (met ftp) een aparte map in je bestaande WordPress installatie, bijvoorbeeld /leeromgeving en voor deze installatie maak je ook in het admin panel van je webhosting een aparte database. Hiermee maak je een aparte WordPress installatie en subsite voor je leeromgeving binnen je bestaande hostingpakket. Zorg er vervolgens voor dat deze subsite door Google niet geïndexeerd kan worden.

Voor het maken van een online leeromgeving kan ik je de tool en plugin van LearnDash aanraden, deze is zeer uitgebreid en (ook voor je cursisten) zeer gebruiksvriendelijk.

Meer weten?

Neem vrijblijvend contact op.

190 keer gelezen

, , ,

Kun jij snel inspelen op veranderingen, zoals corona? En met je website?

online-marketing-zelf-bewerken-onderhouden-wordpress
Juist in deze tijd van Corona wil – en moet – je als ondernemer snel kunnen inspelen op veranderingen.

– Is je B&B nog open?
– Is jouw winkel open?
– Bezorgt jouw restaurant nu in de buurt?
– Welke regels hanteer je nu?

Bedrijven zie je nu deze informatie wel op Facebook delen, maar de informatie op hun website blijft vaak onveranderd.

Wat een gemiste kansen!

Met een WordPress site kun je zelf makkelijk berichten op je website plaatsen.

En met mijn expertise maak ik je ook supergoed vindbaar in Google.

Meer weten?

Ik vertel je er graag meer over.

290 keer gelezen

,

Website Helemaalgroen.nl

128 keer gelezen

Lees meer

128 keer gelezen

, , ,

Cybercrime is toch alleen bij grote bedrijven?

cybercrime‘Ik heb een site waar ik alleen mijn schilderijen op laat zien. Waarom heb ik dan zoveel beveiliging van mijn site en een onderhoudsabonnement nodig? Hackers zijn toch niet in mij geïnteresseerd?’

Hack pogingen worden nog maar zelden door snotneuzen gedaan. Het is serious business is geworden. Het gebeurt geheel geautomatiseerd met robots die willekeurig alle websites afgaan, op zoek naar zwakke inloggegevens, oude versienummers van WordPress of plugins. Met gehackte sites kunnen ze in hun ogen wél belangrijke sites platleggen of er spam mee te versturen, en dat schijnt enorm lucratief te zijn.

Het maakt dus niet uit of je in jouw ogen een wel of geen ‘kleine site’ hebt.

Behalve dat na een hack je site uit de lucht is, kan de provider ook besluiten je e-mail erbij af te sluiten totdat alles weer is schoongemaakt en gedubbelcheckt. Dat kan dagen tot soms weken duren voordat ze daar weer goedkeuring aan geven. Een besmette site kan namelijk ook hun servers verder bedreigen.

Met goed onderhoud hebben de robots minder kans om ‘zwakheden’ in je sites te kunnen benutten. En goed onderhoud is:
– vaker updates doen
– de site regelmatig checken op ‘aangeplakte’ bestanden die robots soms ook weten toe te voegen
– de rechten/toegang voor mappen en bestanden net voldoende openzetten voor gebruik en voldoende dicht voor onbevoegden
– codes toevoegen aan bepaalde bestanden om ook die weer te beveiligen, en dit is ook altijd in ontwikkeling, vaak ook in samenspraak met collega’s en Sohosted. Soms komen webbouwers eerder achter nieuwe soort aanvallen, soms Sohosted. Ik volg hiervoor ook grotere netwerken.
– regelmatig back ups maken, zodat je meteen weer online en ‘schoon’ bent mocht het misgaan, en met je laatste versie uiteraard.

Voor meer onderhoud, spendeer ik tegenwoordig dubbel zoveel tijd en meer kosten aan opslagruimte en tools dan een jaar geleden, en moet ik vaker kleine (niet verwachte) veranderingen controleren als zo’n tool begint te piepen. En dat is net zoveel werk als bij sites die vaker worden bezocht.

Heb je een in jouw ogen wat ‘kleine site’, de gewenste beveiliging is er niet minder om!

 

111 keer gelezen

Wel of niet updaten naar WP 5.0?

Het belangrijkste van deze nieuwe versie 5.0, ‘Gutenberg’ genoemd, is de editor die gebruiksvriendelijker is gemaakt,  waarmee je de opmaak van je tekst aanpast en de lay out van je pagina bijvoorbeeld. Maar helemaal stabiel is dat nog niet, en ook niet met de diverse WordPress themes en plugins.

Heb je een onderhoudscontract bij mij, dan is WordPress 5.0 al wel geïnstalleerd, maar kun je gewoon nog op de ‘oude manier’ je teksten en opmaak blijven bewerken.

Doe je zelf het onderhoud en heb je al op updaten geklikt, ziet de editor er raar uit en/of werken bepaalde functies niet meer? Installeer dan de plugin ‘disable gutenberg’ of de plugin ‘klassieke editor’. WordPress 5.0 blijft gewoon draaien en je hebt je vertrouwde editor weer terug.

Voor alle updates blijft gelden: Maak eerst een back up die je zo nodig terug kunt zetten. Een handige en gratis plugin hiervoor is Duplicator.

Meer weten over Gutenberg? Zie dan ook yoast.com/what-is-gutenberg

131 keer gelezen

,

Maak je Gravity formulier AVG proof

Gravity Forms is een geweldige plugin voor je contactformulier(en). Gebruik je deze plugin, dan worden de gegevens die iemand invult naar je e-mailadres gestuurd én op je website opgeslagen. Althans, zo lijkt het. In werkelijkheid worden de gegevens in je WordPress database opgeslagen.

Met het oog op de AVG, de nieuwe privacy wetgeving, betekent dat ook het nodige voor de beveiliging van je website en database. Deze plugin biedt uitkomst, en zorgt ervoor dat de gegevens niet meer in je database worden opgeslagen: Wider Gravity Forms Stop Entries.

Na het installeren van deze plugin, kun je in het WordPress dashboard via Instellingen eenvoudig aanvinken voor welke formulieren je geen opslag in je database meer wenst. De formulieren worden nu alleen nog naar je e-mailadres gestuurd.

Dit geldt voor nieuwe inzendingen die met Gravity Forms worden gedaan. Eerdere inzendingen zul je handmatig moeten verwijderen.

gravity-forms-stop-entries

553 keer gelezen

Hoe ziet dat er nou uit, de achterkant van een WordPress site?

Allemaal leuk en aardig dat ze zeggen dat een WordPress site gebruiksvriendelijk is, maar als je verder geen idee hebt…

Daarom deze inkijk ‘aan de achterkant’.

WordPress, gebruiksvriendelijk, CMS

 

Voor pagina’s of blogberichten kies je eenvoudig voor een nieuwe pagina aanmaken of om eentje te bewerken of te verwijderen. Je kunt hier zelf je tekst typen en afbeeldingen toevoegen. Je klikt op Publiceren of Bewerken en je bent klaar. Je kunt meteen op je website zien hoe het is geworden. Bevalt je dat niet, dan ga je nog even weer bewerken. Je kunt ook bij berichten instellen wanneer je ze wilt publiceren, voor als je een lancering hebt of alvast vooruit wilt werken.

Je hoeft dus geen webbouwer meer te vragen of te wachten tot die tijd heeft… Heerlijk toch? Dat is precies waarom ik heb gekozen om WordPress sites te maken, omdat ik dat zelf ook het fijnst zou vinden.

Ik lever ook altijd een handleiding bij de website. De meeste webbouwers doen dat, en vraag daar anders ook zeker naar.

432 keer gelezen

Je WordPress website verhuizen met Duplicator

Soms wil je je website verhuizen. Omdat je een betere hosting provider hebt gevonden, of als je provider nieuwe pakketten aanbiedt (en op een andere server). Of je hebt je site eerst gebouwd op een andere omgeving.

Met Duplicator je site 1:1 verhuizen

Met de plugin Duplicator van Snap Creek hoef je geen database te importeren en alle linkjes (ook voor afbeeldingen) handmatig aan te passen, maar zet je alles 1:1 over. Je hebt er echt geen omkijken naar. Nou ja, wel even checken natuurlijk.

  • Met de plugin maak je twee bestanden aan: een zip bestand van de website die je wilt verhuizen, met een installer bestand.
  • Je maakt ondertussen een nieuwe database aan op je nieuwe omgeving, en een FTP-gebruiker.
  • De twee bestanden zet je nu met je nieuwe FTP-gebruiker in de directory van je nieuwe installatie, meestal de hoofd directory en met een naam als public html of httpdocs.
  • Dan typ je in je browser de naam van je nieuwe URL in met installer.php daarachter, bijvoorbeeld: jouwsite.nl/installer.php
  • Nu krijg je invulvelden voor het invoeren van je nieuwe database gegevens en kun je de installatie afronden.
  • Na de installatie geeft de plugin je een optie om de installer bestanden weer te verwijderen en om de cache te legen.
  • En vergeet vooral niet om op de nieuwe omgeving ook je mailinstellingen weer goed te zetten. Het zal niet de eerste keer zijn dat je dan een sterker wachtwoord moet bedenken en dus ook je mailprogramma daarmee moet bijwerken.

Wil je meer uitleg, google dan op Duplicator Tutorial, op YouTube vind je allerlei filmpjes hierover. Wil je meer support, dan kun je kiezen voor de betaalde versie van Duplicator. Een goede hosting provider zal je bij problemen ook zeker verder kunnen helpen.

Is je oude en nieuwe URL precies gelijk? Dan is ook daarvoor een manier om dat te controleren. Een extra tablet of smartphone is dan handig om ook nog de huidige situatie te blijven zien.

En Duplicator is natuurlijk ook een handige tool om back ups van je website te maken.

Haak je al af bij het maken van een nieuwe database of FTP? Dan zijn er ook genoeg WordPress kenners die je verder kunnen helpen.

Meer weten?

Ik hoor graag wat ik voor je kan doen.

328 keer gelezen

,

Maak je online trainingsprogramma (en verkoop ‘m!)

online training makenIemand schrijft zich in via je website voor de online training die je hebt gemaakt, hij of zij doet via internet ook de betaling – als je die vraagt – en ontvangt daarna in de mail een factuur en een link naar de eerste module. En een week later bijvoorbeeld naar de tweede.

Passief inkomen heet dat, of informatiemarketing, omdat je je informatie/kennis verkoopt en waarvoor je niet voor thuis hoeft te blijven. Maar let op: daarvoor moet je wel actief aan de slag (zijn gegaan) om dat materiaal goed voor elkaar te krijgen. Ook het zoeken naar de goede online tools kost tijd. Daarvoor deel ik mijn bevindingen graag met je:

Je video’s maken

Met Camtasia Studio klik je op de button ‘Record,’ je neemt jezelf op met de webcam of je beweegt en klikt met je muis op het scherm om ergens uitleg over te geven, al dan niet met ingesproken commentaar. Het programma biedt allerlei mogelijkheden om te knippen en plakken, zowel voor beeld als geluid (ook later nog toe te voegen). Het wordt geleverd met een add on (lees: plugin) voor Power Point presentaties. Je kunt een Free Trial downloaden, waarbij je al meteen veel en handige instructievideo’s krijgt.

Wil je liever eerst eenvoudiger beginnen, dan kan ik voor het bewerken van Video’s ook VideoPad Video Editor aanraden. Ook hiervan is een gratis trial.

Je video’s online zetten

Wil je veel exposure, voor bijvoorbeeld een gratis weggever? Zet die dan op YouTube.nl. Maak voor YouTube dan meteen een eigen account en kanaal voor je bedrijf aan, dat oogt professioneler en is meteen beter voor je vindbaarheid. Wil je je video’s juist afschermen? Dan vind ik Vimeo.com een mooie oplossing. In de betaalde versie kun je van alles instellen. Ook dat je geüploade videos via Vimeo onzichtbaar moeten blijven en alleen op jouw site vertoond mogen worden. De video kan dan niet via andere sites gedeeld worden (tenzij je dat zelf toe staat).

For your members only

Hoe bescherm je de content op je website? In WordPress heb je natuurlijk altijd de mogelijkheid om een pagina achter een wachtwoord te verstoppen, maar dat is niet een erg robuuste oplossing.

Wil je klanten alleen met een e-mailadres of gebruikersnaam toegang geven tot bepaalde pagina’s, dan bieden Wishlist en ook WooCommerce hiervoor goede mogelijkheden. WooCommerce biedt hiervoor aanvullende plugins, zoals Groups for WooCommerce en WooCommerce Memberships.

Je maakt het jezelf een stuk makkelijker door je online trainingen via een aparte website aan te bieden. Zo voorkom je fouten bij het toewijzen van de toegang en kun je ook eenvoudiger instellen dat Google je (verborgen) content niet vindt.

Registraties en betalingen

Hiervoor zijn meerdere mogelijkheden. Ook kun je hiervoor de functies van een webshop gebruiken of een formulieren plugin, zoals Gravity Forms. Als je betalingen via iDeal wilt aanbieden, is het verstandig om te checken of dat kan. Bij WooCommerce kan dat bijvoorbeeld wel. Ik heb zelf goede ervaringen met Mollie als betalingsprovider, anderen werken ook graag met Sisow.

De voordelen van Autoresponders

Met een autoresponder kun je bijvoorbeeld automatisch instellen dat je deelnemers via de mail elke week een nieuwe video krijgen aangeboden. Ook kun je zo tussendoor contact blijven houden en/of je aanbiedingen doen, waarbij je je klanten kunt groeperen en elke groep een eigen mail kunt sturen. Een autoresponder is dus een e-mailprogramma waarbij je je mails al kunt klaarzetten en zelf kunt bepalen hoe snel die elkaar opvolgen. Voorbeelden zijn MailChimp en Autorespond, de Nederlandse aanbieder, die ook een API levert voor Wishlist.

Steeds vaker wordt er door deze aanbieders een ‘API’ meegeleverd, waardoor het mailprogramma met andere software, zoals die voor membership, geïntegreerd kan worden.

Waar begin je?

De grootste valkuil is om door de bomen het bos niet meer te zien of teveel zelf te willen doen. Begin daarom hiermee:

  • Verdeel je diensten in hapklare brokken
  • Kies je niche/doelgroep
  • Kies je middelen: video, PDF, e-book, wel/niet betaald
  • Kies daarna de software of vraag je webbouwer daarnaar
  • Bekijk wat je uit kunt besteden aan een VA en/of webbouwer

Kun je hierbij wel wat hulp gebruiken? Bekijk mijn aanbod voor het maken van een online academy of laat me weten wat ik voor je kan doen.

 

6535 keer gelezen

Onderhoud van je WordPress site: zelf doen of uitbesteden?

Ik had laatst een mogelijke klant aan de telefoon die mij vroeg naar de post onderhoud in mijn offerte. Een andere websitebouwer had haar namelijk verteld dat ze het onderhoud makkelijk zelf zou kunnen doen.

‘Als alles goed gaat’, hoef je inderdaad alleen maar op ‘update’ te klikken voor een nieuwe versie van WordPress of nieuwe versies voor je plugins.

Chinees casino

Een andere klant wilde daarom ook op die post bezuinigen. Na een aantal maanden ben ik toch het onderhoud gaan doen, de site was inmiddels veranderd in een Chinees casino. Want naast de updates zijn er ook de nodige beveiligingsmaatregelen nodig voor hacks en aanvallen die je WordPress sites willen gebruiken voor (spam-)doeleinden.

Wat kan er dan niet goed gaan?

  • Plugins zijn nog niet bijgewerkt voor de nieuwste WordPress versie
  • Plugins kunnen (daardoor) met elkaar conflicteren
  • Bij niet tijdig updaten kan je site gehacked worden
  • Bij onvoldoende beveiliging kan je site gehacked worden
  • Door onverklaarbare redenen raakt je database in de war
Alle pagina’s zijn verdwenen

En die laatste reden is de aanleiding voor deze blog en betrof mijn eigen site: Ineens waren al mijn pagina’s verdwenen. Wat je dan kunt doen? Je kunt een backup van de database terugzetten, je kunt ook proberen om eerst de tabellen in de database te repareren, dat bleek bij mij gelukkig afdoende te zijn. Mijn site lag er hierdoor maar een paar uur uit. Maar je moet dan wel weten hoe je database tabellen kunt repareren.

De site is uit de lucht gehaald

Dat was anders bij iemand die laatst met een gehackte site bij me aanklopte. Aan die site was verder niets te zien of te repareren: De provider had deze namelijk geheel uit de lucht gehaald en die was dus ook al een week onbereikbaar voor beheer of reparatie. En dat terwijl deze klant net een nieuw cursusaanbod op Facebook had aangekondigd. Wel was de database nog te kopiëren. Ik heb de site daarom verhuisd naar een minder rigide provider. Binnen twee dagen was de site weer online en schreven de deelnemers zich weer in.

Wat is je site je waard?

Bedenk hoe belangrijk je website voor je is: Kun je je een week (of langer) veroorloven dat je site niet online staat? Kun je het dan zelf oplossen of moet je hulp inhuren? Vaak ben je meer kosten kwijt voor een eenmalige reparatie dan aan een abonnement voor regulier onderhoud. Uit de lucht zijn kan je bovendien klanten kosten en je moet dan zelf kunnen beschikken over een goede en recente backup, van zowel je database als van je (aangepaste) theme.

Doe het niet zelf

Het mag duidelijk zijn, ik raad het uitbesteden van onderhoud zeer aan, je kunt niet alles bijhouden. En dat zeg ik niet omdat ik hier business aan wil overhouden: Ik bied onderhoud (want tegen een minimum tarief en daarom) alleen aan voor mijn klanten.

Ben je geen klant van mij, informeer hiernaar bij je webbouwer en/of kijk verder rond om dit goed te regelen.

Meer weten?

Ik hoor graag wat ik voor je kan betekenen.

584 keer gelezen

In 3 stappen een mouseover effect voor je afbeelding

Een klant wilde graag zwart-wit afbeeldingen tonen op de homepage, die in kleur zouden veranderen, zodra je er met de muis overheen gaat of als je ze aanklikt op de tablet of smartphone. Bij WordPress is voor nagenoeg alles een handige plugin te vinden. Voor deze oplossing maakte ik gebruik van de plugin IMG Mouseover.

Deze plugin laat je verwijzen naar een eerste geüploade image en naar een ander image voor het mouseover effect. Je hebt dus altijd twee images nodig die je moet uploaden. In mijn geval een gekleurde en een zwart-wit versie van dezelfde afbeelding.

In 3 stappen ben je klaar!

1. Ik upload de zwart-wit versie (naar de mediabibliotheek) en noteer de url:
https://lekkerscherp.nl/wp-content/uploads/2014/09/peper-zw.jpg

mouseover afbeelding

2. Ik upload de gekleurde versie en noteer ook hiervan de url:
https://lekkerscherp.nl/wp-content/uploads/2014/09/peper.jpg

peper

2. In de desbetreffende pagina of widget plaats ik de code, zoals nu op deze pagina:

mouseover andere afbeelding wordpress plugin

Waarbij ik na oversrc= de url van de gekleurde afbeelding plaats (src staat voor source).
Het belangrijkste is dus om die oversrc= toe te voegen en te beginnen met img class=”mouseover”. Let wel, dit werkt alleen als je ook de plugin IMG Mouseover. hebt geactiveerd.

De afbeelding verschijnt nu in kleur, zodra je er met je muis overheen gaat, of zodra je ‘m aanklikt op je tablet of smartphone. Je kunt ‘m nog links, rechts of gecentreerd plaatsen en desgewenst van een link voorzien. peper

 

9310 keer gelezen