Vorige ontwerp

Het vorige ontwerp is door mij zelf ontworpen. Vlak nadat ik in juni 2009 bij de KvK naar buiten kwam lopen, kroop ik achter de pc en heb ik urenlang van alles geprobeerd, getekend, geschetst, totdat ik op een gegeven moment een fris kleurenpalet en een opzetje voor een logo had. Ik was tevreden over het logo en heb op basis daarvan een website, visitekaartjes en briefpapier gemaakt. Gelukkig heb ik op deze huisstijl alleen maar positieve reacties mogen ontvangen, en heb ik er 4 jaar lang dankbaar gebruik van gemaakt.

In de loop der jaren zijn er af en toe nog wat dingetjes bijgewerkt op de website, om wat mee te gaan met de trends. Totdat het bijwerken niet meer slim was. Het was tijd voor een frisse start, een nieuw WordPress thema. Een vernieuwde lijst met plugins, en als we toch bezig zijn, een geheel nieuwe huisstijl.

Nieuw ontwerp

Voor een nieuw ontwerp wilde ik professioneel te werk gaan. Niet zelf ontwerpen, maar een professioneel bedrijf inhuren die niet alleen een mooi logo kan maken maar die ook eigenschappen van mij en van mijn bedrijf weet te vertalen in een logo dat bij mij en mijn bedrijf past. Ik moest meteen denken aan Frank van Wees van Dutch Designs with Lemon. Ik had Frank ontmoet bij een bespreking met een gemeenschappelijk prospect, en zijn professionaliteit viel me meteen op. Na contact te hebben opgenomen met zijn collega Vincent Voorduin, was een eerste afspraak gemaakt.

Tijdens deze eerste afspraak kreeg ik de visiebox voorgeschoteld. Een hele fijne manier om vast te stellen waar ik als persoon en bedrijf voor sta en wat ik wil uitstralen. Na dit uitermate leuke gesprek, kreeg ik een week later de eerste schetsen te zien. Tussen de verschillende alternatieven viel één logo mij meteen op. En ja, dat is het logo waar jullie nu naar kijken. Nadat dit logo was uitgewerkt en er een huisstijlen visitekaartje bij was gemaakt, vond ik het helemaal te gek. Dit is het, dit is mijn identiteit voor de komende jaren.

Nieuwe website

Op basis van het nieuwe huisstijlontwerp moest er natuurlijk ook een nieuwe website komen. Dat heeft wat tijd gekost, omdat het bouwen vooral in de vrije uurtjes moest gebeuren (ik heb het gelukkig druk). Ik heb een aantal mensen via twitter gevraagd of ze mijn nieuwe site, voor de release, wilden reviewen. Daardoor heb ik nog wast kleine foutjes uit de site kunnen halen. Bedankt @freelinzdesign, @postmusparket, @nullbeta en @goggleboynl! Een stukje informatie over de techniek mag ook wel: de website draait weer op een eigen gemaakt child thema van Genesis, en deze keer zelfs op een beta versie met HTML5 ondersteuning.

Vandaag is het zover, de nieuwe site staat live. Als je er een mening over hebt, hoor ik het graag!

Zoeken en vinden

Je zoektocht begint meestal via Google, of een andere zoekmachine. Als je op zoek bent naar iemand die voor jou WordPress onderhoud kan doen, zoek dan op “WordPress onderhoud“. Op zoek naar iemand die een plugin voor je kan maken? Zoek dan op “WordPress plugin realisatie” eventueel aangevuld met je woonplaats, als je het liefst iemand in de buurt wilt vinden. Mijn ervaring is dat is locatie niet belangrijk is, en dat de meeste WordPress professionals zeer mobiel en flexibel zijn.

Website

Een eerste kennismaking met je toekomstige WordPress “leverancier” verloopt in veel gevallen via zijn of haar website. Kijk eens rond op de website en let op de volgende criteria: Is het een samenhangend geheel? Hoe is het taalgebruik? Zijn de contact gegevens aanwezig? Is er een portfolio, of een beschrijving van de aangeboden diensten?

