Volgens de definitie in de inleiding zijn widgets plugins* waarmee we visuele en interactieve opties toe kunnen voegen aan onze website. Je kunt ze het best zien als blokjes, als bouwstenen met heel gevarieerde inhoud, die je op vooraf bepaalde plaatsen aan je website kunt toevoegen. Zo zijn er bouwstenen waarmee je de nieuwste berichten van je site kunt tonen, of een inschrijfformulier, of een afbeelding uit een galerie, etc.

Wat de widget doet, is bepaald door degene die de widget gemaakt heeft. Of en waar je een widget gebruikt, bepaal je zelf, zoals je verderop in dit artikel kunt lezen. En dat is het grote voordeel van widgets: je bepaalt alles zelf en kunt er heel eenvoudig en heel snel je website mee uitbreiden.

* Het gebruik van de term ‘plugin’ in de codex definitie is ongelukkig; zie mijn artikel over ‘echte’ plugins. Een plugin kan nul, één of meerdere widgets toevoegen aan het arsenaal dat tot je beschikking staat.

Over widget areas

Widgets plaats je in zogenaamde widget areas. Meestal wordt er alleen gesproken over ‘siderbars’, maar widget areas kunnen overal en in elk formaat op de pagina voorkomen. Zo zijn er ook horizontale ‘footer’ widget areas of widget areas tussen de berichten op een pagina.

Waar je deze widget areas kunt vinden, wordt bepaald door het theme dat je gebruikt; daarin zijn de definities voor de gebieden opgenomen. Als je in de administratie van je website naar Weergave > Widgets* navigeert, zie je links in het scherm alle widgets die beschikbaar zijn en rechts de widget areas waarin je de widgets kunt plaatsen.

Het is mogelijk om extra widget areas te definiëren maar dat valt buiten de scope van dit artikel. Je kunt natuurlijk altijd even een mailtje sturen met je vragen. Ook kun je aan een hybride oplossing denken zoals de plugin Widgets on pages, waarmee je widgets ook buiten de voorbestemde areas kunt opnemen.

* Let op: je moet administrator rights hebben om deze menu optie te kunnen zien.

Een voorbeeld: Tweets tonen

Stel, je bent een fanatiek gebruiker van Twitter en je wilt je Tweets automatisch op je website tonen. Hoe doe je dat?

Heel eenvoudig: zoek een geschikte plugin, zoals bijvoorbeeld Twitter Widget Pro. Installeer de plugin en voeg de Twitter widget toe aan de widget area van je keuze. Vul enkele parameters in, zoals je Twitter naam, en klaar is Kees: je tweets worden nu automatisch op je site getoond.

Op dezelfde wijze kun je ook je Hyves vrienden, je Facebook friends, je LinkedIn badge, etc etc aan je site toevoegen. Je kunt het zo gek niet bedenken, of er is wel een plugin met widget voor.

Ik zou zeggen: gewoon doen!

Je hebt gelezen: Doe-het-zelf: widgets

© de Webbouwmeester - vakmanschap in nieuwe media

En wat betekent dit voor u, mijn beste klant? Het houdt in ieder geval in dat ik weer helemaal bijgepraat zal worden over de nieuwste inzichten, de best practices, de te verwachten ontwikkelingen, etc. U kunt dus ook komend jaar weer de beste kwaliteit WordPress diensten van mij verwachten!

Je hebt gelezen: WordCamp Nederland 2012

© de Webbouwmeester - vakmanschap in nieuwe media

WordPress heeft een ingebouwde ‘stekkerdoos’ waarmee je heel eenvoudig nieuwe functionaliteit kunt toevoegen of bestaande functionaliteit kunt aanpassen aan je eigen wensen. Alles wat je hoeft te doen is de plugin opzoeken die doet wat je wilt en deze in de stekkerdoos te steken.

Je wilt een slideshow? Dan kun je bijvoorbeeld de Slideshow plugin downloaden en hup je hebt er één! Je wilt een contactformulier? Probeer eens de Contact Form 7 plugin. En zo zijn er nog ruim 18 duizend (!) andere plugins waaruit je kunt kiezen.

Installeren

Installeren van plugins is vooral heel makkelijk wanneer je dat vanuit de administratie van je WordPress website doet. In het menu Plugins vind je de knop ‘Nieuwe plugin’. Wanneer je hierop klikt, opent het zoekscherm. Je bevindt je nog steeds binnen de administratie. Je kunt nu op zoek naar de plugin die aan je wensen voldoet. Zodra je die hebt gevonden, klik je op de link ‘Installeren’ en de plugin wordt als vanzelf op je website geïnstalleerd.

Het enige wat je na installatie nog hoeft te doen, is de plugin activeren en eventueel de instellingen naar je hand zetten. Activeren doe je in hetzelfde Plugins menu. Informatie over instellingen vind je altijd bij de beschrijving van de plugin.

Er is nog een alternatieve methode waarbij je zelf de plugin bestanden naar je eigen computer download waarna je ze met een FTP programma in de plugin folder op je web server plaatst. Meer hierover kun je lezen in de WordPress Codex. In dat geval zal je vermoedelijk beginnen met zoeken in de WordPress plugin directory maar er zijn ook elders vele (soms commerciële) plugins te vinden.

Je hebt gelezen: Doe-het-zelf: functionaliteit toevoegen met plugins

© de Webbouwmeester - vakmanschap in nieuwe media

Voor het invoerbestand wordt gebruik gemaakt van een CSV (comma separated values) bestand. Dit formaat kent een eenvoudige indeling waarbij gegevens in kolommen aanwezig zijn, die van elkaar worden gescheiden door een specifiek karakter. Oorspronkelijk was dit altijd een komma, nu kan ook gebruik worden gemaakt van bijvoorbeeld een punt-komma of tab.

Je hebt gelezen: Plugin voor genereren van pagina’s

© de Webbouwmeester - vakmanschap in nieuwe media

Zoals bij vele systemen is ook bij WordPress de presentatie gescheiden van de programma logica en de opslag van gegevens. Met zogenaamde thema’s (of ‘themes’ in het Engels) bepaal je hoe je website er uit ziet. Het zijn een soort sjablonen, waarmee je de opmaak (kleuren, lettertype, etc.) van je site voorschrijft. Daarnaast bepaal je met het thema de vorm van je site: hoe breed is deze, hoe worden pagina’s en berichten weergegeven, wordt er gebruik gemaakt van zogenaamde ‘widgets’ (kleine blokjes met specifieke inhoud, die je op je website kunt plaatsen al naar gelang de behoefte), etc.

Een paar voorbeelden

Hieronder zie je een paar voorbeelden van veelgebruikte thema’s. Het geeft een indruk van de diversiteit die beschikbaar is.

Thema’s met portfolio en/of voor fotografen

WordPress biedt sowieso ‘out of the box’ al vele mogelijkheden voor de inrichting van een galerie. En er zijn natuurlijk thema’s te vinden die zich specifiek op de presentatie van (werk op) foto’s richten. Een paar voorbeelden zie je hieronder. Of bekijk eens het uitgebreide overzicht dat 1stwebdesigner heeft samengesteld.

Zelf zoeken

Als je zelf op zoek wilt naar een thema, kun je bijvoorbeeld op onderstaande adressen beginnen:

• WordPress themes directory, de offiële WordPress thema lijst
• WooThemes, vermoedelijk de grootste ‘theme foundry’
• ThemeForest, een marktplaats voor commerciële thema’s
• Theme Hybrid is een ‘theme club’

Enkele van de zaken waarop je moet letten:

• Moet je site ook goed zichtbaar zijn op bijvoorbeeld iPad en iPhone? Indien het thema hier niet in voorziet, kun je eventueel een extra plugin installeren zoals WPtouch – maar dat blijft m.i. behelpen, al was het maar omdat niet alle telefoons herkend kunnen worden als mobile device.
• Als je site Nederlandstalig is, let dan op of er vertalingen beschikbaar zijn voor elementen van het thema. Let met name op de commentaar functies. Als er geen vertaling is, kan deze wel worden gemaakt maar dat is een specialistisch klusje.
• Gebruik je plugins om extra functionaliteit aan je site toe te voegen? Plugins stellen soms specifieke eisen aan het thema dat je gebruikt. Zorg ervoor dat de plugins en thema van je keuze met elkaar kunnen samenwerken.
• Houdt het thema rekening met zoekmachines (SEO, search engine optimisation)? Voor de meeste professionele thema’s gaat dit wel op. Zo niet, denk dan eens na over het installeren van een extra plugin zoals WordPress SEO.