Portfolio

Als de bovenstaande criteria aanwezig zijn, kunnen we verder gaan kijken. Bij het bekijken van de portfolio is het van belang dat de getoonde klussen overeenkomen met jouw vraag. Ben je op zoek naar een professional die WordPress plugins voor je kan maken, dan is het niet slim met een professional in zee te gaan die hier geen ervaring mee heeft maar bijvoorbeeld alleen maar thema’s maakt.

Netwerk

Een goede professional is “connected” en is te vinden op diverse social media platformen, zoals Linkedin, Google+ en Twitter. Kijk eens naar de hoeveelheid volgers/vrienden, maar let ook op interactie, inhoud van gedeelde berichten en conversaties met anderen. Op basis van deze conversaties kan je veel te weten komen over deze persoon. Het kan ook zijn dat een goede WordPress professional geen portfolio heeft. Dit gebeurt veelal bij techneuten. Hun “portfolio” is meestal terug te vinden op de WordPress site (als core contributer/plugin developer of op Github e.d.).

Aanbevelingen

Op diverse social media websites, maar natuurlijk ook op de website van de professional zelf, zijn aanbevelingen te vinden. Lees deze door en neem eens contact op met de schrijvers van de aanbevelingen. Staan er geen namen bij de aanbevelingen, of slechts een crimineelnaam (Hans de B. of Kees L.), neem de aanbevelingen dan met een korreltje zout.

Beschikbaarheid

Op het moment dat je contact gaat opnemen met een WordPress professional is het goed om te weten wanneer er gestart kan worden met de werkzaamheden. Is de professional niet per direct beschikbaar dan is dat een goed teken. Bij directe beschikbaarheid moet je je afvragen waarom deze professional direct beschikbaar is, het kan natuurlijk zo maar zijn dat deze professional zojuist een project heeft afgerond. Kijk of je een startdatum kan afspreken samen met een doorlooptijd. Zo weten jullie beide waar je aan toe bent. Wordt er nogal vaag gedaan over precieze data, bedenk dan goed of je wel met deze partij in zee wil.

Gesprek

Ga het gesprek eens aan met de WordPress professional. Maak een afspraak om je wensen te bespreken en kom er zo achter of er een match is.

Prijs

Naast het bespreken van een tijdsplan is het natuurlijk ook van belang om het financiële plaatje te bespreken. Een goede professional weet van te voren goed in te schatten hoeveel tijd een bepaalde opdracht gaat kosten, en dus wat de kosten zijn. Ga daarom dus alleen akkoord met een vaste prijs. Zo heb je zekerheid dat er geen extra kosten bij komen kijken.

Offerte

Ben je het eens geworden over de prijs en de starttijd/doorlooptijd, dan is het tijd voor een offerte. Let hierbij goed op dat alles wat eerder besproken/besloten is, ook terug komt in de offerte. Is de offerte vaag, of worden er algemene termen gebruikt? Vraag dan om de offerte even door te nemen en of de vage begrippen gespecificeerd worden. Onduidelijkheid in een offerte kan er toe leiden dat je minder krijgt dan afgesproken, of dat je meer moet betalen dan afgesproken.

Ik hoop dat je met deze tips makkelijker zelf een WordPress professional kan vinden. Heb je toch hulp nodig bij het vinden van een geschikte kandidaat, neem dan even contact met me op. Ik heb een groot WordPress netwerk en kan je daar diverse mensen van aanraden.

Jouw business is het belangrijkst, investeer bewust

Als ondernemer wil je bezig zijn met je eigen bedrijf. Je wil investeren in kennis en relaties die voor jouw bedrijf van belang zijn. Waarom zou je je dan verdiepen in het bouwen van een website? Bepaal samen met een professional wat je website moet kunnen en welke informatie er gepresenteerd moet worden. De professional zal je begeleiden bij de vormgeving en de technische uitdagingen aan gaan om jouw website tot een succes te maken, voor jouw klanten en ook voor jou.

Ik kan toch een cursus volgen?

Vergelijk het als voorbeeld* eens met het maken van een jaarrekening voor je bedrijf. Uit eigen ervaring weet ik dat ik niet op de hoogte ben van alle wet- en regelgeving om dit goed te kunnen doen. Ik kan dan veel tijd gaan investeren in het verzamelen van al die gegevens en dan hopen dat ik het kan toepassen op mijn eigen financiële administratie. Dan kan ik beter mijn administratie meenemen naar een cursus “Leer je jaarrekening maken in 1 dag!”, die ik met een leuke kortingscode heb kunnen boeken. Samen met 4 andere cursisten loop ik door wat standaard onderwerpen heen en aan het eind van de dag kan ik daadwerkelijk een balans maken. Maar hoe het met de regelgeving zit rondom het starten van een eigen bedrijf en de WW zit, dat werd me dan weer niet verteld.

Maar WordPress is toch zo eenvoudig?

Dit is ook rechtstreeks te vertalen naar je website en ik focus me hier even op WordPress websites, omdat dat mijn specialiteit is. WordPress is een Content Management Systeem (CMS), dat als kapstok dient om jouw website op de bouwen. Deze kapstok moet aangekleed worden met een thema (custom made of bestaand), aangevuld met diverse plugins om functionaliteit toe te voegen die niet standaard door WordPress wordt geleverd. Tenslotte dient de content toegevoegd te worden, oftewel de teksten, afbeeldingen, video’s, producten, etc. WordPress is gemaakt om content toe te voegen, dus dat is niet de grootste uitdaging. Om WordPress, het thema en de plugins goed met elkaar te laten werken zijn in veel gevallen ingrepen in de code nodig. En hier begint het zweten voor sommige van jullie. “Hoe kan ik die button rechts uitlijnen in plaats van links?”, “Waar zit in WordPress de optie om de footer te verbergen?”, “Hoe voeg ik een formulier toe?” Zomaar wat vragen die elke websitebouwer wel eens heeft. Maar, de professional weet hoe dit goed opgelost moet worden, omdat hij er dagelijks mee werkt. Als je zelf aan het sleutelen bent geslagen en je weet het niet meer, dan zit je vast en moet je heil zoeken in diverse fora, op twitter, of natuurlijk op mijn WordPress spreekuur. Dat kost tijd, veel tijd. Tijd die je beter had kunnen besteden aan het finetunen van een van je proposities, of aan het uitwerken van een nieuwe dienst.

Kan ik mijn eigen website dan wel aanpassen?

Als je bij een professional je website hebt laten bouwen krijg je uitleg op maat. Uitleg over hoe je berichten aanmaakt, je menu aanpast, een widget aanpast en hoe je een afbeelding kan schalen. Gebruikt jouw websites plugin X,Y en Z? Dan krijg je uitleg over hoe je deze plugins moet gebruiken.

Maar ik vind het zo leuk om zelf wat te kunnen bouwen

Ieder z’n hobby, laat ik daar duidelijk in zijn. Ik timmer ook wel eens een tafeltje in elkaar, of plak een baantje behang tegen de muur. Maar als ik de CV installatie moet gaan vervangen (onmisbaar, net als een website), dan bel ik toch echt een professional.

Conclusie

Focus op je eigen business en denk eens na over het uitbesteden van werkzaamheden die je veel tijd kosten en uiteindelijk weinig tot niks opleveren. Investeer in kennis waar je op lange termijn wat aan hebt.

Er zijn vast nog meer redenen om je WordPress site te laten bouwen door ene professional, deel ze met andere lezers in de reacties, alvast bedankt!

*De voorbeelden hierboven genoemd zijn fictief en mogelijke gelijkenis met bestaande cursussen en/of situaties berusten op toeval.

Zelf een onderhoudspagina maken