Meer informatie

Als je meer wilt weten over WordPress in het algemeen en themes in het bijzonder, kun je hier terecht:

• Onder aan de pagina met algemene informatie over WordPress vind je een aantal links naar documentatie.
• De officiële (Engelse) informatie over het gebruik van thema’s.

Je hebt gelezen: Doe-het-zelf: een ander design met thema’s

© de Webbouwmeester - vakmanschap in nieuwe media

Met een virtuele tour kun je de binnenkant van je winkel, atelier en omgeving tonen aan de virtuele bezoekers van je website. Zij kunnen – letterlijk – rondkijken, door de ruimte lopen, inzoomen, onderzoeken, gebruik maken van interactieve elementen om meer informatie opvragen, etc; een beleving die ze zal aanzetten om je winkel in de echte wereld te bezoeken.

Je kunt ook gebruik maken van tekst, beeld en geluid. Hierdoor krijgt het bezoek aan je virtuele winkel het karakter van een echt bezoek. En de bezoeker kan zelf grasduinen in wat je aanbiedt.

Voorbeelden

 

Op peterbouwmeester.nl kun je voorbeelden zien van virtuele tours die ik heb gemaakt. Of kijk hier bij De Webbouwmeester naar voorbeelden van websites met een virtuele tour.

Zouden mijn argumenten nog niet genoeg zijn om je te overtuigen van de kracht van een virtuele tour, bedenk dan dat Google niet voor niets potentie ziet in deze toepassing. En zolang Google haar Business photos alleen nog in enkele landen (o.a. de VS, Australië, Frankrijk en Groot Brittanië) aanbiedt, zijn ze nog geen concurrent, wel bron voor inspiratie! :)

Zet jezelf op de kaart

Tijdens het bezoek van je online winkel, kan een klant besluiten om ook je echte winkel te bezoeken. Maak deze beslissing zo eenvoudig mogelijk voor je klant. Zorg daarom voor goede informatie over de locatie en bereikbaarheid van je winkel. Het minste wat je kunt aanbieden is een plattegrond. Beter nog bied je ook een routeplannner aan (o.a. standaard binnen Google Maps beschikbaar).

Meld je site als onderdeel van deze maatregelen ook aan bij Google Places. Hier kun je ook de foto’s van je winkel plaatsen die in de Google zoekresultaten getoond kunnen worden. Hierdoor kun je al direct meer online bezoekers naar je site halen.

Als je, tenslotte, echt met state-of-the-art middelen je verkoopproces wilt ondersteunen, zorg er dan voor dat je website ook goed werkt op de mobiele telefoon. Dat geldt natuurlijk voor de virtuele tour. Maar nog meer geldt dat voor locatie informatie; zorg bijvoorbeeld voor de mogelijkheid om de pagina met plattegrond eenvoudig op de mobiele telefoon te laden (met behulp van een QR code). Vraag naar de mogelijkheden!

Eenvoudig toe te passen op alle websites

Als je beschikt over een WordPress website, is publicatie van een virtuele tour en een plattegrond eenvoudig te realiseren. Publicatie is ook altijd mogelijk op een bestaande, niet met WordPress gebouwde website. In dat geval zullen we in overleg bepalen wat de beste oplossing voor jouw specifieke situatie is.

Je hebt gelezen: Nodig je klanten uit in je winkel met een virtuele tour

© de Webbouwmeester - vakmanschap in nieuwe media