Om deze melding iets meer te personaliseren en om bijvoorbeeld ook contact mogelijkheden via social media aan te bieden, kan je zelf een onderhoudspagina aanmaken in de /wp-content/ map door in die map een maintenance.php bestand aan te maken.

Voorbeeld van een onderhoudspagina

<?php

/* Vertel zoekmachines dat de site even uit de lucht is */
$protocol = $_SERVER["SERVER_PROTOCOL"];
if ( 'HTTP/1.1' != $protocol && 'HTTP/1.0' != $protocol ) $protocol = 'HTTP/1.0';
header( "$protocol 503 Service Unavailable", true, 503 );
header( 'Content-Type: text/html; charset=utf-8' );
header( 'Retry-After: 600' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Sorry, we zijn even aan de site aan het sleutelen.</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css">

        @import url(http://fonts.googleapis.com/css?family=Ropa+Sans:400,700);

	html body,
	html {
		background:#fff;
	}
	#content-wrapper {
            background-image:url( 'themes/nostromo-v4/images/logo-header.png' );
            background-repeat:no-repeat;
            background-position: 45px 15px;
            width: 800px;
            height: 320px;
            overflow: visible;
            position: relative;
            border: 2px solid #662d91;
            border-radius: 3px;
            margin: 15% auto;
	}
	#content {
		color:#333;
		font:14px sans-serif;
		width: 75%;
		height: auto;
		margin: 100px 0 0 20px;
		padding:25px;
	}

	#content p {
		margin:0 0 20px;
	}
	h1 {
		font-family: "Ropa Sans";
                font-weight: normal;
		color:#623716;
                margin: 0 0 10px;
	}
	strong {
		color:#623716;
	}
        .socialmedia-buttons img.fade:hover {
                opacity: 1 !important;
                -moz-opacity: 1 !important;
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                transition: all 0.2s ease;
        }
        .socialmedia-buttons img {
            margin: 0 4px 0 0;
        }
        </style>
</head>
<body>
     <div id="content-wrapper">
            <div id="content">
                    <h1>Sorry, we zijn even aan de site aan het sleutelen.</h1>
                    <p>We zijn even kort uit lucht in verband met wat geplande onderhoudswerkzaamheden die maximaal <strong>5 minuten</strong> duren.</p>
                    <p>Onze excuses hiervoor, we zijn zo weer bij je terug.</p>
                    <p class="socialmedia-buttons">
                        <a href="https://plus.google.com/u/0/107155975258417581894" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.nostromo.nl/wp-content/plugins/social-media-widget/images/default/32/googleplus.png" alt="nostromo.nl op Google+" title="nostromo.nl op Google+"  style="opacity: 0.6; -moz-opacity: 0.6;" class="fade" /></a>
                        <a href="http://twitter.com/nostromo" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.nostromo.nl/wp-content/plugins/social-media-widget/images/default/32/twitter.png" alt="nostromo.nl op Twitter" title="nostromo.nl op Twitter"  style="opacity: 0.6; -moz-opacity: 0.6;" class="fade" /></a>
                        <a href="http://nl.linkedin.com/in/marcelbootsman" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.nostromo.nl/wp-content/plugins/social-media-widget/images/default/32/linkedin.png" alt="nostromo.nl op LinkedIn" title="nostromo.nl op LinkedIn"  style="opacity: 0.6; -moz-opacity: 0.6;" class="fade" /></a>
                        <a href="skype:marcelbootsman" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.nostromo.nl/wp-content/plugins/social-media-widget/images/default/32/skype.png" alt="nostromo.nl op Skype" title="nostromo.nl op Skype"  style="opacity: 0.6; -moz-opacity: 0.6;" class="fade" /></a>
                        <a href="gtalk:chat?jid=marcel@nostromo.nl" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.nostromo.nl/wp-content/plugins/social-media-widget/images/default/32/talk.png" alt="nostromo.nl op Google Talk" title="nostromo.nl op Google Talk"  style="opacity: 0.6; -moz-opacity: 0.6;" class="fade" /></a>
                    </p>
            </div>
    </div>
 <?php