In een aantal sessies is hpm videoproductie ondersteund bij de inrichting van haar nieuwe website, gebaseerd op WordPress met het commerciële thema ‘Strange’. Kleine aanpassingen zijn gedaan aan het thema om het helemaal te laten aansluiten op de wensen van hpm. Een beperkte set aan plugins is geinstalleerd, o.a. voor zoekmachine optimalisatie, een koppeling met Facebook en de inrichting van een klantportaal (zie hierna).

Klantportaal

Met behulp van een plugin en een stukje maatwerk voor het menu is een klantportaal ingericht. hpm kan binnen het portaal afgeschermde pagina’s voor de individuele klanten aanmaken. Met een eigen ID met password kan de klant de eigen pagina’s bekijken. Handig voor iedereen die digitale producten maakt in opdracht van klanten en bijvoorbeeld een preview via de eigen site wil aanbieden.

Je hebt gelezen: hpm videoproductie

© de Webbouwmeester - vakmanschap in nieuwe media

Eigenlijk is de titel van dit bericht misleidend want het is niet eens altijd noodzakelijk om WordPress zelf te installeren! Je kunt namelijk ook terecht op WordPress.com voor een ‘hosted’ website. Nadat je je hebt geregistreerd, kun je direct aan de gang met een website op het adres “jouwnaam.wordpress.com”. Je site is ook direct zichtbaar voor bezoekers.

En het mooiste van dit alles: het is helemaal gratis! Wil je meer dan standaard mogelijk is op dit platform, dan kan dat ook: je kunt je websites steeds verder uitbreiden met modules waarvoor je betaalt. Zo kun je ook tegen een geringe vergoeding een eigen domeinnaam zoals www.jouwdomain.nl koppelen. Ook kun je op ieder gewenst moment overstappen op een ‘self-hosted’ website en alles helemaal onder eigen regie brengen.

Self-hosted

Voor een self-hosted website moet je zelf een domeinnaam en ruimte op een webserver regelen. In ruil voor deze inspanning krijg je de volledige regie over je website zonder dat je nog voor afzonderlijke uitbreideingn hoeft te betalen.

Je begint met het vaststellen van je domeinnaam; de naam waaronder je website bereikbaar wordt. Dus bijvoorbeeld www.jouwdomein.nl. Je kunt ook meerdere domeinnamen voor één website gebruiken, zodat je site bijvoorbeeld ook bereikbaar is onder www.jouwdomein.com.

Vervolgens zoek je een host uit: de partij waar je ruimte op een webserver wilt huren. Als je een hosting pakket aanvraagt zal je om een domeinnaam gevraagd worden. Daar vul je de domeinnaam in die je hebt uitgezocht.

Er is enorm veel keus op het gebied van hosting. Door de bank genomen bieden de meeste hosts hetzelfde en je kunt goede kwaliteit verwachten vanaf  zo’n 6 euro per maand. Kijk uit voor tè scherpe aanbiedingen. Bepaal je keuze aan de hand van de criteria die voor jou belangrijk zijn. Denk bijvoorbeeld aan:

• een kleinere partij, met Nederlandstalige helpdesk en directe service tegen een heel redelijke prijs; Helder Hosting.
• een grote Amerikaanse host met lage prijzen, hoge volumes, weinig persoonlijke service; Hostgator
• een grote Nederlandse host met grote naam en grote prijzen: xs4all

Het pakket moet minimaal PHP5 en 1 MySQL database bieden.

One-click-install

Ook voor self-hosted WordPress is het niet eens altijd nodig om WordPress ook daadwerkelijk zelf te installeren; veel commerciële hosts (zoals de hierboven genoemde Helder Hosting en Hostgator) bieden hiervoor een one-click-install procedure. Met een klik op de knop wordt WordPress geinstalleerd (je start in feite stap 5 zoals hieronder beschreven) en klaar is kees; je kunt aan de slag.

The Famous 5-Minute Installation

Kom je op een punt dat je uiteindelijk toch echt zelf aan het installeren wilt, volg dan de volgende stappen uit WordPress’ Famous 5-Minute Installation. Dit hoeft alles bij elkaar niet meer dan 30 minuten te duren.