/* Dit geeft de controle terug aan WordPress upgrade routine, niet verwijderen dus. */
die();
?>

Het resultaat

Een live preview van de onderhoudspagina op nostromo.nl zie je hier.

In deze blog een aantal highlights van deze nieuwe release.

Een nieuwe look voor Genesis

In het screenshot hieronder kan je d nieuwe standaard look van Genesis zien. De standaard stylesheet is onder handen genomen en compleet herschreven met de nadruk op flexibiliteit voor responsive design. Nieuw is het gebruik van rem als aanduiding voor afmetingen, met een fallback voor pixels voor browsers die rem niet ondersteunen. Lees hier meer over rem.

Bekijk hier de Genesis 1.9 demo.

Google Author

Genesis biedt nu ook Google Author ondersteuning aan, waardoor het voor Google makkelijk wordt om je content met je Google+ profiel te koppelen. In je WordPress profiel vul je je Google+ profiel URL in, en Genesis doet de rest. Als je een ander Google+ profiel met de homepage wilt associëren kan je dat in de SEO instellingen aanpassen. Lees hier waarom Google een belangrijke rol speelt voor je content marketing strategie.

Vernieuwde security audit

Om het beste framework te zijn en te blijven, is het van belang dat het framework veilig en robuust is. StudioPress heeft WordPress Lead Developer Mark Jaquith uitegenodigd om een full volledige code-review the doen.

Dit is wat Mark er over te zeggen heeft:

It’s clear StudioPress made security a priority when developing Genesis and from a security standpoint, Genesis 1.9 is at the top of its class.

Afgeschafte widgets

Genesis was altijd uitgerust met een aantal nuttige widgets om je site beter en sneller op te bouwen. Sommige van deze widgets zijn achteraf gezien beter in te zetten als plugins, zodat de auteurs ze makkelijker en sneller kunnen bijwerken. De  “eNews & Updates” en “Latest Tweets” widgets worden als plugin geleverd en zullen in de toekomst uit Genesis gehaald worden.

Changelog

Bekijk hier de complete changelog van Genesis 1.9.

Deze populariteit van WordPress heeft zo z’n voor- en nadelen. Een groot voordeel is de grote community die werkt met WordPress, die zorgt voor het constant bijwerken van plugins, thema’s en de WordPress core zelf. Een nadeel is dat door de grote hoeveelheid WordPress websites, het voor hackers aantrekkelijk wordt om WordPress als platform aan te gaan vallen.

Aan ons (gebruikers van WordPress) dus de taak om er voor te zorgen dat onze website goed beveiligd is. Dit begint natuurlijk met een slimme gebruikersnaam en een nog slimmer wachtwoord., maar ook met extra regels aan je .htaccess bestand kan je veel mogelijke ingangen afsluiten.

Standaard .htaccess

Het standaard .htaccess bestand van WordPress bevat de volgende code:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

We gaan eens kijken wat we zoal in dit bestand kunnen toevoegen. Extra regels voegen we toe na de # END WordPress regel. Let op, maak voordat je aan de slag gaat eerst een kopie van je .htaccess voor in het geval er iets mis gaat.

Bescherm je .htaccess

Als eerste gaan we zorgen dat niemand toegang heeft tot het .htaccess bestand.

<Files .htaccess>
order allow,deny
deny from all
</Files>

Alleen toegang vanaf je eigen ip adres(sen)

Om er voor te zorgen dat er de wp-admin map alleen toegankelijk is vanaf je eigen ip adres(sen) voeg je de volgende code toe. De xxx.xxx.xxx.xxx vervangen we door ons eigen ip adres. Als je meerdere ip adressen wilt toevoegen dan kan je ze achter elkaar invoeren gescheiden door een spatie.

<Directory /www/htdocs/example>
order deny,allow
allow from xxx.xxx.xxx.xxx
deny from all
</Directory>

Bescherm je wp-config.php

Om toegang tot je wp-config.php (waar nogal eens FTP inloggegevens in staan) te ontzeggen, gebruik je onderstaande regels.

<Files wp-config.php>
order allow,deny
deny from all
</Files>

Meer bescherming

Voor bescherm tegen script injectie en modificatie van _REQUEST en GLOBALS gebruik je onderstaande regels:

Options +FollowSymLinks
RewriteEngine On
RewriteCond %{QUERY_STRING} (\<|%3C).*script.*(\>|%3E) [NC,OR]
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2})
RewriteRule ^(.*)$ index.php [F,L]

Plugins om WordPress te beveiligen

Mocht je plugins willen gebruiken om je WordPress installatie te beveiligen, dan kan ik je Login Lockdown aanraden om ip adressen te blokkeren waarvan herhaaldelijk login pogingen worden gedaan. Een andere plugin is WP Security Scan, waarmee je een aantal adviezen kan krijgen over te nemen veiligheidsmaatregelen.

Mocht je nog meer vragen hebben, kom dan eens langs op het WordPress spreekuur.

Updates aanbrengen, backups maken, spam reacties verwijderen en de WordPress database optimaliseren. Deze activiteiten vallen meer binnen de term onderhoud dan onder de term ondersteuning. Vandaar dat per vandaag de dienst WordPress ondersteuning van naam gewijzigd is naar WordPress onderhoud. Heeft u vragen over deze dienst, neem dan contact op met nostromo.nl.

In dit tijdperk met allerlei social media is het misschien handig om de gebruikers te laten reageren met hun Facebook, Twitter, Linkedin of ieder een andere social media profiel. In deze blog leg ik uit hoe je dat kan realiseren.

Om dit te realiseren kan je twee dingen doen, je aanmelden bij disqus of livefyre, of een plugin gebruiken, in dit geval kiezen we voor de laatste optie en gaan voor de Social Login plugin. Misschien ga ik later nog wel eens wat over disqus en/of livefyre vertellen.

Social Login installeren

Installeren van de Social Login plugin is een makkie, zoals we dat gewend zijn in WordPress. Ga vanaf je dashboard naar Plugins –> Nieuwe plugin. Zoek daar op “Social Login” en klik op “Nu installeren”. Na installatie klik je op activeren. De plugin is nu geïnstalleerd en geactiveerd, en je kan aan de slag om de plugin te configureren en de social media in te stellen voor gebruik op je website.

Plugin configureren

De plugin werkt samen met de website oneall.com. Deze site levert diensten rondom het integreren van social media op websites. Registreren bij oneall.com is gratis, en is zo gebeurd. Na registratie ga je je site toevoegen via “Create new site”, en vul je de gewenste gegevens in. Na dit proces krijg je een scherm met API keys. Deze API keys moeten ingevoerd worden in de plugin.

Nadat je deze API keys hebt gegenereerd, ga je naar Social Login –> Setup en voer onder het kopje “API Settings” het API subdomein en de API keys in. Klik nu op “Verify API Settings”. De plugin is goed ingesteld als je de melding “The API Settings are Correct” ziet. De volgende stap is het configureren van de social media die je wilt gebruiken.

Social Media configureren

Om gebruik te maken van een platform via deze plugin zijn er twee acties nodig:

1. Het activeren van het platform op oneall.com
2. Het activeren van het platform in de plugin

Activeren van platform op oneall.com

Voordat je van een platform gebruik kan maken kan het nodig zijn dat je eerst een app aanmaakt. Hoe dit gedaan moet worden staat per platform beschreven op de website van oneall.com. De platformen die een app nodig hebben zijn te herkennen aan een oranje button. (let op: in dit screenshot zijn Facebook, Linkedin en twitter al geconfigureerd, en dus niet meer oranje). Een klik op de button brengt je naar een duidelijke beschrijving inclusief video over hoer je het desbetreffende platform moet instellen.

Nadat je de platformen hebt geactiveerd die je wilt gebruiken op je website, is het tijd om de plugin instellingen aan te passen.

Activeren van platformen in de plugin