1. download WordPress en unzip de zip-file
2. Maak een database en een bijbehorende user aan op je webserver.
3. Hernoem bestand wp-config-sample.php in wp-config.php. Open wp-config.php in een tekstbwerker en vul de database en database user namen in.
4. Upload alle WordPress bestanden naar je web server met behulp van een FTP programma zoals Filezilla.
5. Voer het installatie script uit door naar het adres te gaan in een web browser. Volg de instructies.

Minimale instellingen

Nu je een WordPress omgeving tot je beschikking hebt, raad ik je aan tenminste de volgende instellingen na te lopen:

• Site titel en omschrijving, via Instellingen > Algemeen; deze heb je al tijdens het installatie proces kunnen opgeven en worden bovenaan iedere pagina weergegeven.
• Zichtbaarheid site, via Instellingen > Privacy; of je site (al) door zoekmachines moet worden geindexeerd. Als je nog aan het uitprobren bent, kun je deze optie beter uitzetten. Let op dat je site wel altijd zichtbaar is voor bezoekers.
• Adressen (URL’s) via Instellingen > Permalinks; dit gaat over de adressen in de adresbalk van de browser. Standaard zie je hier iets in de vorm van “../?p=123″. Met deze optie kun je daar “…/fotografie/” van maken. Dat is veel vriendelijker voor bezoekers en ook (vooral) voor zoekmachines.
• Commentaar toestaan, via Instellingen > Discussie; zet dit direct uit als je geen gebruik wilt maken van de ingebouwde commentaar functies – om te voorkomen dat je later alsnog de functie bij ieder individueel bericht uit moet zetten. Je kunt namelijk ook op dat niveau de functie aan of uitzetten.

Je kunt nu aan de slag en pagina’s en berichten publiceren, foto’s en video’s tonen etc. etc. Zodra je daar mee aan de gang gaat zal je ongetwijfeld als eerste het menu willen aanpassen. Het is handig om het volgende te weten:

• Zolang je geen menu hebt aangemaakt en gekoppeld via Weergave > Menu, worden de pagina’s in het menu getoond. Submenu’s maak je aan door subpagina’s aan te maken.
• Via Weergave > Menu kun je één of meerdere menu’s aanmaken. Je menu moet je in hetzelfde scherm koppelen aan een ‘thema (menu) locatie’ voordat het zichtbaar wordt op je website. Zoals je zult zien, kun deze menu’s helemaal naar je eigen hand zetten.

Meer informatie

Als je meer wilt weten, kun je een start maken met het lezen van de officiële installatie instructies. Natuurlijk kun je ook altijd een vraag stellen. Tot slot kun je ook overwegen om een professionele WordPress installatie uit te laten voeren.

Je hebt gelezen: Doe-het-zelf: WordPress installeren

© de Webbouwmeester - vakmanschap in nieuwe media

Je hebt gelezen: Een nieuw jasje

© de Webbouwmeester - vakmanschap in nieuwe media

In het laatste weekend van november 2011 werd het Rotterdam Dance Capital (RDC) georganiseerd. Een lang weekend vol met show, presentaties, workshops en meer, alles in het teken van Dans. Dat betekende een stortvloed  aan deelnemers, locaties en events. RDC wilde dit overzicht inzichtelijk maken voor bezoekers. En handig te onderhouden voor de organisatie zelf.

Plugin

Het bestaande theme werd uitgebreid met een maatwerk WordPress plugin voor de registratie van deelnemers, locaties en evenementen (met behulp van zogenaamde custom post types). Deze kunnen afzonderlijk van elkaar of juist in relatie tot elkaar op de website getoond worden. Dankzij de adminstratie kunnen alle gegevens eenvoudig door de organisatie zelf onderhouden worden.

Ondersteuning voor pimyourlife.nl

Na afloop van het Rotterdam Dance Event wilde de organisator zijn eigen website inrichten. Daarvoor schafte hij het commerciële thema Screen aan, dat veel mogelijkheden voor inrichting van portfolio, galerieën, etc. biedt. Eén ondersteuning-sessie was al voldoende om een aansprekende website te maken!

Je hebt gelezen: Rotterdam Dance Capital

© de Webbouwmeester - vakmanschap in nieuwe media