Social Login ondersteunt op het moment van schrijven 17 social media platformen:

• Facebook
• Twitter
• Google
• LinkedIn
• Paypal
• Yahoo
• Github.com
• Skyrock.com
• OpenID
• LiveJournal
• WordPress.com
• Windows Live
• StackExchange
• Steam
• Hyves
• Mail.ru
• VKontakte (Вконтакте)

Om deze te activeren op je website ga je naar Social Login –> Setup en vink je de gewenste platformen aan. Let op, als je platformen aanvinkt die nog niet ingesteld zijn op oneall.com, krijg je een mail en een foutmelding op het moment dat iemand dat platform wil gebruiken.

Laatste instellingen

Als laatste kan je op de pagina Social Login –> Instellingen de tekst wijzigen die boven de icoontjes komt te staan. En eventuele andere instellingen wijzigen. Neem ze allemaal even door, en bekijk welke opties je wilt veranderen.

Sla de wijzigingen op met de knop “Save changes”, en bekijk het resultaat.

Zie je niks? Dat kan kloppen, want de buttons worden niet getoond als je ingelogd bent. Pak er dus even een andere browser bij, of log uit.

Update: Uitleg over techniek

Op verzoek van een aantal lezers hier een korte uitleg over de workflow van de plugin in combinatie met de dienst, en wat het eindresultaat is op je website (ja daar gebeurd ook iets).

Laten we beginnen met een stroomdiagram:

Kortweeg komt het er op neer dat een gebruiker via de Social Login plugin inlogd op een bepaald platform waarna een token wordt gegenereerd welke weer gebruikt wordt om te kijken of er in de WordPress database een gebruiker voorkomt met die token. Komt er geen gebriuker voor met deze token, dan wordt een nieuwe gebruiker aangemaakt (met abonnee rechten, hier meer over rechten), in elk ander geval wordt de bestaande gebruiker ingelogd.

Hiermee zien we dus ook meteen het resultaat na een succesvolle login, er is een gebruiker toegevoegd aan je WordPress website. Geen paniek, deze gebruiker kan alleen inloggen en een reactie achterlaten. Wil je je Dashboard voor deze gebruiker verstoppen, en eventueel ook de toolbar, gebruik dan onderstaande code.

Let op! Dit zorgt er voor dat de toolbar en het dashboard niet meer toegankelijk zijn voor gebruikers die geen beheerder zijn.

// stuur gebruikers die geen beheerder zijn door naar de homepage
add_action( 'init', 'nostromo_block_dashboard' );
function nostromo_block_dashboard() {
    if ( is_admin() && ! current_user_can( 'administrator' ) ) {
        wp_redirect( home_url() );
	exit;
    }
}
// Geen toolbar voor gebruikers die geen beheerder zijn
function nostromo_hide_toolbar($content) {
    return ( current_user_can('administrator') ) ? $content : false;
}
add_filter( 'show_admin_bar', 'nostromo_hide_toolbar');

Wat wil je doen met RSS?

Voordat je aan de slag gaat, is het belangrijk eerste te weten wat je precies wil. Wil je maar één RSS feed op je WordPress website weergeven, gebruik dan de standaad RSS widget. Hierin kan je een RSS feed opgeven welke weergegeven zal worden in een zijbalk of widgetruimte op je website.

Wil je meerdere RSS feeds weergeven als één stroom berichten of combinaties hiervan, dan is de plugin Syndicate Press aan te raden. Deze plugin geeft je de mogelijkheid meerdere RSS feeds op te geven en deze in de content of als widget weer te geven door middel van shortcodes.

Syndicate Press

Na installatie en activatie van Syndicate Press, gaan we naar de instellingen van deze plugin. Die zijn te vinden onder Instellingen → Syndicate Press. Je ziet nu de laatste nieuwsberichten van de maker van de plugin. We gaan nu een paar feeds toevoegen. Open het tabblad “RSS Feeds”. Hier vul je de RSS feeds in die je wil samenvoegen. Je kan de feeds op twee manieren toevoegen:

1. Zonder naam, bijvoorbeeld www.example.com/feed: www.example.com/feed
2. Met naam, bijvoorbeeld www.example.com/feed2: naam|www.example.com/feed2

Nadat je de feeds hebt ingevoerd, kan je deze feeds gaan gebruiken in je content of in een widget. Dit kan door middel van shortcodes, waarvan je een lijstje vindt onder het tabje “Help”.  De naam die je in de tweede optie hebt gebruikt kan je in een shortcode gebruiken om bijvoorbeeld niet alle, maar een paar van de RSS feeds te laten zien. Als je de RSS feeds in een widget wilt tonen, gebruik dan de Tekst widget in combinatie met een shortcode.

Er zijn nog een aantal opties die je kunt instellen om de uitvoer te veranderen, de cache in te stellen (aanrader!) en HTML aan te passen. Speel er even mee totdat je het gewenste resultaat hebt.

Hulp nodig?

Heb je hulp nodig bij het opzetten van Syndicate Press op jouw site, neem dan nu contact op.

Valt mijn site onder de cookiewet?

Een standaard WordPress website voldoet aan de wet. Maar als je met plugins en social media aan de slag gaat kan het wel eens zo zijn dat er extra cookies gebruikt gaan worden. Juist deze cookies zijn het slachtoffer geworden van de cookiewet. Een paar voorbeelden:

1. (Google) Analytics
   Als je een derde partij gebruikt om statistieken bij te houden van het bezoek van je website, dan gebruikt dat systeem hoogst waarschijnlijk cookies.
2. Sociale Media
   Facebook Like, Google+ +1, Delen via Hyves (ja het bestaat nog), een paar voorbeelden van sociale media op je site die toch echt cookies gebruiken.
3. Thema’s en andere plugins
   Ook thema’s of plugins kunnen cookies (al dan niet van derden) gebruiken om persoonlijke gegevens in op te slaan.

Gebruikt mijn site cookies?

Een handige tool om te bekijken welke cookies jouw website naar de gebruiker stuurt is Ghostery. Dit is een plugin voor je browser (IE, Firefox, Chrome, Safari en Opera) waarmee je op eenvoudige wijze inzicht krijgt in het cookiegedrag van jouw site.

Hoe voldoe ik aan de wet?

Om aan de wet te voldoen zijn er twee mogelijkheden:

1. Verwijder alle cookies,
2. Vraag de gebruiker om cookies te accepteren.

Omdat verwijderen van de cookies niet zomaar kan, moet de functionaliteit van diversde diensten zoals Google Analytics verwijderd worden. Maar dat is waarschijnlijk niet wat je wil. Een goed alternatief is je gebruiker de mogelijkheid geven de cookies te accepteren (of niet). Met de plugin Cookillian kan je dit voor elkaar krijgen.

Deze plugin zorgt ervoor dat alle cookies (behalve die van de plugin zelf, en dat mag dus) geblokkeerd worden, of dat ze worden toegelaten. Cookillian zal automatisch bepalen of een gebruiker uit een land komt welke in de instellingen is vastgelegd. Daarna zullen alle cookies van WordPress en van derden worden geblokkeerd totdat de gebruiker in een volledig aan te passen waarschuwing aangeeft dat cookies geaccepteerd mogen worden.

Met de statistieken is inzicht te krijgen in het aantal bezoekers dat de waarschuwing  accepteert, weigert of negeert, en dat per land en per maand.

Let op: voor Cookillian heb je minimaal PHP 5.3 nodig.

Update:

Inmiddels is Cookillian verdwenen van nostromo.nl. Reden hiervoor is het niet makkelijk kunnen afvangen van third party cookies. Dat geeft de gebruiker uiteindelijk een vals beeld, waarbij de gebruiker denkt dat cookies geblokkeerd worden, terwijl ze gewoon geplaatst worden.

Ik heb gekozen voor de Cookie Control plugin en het melden van de het gebruik van cookies.