Dat is een thema dat de lay-out van de site aanpast aan de breedte van het scherm waarmee de site bekeken wordt. Vooral belangrijk bij de nieuwe mobile browsers voor smart telefoons en tablets.

WordPress Handleiding was al voorzien van zo’n thema, maar ik wilde iets anders voor WordPress Sitebouw.

Browser en Resolutie Statistieken

Nu was ik deze week aan het kijken naar mijn WordPress site statistieken om te zien of het al noodzakelijk was om over te stappen naar zo’n responsive design.

En dit was wat ik zag:

Zeker 25% van de laatst 500 hits waren met mobiele apparaten zoals iPads en Androids.

Waarbij de iPad wel de boventoon voert:

Ook de onderverdelen in scherm resolutie gaf nog die extra reden om over te stappen:

Een Responsive WordPress Thema Kiezen

Bovenstaande statistieken gaven me reden genoeg om nu toch echt over te stappen.

Nu gebruik ik voor bijna al mijn sites een Childtheme van StudioPress in combinatie met het Genesis Framework. En die basis was er ook al voor WP Sitebouw.

Nu zijn niet alle thema’s van StudioPress al zo ver dat ze responsive zijn, maar je kunt snel een selectie maken op het hoofd selectie scherm.

Ik heb nu gekozen voor de Agency Theme omdat die het dichts bij de oude Enterprise Theme kwam, met name door de homepage lay-out.

Update: Inmiddels is het Thema opgezet naar het Balance Theme omdat ik de site te “rommelig” vond overkomen met Agency.

Wel zijn de nodige kleuren nog aangepast omdat de donkere menu kleuren lastig leesbaar waren en de link kleur wat te flets. Voordeel van zo’n Child theme is wel dat dat soort wijzigen ook heel makkelijk te doen zijn via de css instellingen.

Homepage Widgets en de Responsive Slider

De meeste home page widgets van dit thema ware identiek aan die van het oude Enterprise thema.

Alleen de WP Cycle widget is nu weg en vervangen door de Genesis Responsive Slider.

De instellingen daarvan en de manier waarop de tekst afgebroken moet worden in een bericht is wel even extra werk. Je moet namelijk de tekst die je wilt laten zien beperken door in het bericht de More optie in te stellen.

Ook de menu opbouw moest veranderd worden met o.a. het laten vervallen van het Onderwerp menu in de bovenste menu keuzen optie.

Hopelijk is de pagina keuze die er nu staat voor de meeste bezoekers voldoende om snel te vinden wat je zoekt.

Laat hieronder gerust een reactie achter over hoe je de lay-out nu vindt en natuurlijk wat je toch liever net even anders zou zien. Zeker als je een idee hebt dat de navigatie door de site en naar de diverse onderwerpen beter kan maken.

Dit artikel: Een Nieuw Responsive Thema voor WP Sitebouw verscheen het eerst op WordPress Sitebouw.

Deze Ping Back links komen bij je reactie’s terecht en dan moet je ze goedkeuren, afkeuren als spam of verwijderen.

De inkomende links herhalen meestal de titel van je artikel en verwijzen dan naar een andere website met bepaalde zoekwoorden in de titel van de link. Als je dan de inkomen link volg, dan is er geen echte link naar jouw site terug te vinden…

Met een dergelijke link proberen die sites dan meer inkomende links te krijgen om beter te kunnen scoren in Google. Probleem is dat dit soort links door een stukje software automatisch aangemaakt worden op basis van bepaalde zoek opdrachten.

Track Back – Ping Back Links Automatisch Verwerken

Als je veel van dat soort links binnen krijgt in je reactie overzicht, dan heb je een hoop werk om ze weer te verwijderen.

Voor mij kost dat te veel tijd en ik wil ook niet dat ze zomaar goedgekeurd worden. Er is echter een goede oplossing die gevonden heb via de site van de makers van de Growmap Anti Spambot Plugin.

Die oplossing heet Simple Trackback Validation with Topsy Blocker , een hele mond vol, maar heel eenvoudig om mee te werken en te configureren.

Installeer de plugin net zoals ieder ander, je kunt zoeken via het plugin installatie scherm met Simple Trackback Validation en kies dan degene met de Topsy Blocker optie.

Na installatie activeren en vervolgens via Instellingen -> Simple TB Validation het instellingen scherm openen.

Simple Trackback Validation Settings

Als je de instellingen bekijkt, dan heb je een aantal opties. De instellingen die ik hier ingesteld heb zijn redelijk rigoreus…

Je kunt beginnen om de inkomende links eerst te laten markeren als  [BLOCKED BY STBV] zodat je ze snel kunt herkennen en verwijderen. Dat is de eerste keuze om te zien wat er binnen komt en je ze snel kunt herkennen als Spam.

Ik heb er hier zelfs voor gekozen om de inkomende links direct te verwijderen zodat ik ze niet zelf hoef te behandelen.
Heb je nog twijfels over de plugin en wil je zeker zijn dat goede links terug niet per ongeluk mee verwijderd worden, probeer dan eerst de optie 1, of stel helemaal onderaan in dat je toch de laatste 50 inkomende links wilt zien.

Trackback Spam Validatie Stappen

De controle die de plugin doet is tweeledig, eerst een controle op IP adres, het IP adres van de trackback link zender moet hetzelfde zijn als die waarnaar verwezen wordt. Bijna alle spam links vallen hiermee door de mand.

Zoals gezegd gebeurt dit soort spam met speciale software, die werk vanaf een bepaalde server met een ander IP adres dan de sites waarnaar gelinkt wordt, omdat die afwijken van elkaar kun je dus aannemen dat het hier om spam links gaat.

Stap 2 is een controle van de pagina waar de link zogenaamd vandaan moet komen of er inderdaad een link naar je site aanwezig is. Je kunt dan kiezen of er een link moet staan naar precies dat bericht dat gemeld wordt, of naar je hoofd domein.

Omdat ik in het verleden ook diverse track / ping backs gezien heb naar de homepage stel ik deze optie zo in dat dat ook goed is.

Voor mij werkt de bovenstaande anti trackback spam plugin met deze instellingen super goed en is het een prima oplossing om dergelijk inkomende spam links direct af te werken. Mocht jij nog een betere oplossing weten, meld het in de reacties hieronder!

Dit artikel: Trackback Spam Oplossing voor Je WordPress Website verscheen het eerst op WordPress Sitebouw.

Een Administrator / Beheerder

Deze gebruiker, die je dus NIET Admin of Administrator noemt! gebruik je voor het beheer van je website.

Maak die gebruiker naam zo moeilijk mogelijk, bijvoorbeeld Vg6XeuvQ0 met een bijhorend sterk wachtwoord, zoiets als !2w5ismIUG?.

Bovenstaande login gebruik je alleen voor het beheren van je site, meestal is dit de gebruiker die de site geïnstalleerd heeft en die heeft dan ook automatisch de rol van Beheerder gekregen.

Je kunt zelf een nieuwe gebruiker aanmaken met dezelfde rechten via Gebruikers -> Nieuw en dan het formulier invullen. LET OP! Dit moet een ander mail adres zijn dan van de eerste beheerder.

Een Beheerder aanmaken in WordPress

Veel mensen zullen al langer als een gebruiker met beheerders rechten ook aan het bloggen zijn. Geen nood, met deze nieuwe beheerder kun je de rechten van je andere gebruiker inperken.

Een WordPress Redacteur

Heb je je WordPress website net geïnstalleerd, maak dan direct een tweede gebruiker aan met als rol Redacteur.

Deze gebruiker heeft een stuk minder rechten dan een beheerder.

Met deze gebruiker kun je wel alles doen om de inhoud van je site aan te maken en te beheren, maar niet het beheer van instellingen, plugins, thema’s, etc.

Je kunt dat ook direct zien als je als die gebruiker inlogt.

Voor mijzelf stel ik de verschillende gebruikers ook in met een ander kleur schema omdat ik dan direct zie welke rechten ik mogelijk heb.

Het WordPress Redacteur scherm

WordPress Administrator Scherm

Je ziet ook direct in het zij menu dat een redacteur geen instellingen en andere beheerstaken als keuze mogelijkheden heeft.

Met de plugin MP6 http://wordpress.org/extend/plugins/mp6/ krijg je een nog mooier onderscheid en kun je gelijk wennen aan een mogelijke WordPress update:

De Nieuwe WP Admin Layout

Basis extra Beveiliging van WordPress

Doordat je voortaan een onderscheid maakt tussen Redacteur en Beheerder is je beveiliging ook direct beter regeld.

Als Beheerder moet je echter nooit een bericht schrijven of pagina aanmaken, dan komt je gebruikersnaam ook nooit naar voren in een URL zoals bij een Auteur en Redacteur wel gebeurd.

Mocht iemand dan toch via het vinden van je redacteurs naam en het hacken van je wachtwoord toegang krijgen tot je blog, dan blijft de schade beperkt.

Een redacteur kan namelijk geen instellingen wijzigen, codes toevoegen een theme bestanden of vreemde plugins installeren.

Heb je al veel geschreven met je basis gebruiker, hou die gebruikersnaam dan aan. Maak een nieuwe beheerder aan en gebruik die om de je rol van de originele Beheerder terug te zetten naar Redacteur.

Lastig? Zeker in het begin, omdat je zo lekker gewend was om alles te kunnen doen.
Veilig? Het is een eerste stap, voor een echt goed beveiligde WordPress site is er meer nodig. En zelfs dan is het nog mogelijk dat je site gehackt wordt.

Met twee verschillende gebruikers, dus een voor de inhoud en een voor beheer, ben je wel al een stuk beter beschermt.

Dit artikel: Waarom Je Twee Gebruikers bij WordPress Nodig Hebt verscheen het eerst op WordPress Sitebouw.

Word ik eigenlijk wel gevonden via Google? Krijg ik wel bezoekers op mijn website?

Op dat moment wil je eigenlijk wel statistieken zien die je antwoord kunnen geven op vragen zoals:

• krijg ik bezoekers op de site? hoeveel dan?
• waar komen ze vandaag?
• wat doen ze op de site? welke pagina’s bekijken ze?
• …?

Gratis Statistiek Mogelijkheden

Er zijn een aantal mogelijkheden om dat soort statistieken voor je site te krijgen:

• via server log bestanden (complex en niet altijd duidelijk)
• statistieken van je hosting provider, meestal via AWStats die ook niet echt duidelijk is.
• Google Analytics, werkt prima nadat je de code ingevoerd hebt, maar je moet wel wat filters instellen om je eigen bezoeken er uit te halen.
• WordPress Statitiek plugins, daar zitten hele mooie bij, maar je wilt niet al die data in je Database hebben! Tenminste ik niet, het maakt de site trager.
• Statcounter.com is een gratis service die prima voldoet en daarover gaat dit artikel…

Statcounter is helemaal gratis tot zo’n 500 pageviews – aantal bekeken pagina’s. Voor de meeste van ons ruim voldoende. Daarbij geldt voor die 500 alleen dat de details zichtbaar zijn. Overige gegevens zoals bezoekers en pageviews blijven in de grafieken en tabellen nog jaren beschikbaar.

In tegenstelling to andere statistiek programma’s kun je Statcounter verborgen instellen, er hoeft dus geen teller of icoon op he site te komen. Een alleen jij kunt de statieken bekijken als je ingelogd bent.

Statcounter Instellen met Plugin

Om deze statistieken op je site te kunnen installeren moet je eerst een account aanmaken, ga daarvoor naar http://statcounter.com/sign-up/ en meldt je aan.

Eenmaal aangemeld en ingelogd kun je beginnen. Kies daarvoor de optie Add Project.

Hierna krijg je een invul scherm waar je een aantal gegevens in moet vullen:

Aller eerst je domein naam, in dit geval is dat een nieuwe site van mij http://www.siteboek.nl, selecteer dan Netherlands en de tijdzone Amsterdam.

Stel daarna in het linker gedeelte in Invisible tracking wilt gaan gebruiken. Je kunt zelf met welke frequentie je de email rapportages wilt ontvangen.

Eenmaal ingesteld kun je verder met de volgende stap, volg daarvoor de instructies van Statcounter.

Selecteer in de lijst WordPress en in het volgende scherm voor de wordpress.org optie

Hierna krijg je een overzicht met gegevens waarvan je er straks twee nodig hebt!

De gegevens die je starks nodig hebt zijn de Project ID en de security code, beide te vinden bij nr 8 (geen nood, dit zijn niet mijn huidige codes :-)).

De Statcounter Plugin gebruiken

Je kunt de statistiek code kopiëren naar je footer.php net boven de body tag, maar dat moet je dan wel altijd doen als je van thema wisselt.

Met de plugin hoeft dat niet.

Installeer de plugin net zoals ieder ander, je kunt zelfs zoeken naar de plugin aangezien die op de officiële plugin site staat.

Installeer de plugin en activeer hem, daarna ga je naar de Statcounter Admin instelling.

Op dit moment moeten we even terug naar Statcounter codes.

Zoals ik hierboven al aangaf, nu heb je de Project ID en de security code nodig, die moet je nu invullen in de velden van de plugin.

Update de opties en ga terug naar de Statcounter website om te controleren of de code goed staat, daarvoor hebben ze een speciale check.

De code is goed ingevoerd en nu is er nog een laatste stap te doen, zorgen dat je eigen bezoeken niet meegeteld worden. Kies daar voor de optie Blocking cookie in het menu.

Klik op deze optie.

Vanaf nu kun je zelf de statitieken bekijken als je inlogt op Statcounter.com of in je eigen Dashboard.

Binnen je statcounter account kun je nog instellen dat je de site in het Nederlands wilt hebben, maar die vertaling is pas voor 52% klaar. Daarom gebruik ik de site altijd in het engels, maar wellicht vindt jij Nederlands fijner.

Ik hoop dat dit helpt om je statistiek vragen te beantwoorden en dat je maar veel gerichte bezoekers op je site mag krijgen!

Dit artikel: Gratis Statistiek Teller voor Je WordPress Website verscheen het eerst op WordPress Sitebouw.

Beide gratis boeken zijn geüpdate naar WordPress versie 3.5. Afbeeldingen en instructies zijn waar nodig gewijzigd een aangevuld.

Bij allebei de PDF’s zijn nu een inhoud opgave toegevoegd en een pagina met bronnen die je kunt gebruiken.

De belangrijkste wijzigingen van WordPress 3.5 zijn wel de compleet gewijzigde Media upload en Bibliotheek functie en het verdwijnen van de Links optie.

Geen nood, bij oude installaties blijft de links optie gewoon actief, ook als je update. Voor nieuwe installaties kun je de Link Manager Plugin.

Voor jou als WordPress gebruiker is vooral de onderliggende code voor je Dashboard gewijzigd. Compleet herschreven HTML5 en CSS speciaal voor het gebruik op mobiele apparaten en Tablets. Super responsive, dus extra fijn om snel op de bank met je Tablet nog even aan je site werken.

Updaten dus als je dat nog niet gedaan had, en veel plezier met de nieuwe pdf versies.

Dit artikel: eBoeken Opzetten WordPress website en De Kleine WordPress Handleiding verscheen het eerst op WordPress Sitebouw.

Een child theme is een afgeleid thema van het hoofd thema dat je gebruikt op je WordPress site / blog.

Een child theme is vooral van belang als je een standaard thema van WordPress gebruikt zoals Twenty Eleven of Twenty Ten. Zeker als je daarin de nodige aanpassingen hebt gedaan om jouw site een eigen gezicht te geven.

Bij een upgrade waar ook de thema’s gewijzigd zijn verlies je al die aanpassingen (dus back-up! voor je update!). Met een child theme kun je dat voorkomen.

Structuur van een Child Theme

De basis van een child theme bestaat uit een aantal bestanden. Daarbij is er maar een verplicht, de style.css waarmee de opmaak mee geregeld wordt.

Daarnaast kun je een functions.php of een footer.php opnemen, helemaal afhankelijk van je wensen.

Een child thema komt ook in een eigen thema map te staan, maar roept wel de functies aan van het boven liggende thema.

Nu klinkt bovenstaande voor de meeste mensen die net met WordPress beginnen allemaal nogal ingewikkeld.

De One-Click Child Theme Plugin

Er is echter een hele simpele oplossing, de one-click child theme plugin http://wordpress.org/extend/plugins/one-click-child-theme/.

Installeer die net als iedere andere plugin en maak het thema actief waar je een Child theme van wilt hebben, voor de meeste zal dat het standaard Twenty Eleven thema zijn.

Ga nu in je Dashboard naar weergave en kies voor Child Theme.

Als je dat aan klikt dan krijg je een eenvoudig scherm te zien waar je maar een paar zaken in hoeft te vullen.

Inderdaad: De naam van je Thema, Een beschrijving van je Thema en je eigen naam.

De naam van je thema wordt gebruikt om de map van je child thema aan te maken, in dit geval wordt dat dus /wp-beginner/.

Klik op Create Child en je eigen child thema is nu klaar.

Je nieuwe thema is nu ook actief en als je naar je site kijkt zul je geen verschil zien.

WordPress Child Thema Aanpassen

Als je nu naar Weergave -> Bewerker gaat dan zie je daar je nieuwe style.css staan en een melding: Dit subthema overerft templates van een hoofdthema, Twenty Eleven.

Alle style wijzigingen die je nu door wilt voeren, zet je in dit style.css bestand. Als je al verandering had gedaan, kopieer ze dan naar dit bestand. In principe hoeven alleen de style codes met wijzigingen op genomen te worden.

Wil je een wijziging aan brengen in het footer.php bestand, kopieer dan (via FTP) alleen het footer.php bestand van het originele thema naar je nieuwe thema map.

Nu zul je bij de bewerker ook die footer.php zien staan en kun je daar de wijzigingen doen.

Bijvoorbeeld om de voettekst te veranderen van Powered by WordPress:

<div id="site-generator">
 <p>Copyright &copy; 2012 - <?php echo date('Y'); ?> <a href="http://www.wpsitebouw.nl"> WordPress Website Bouw</a></p>
</div>

Voor de rest is de procedure gelijk aan bovenstaand voorbeeld.

Ik gebruik zelf voor mijn sites meestal een Child theme van StudioPress die als basis het Genesis Framework hebben.  Dat is een premium thema dat niet echt goedkoop is, maar zeker de moeite en het geld waard!

Maar nu is het tijd voor actie, maak je eigen child theme en leer wat meer over css op http://www.handleidinghtml.nl/.

Bekijk ook de stylesheet van je basis thema en kopieer dan de elementen die je aan wilt passen naar je child thema style.css bestand.

Dit artikel: Een Eigen WordPress Child Theme Maken verscheen het eerst op WordPress Sitebouw.

Ik was net de laatste versie van de WordPress SEO plugin aan het bijwerken toen ik de melding zag.

Snel dus op de site van WordPress.org gekeken omdat ik ook een update van de Theme Twenty Eleven voorbij zag komen.

Zoals je ziet, was ik er inderdaad erg vroeg bij deze keer. Klik op de afbeelding om het huidige aantal downloads te zien.

Twenty Eleven Thema Update

LET OP! met de Theme update, als je direct in de standaard stylesheet aanpassingen hebt gedaan, dan ben je die kwijt, maak dus eerst een goede back-up.

Beter is het om een child theme te gebruiken zoals op WordPress Beginner. Die site is inmiddels over naar WordPress 3.4 zonder problemen.

Grootte Wijzigingen in WordPress 3.4

Echt grootte wijzigingen zijn er niet direct in de nieuwe versie, vooral mooie veranderingen in het Thema gedeelte.

Zoals je na de update direct te zien krijgt.

Ga daarna eens naar de optie Weergave en bekijk eens hoe je site eruit zien met een ander thema door daar op een thema preview te klikken.

Je ziet dan je WordPress website en je krijgt direct ook de thema opties te zien. Die opties kun je ook aanpassen en bekijken, zonder dat ze live op je site te zien zijn!

Naast die thema opties zijn er ook wat performance verbeteringen ingebouwd.

WordPress heeft deze versie “Green” genoemd, naar de gitarist Grant Green, en ze melden zelf ook direct met de nieuwe Theme Customizer.

The biggest change in 3.4 is the theme customizer which allows you to play around with various looks and settings for your current theme or one you’re thinking about switching to without publishing those changes to the whole world.

Verder nog ingesloten Tweet opties en betere afbeelding behandeling. Zeker de moeite waard dus deze update!

Lees meer en bekijk de introductie video op http://wordpress.org/news/2012/06/green/

Dit artikel: WordPress 3.4 Vrijgegeven verscheen het eerst op WordPress Sitebouw.

Maar waarom is die er opeens en waarom zou jij er ook een op je site moeten hebben?

De Cookie Wetgeving

De nieuwe Telecommunicatie wet waarbij het gebruik van cookies is geregeld is in werking gegaan op 5 Juni 2012. Onderdeel van die wet is dat je explicitiet toestemming moet vragen om cookies te mogen plaatsen.

In het bovenstaande persbericht over de wet kun je  lezen:

De nieuwe cookiebepaling treedt, met uitzondering van het rechtsvermoeden bij tracking cookies, direct in werking. Vanaf 5 juni 2012 is OPTA daarom bevoegd om de nieuwe cookieregels te handhaven en moeten partijen die cookies plaatsen en lezen de nieuwe cookieregels naleven: informeren en vooraf toestemming verkrijgen.

Nu kun je denken, maar ik gebruik helemaal geen cookies op mijn site, dus hoef ik niets te doen. Er is echter meer dan één reden om een en ander in orde te maken.

Er zijn namelijk plugins die wel cookies plaatsen om het je bezoekers makkelijk te maken, denk maar eens aan contact formulieren en de reactie mogelijkheid van WordPress zelf.

Daarnaast gebruik je hoogst waarschijnlijk ook een bezoekers meet service zoals Google Analytics of Statcounter. Op deze site gebruik ik Adsense en diverse partner programma’s die zelf tracking cookies plaatsen.

Of jij die nu ook al gebruikt of in de toekomst wilt gebruiken is natuurlijk aan jou, maar zorg er nu vast voor dat je aan de nieuwe wetgeving voldoet. Dat vookomt een hoop problemen.

Een Cookie Plugin en een Privacy Pagina

Om snel en makkelijk aan die nieuwe wetgeving te voldoen heb je twee dingen nodig op je WordPress website.

1. Een Privacy Beleid pagina
2. Een Cookie Plugin

De privacy beleid pagina kun je zelf heel snel maken via de Privacy Generator, vul daar je domein naam en email adres in en kies voor Alleen Privacy Tekst met opmaak.

Selecteer daarna de tekst van de pagina die gemaakt wordt en kopieer die naar je klembord. Maak nu een nieuwe pagina op je WordPress site met de Titel Privacy Policy of Privacy Beleid. Schakel over op HTML (Tab rechts boven) in je editor en plak de tekst in het inhoud veld.

Nu zijn er nog twee dingen om te doen: in de code vind je bovenaan margin-top:50px; wijzig dit naar margin-top:5px; anders heb je wel erg veel witruimte onder de titel. Corrigeer dan de tekst bijna onderaan Privay Policy? in Privacy Policy?. Je kunt zelf wel bepalen of je Policy wilt vervangen door Beleid, doe dat wel in de hele tekst waar nodig.

Publiceer nu die pagina, bezoek de pagina en kopieer de URL, die hebben we zo nog nodig.

De Cookie Plugin die ik hier gebruik is Cookie Control, installatie gaat via de normale procedure Plugins -> Zoeken-> Cookie Control-> Toevoegen en activeren.

Nadat je de Plugin geactiveerd hebt zie je in je dashboard de optie Cookie Control. Open die menu link en je krijgt de settings te zien.

Bij die settings zit ook de optie om te linken naar je Privacy pagina, plak daar de URL van je Privacy pagina. Je kunt hier ook kiezen om een donkere of een lichte layout van je cookie melding te tonen. Hier gebruik ik de donkere versie die standaard aan staat.

Je kunt hier ook de tekst wijzigen die zichtbaar wordt. Standaard staat die in het Engels, maar de intro heb ik naar het Nederlands gezet.

Deze site gebruikt cookies om informatie op te slaan op je computer. Door deze site te gebruiken accepteer je de voorwaarden en privacy beleid.

De langere tekst die tevoorschijn komt als je op Read more klikt zal ik later nog vertalen.

Als je die twee dingen in orde en opgeslagen hebt, dan ben je klaar en zul je op je eigen site ook de cookie melding zien.

Met de twee bovenstaande opties heb je in principe binnen vijf minuten je site in orde en voldoet je WordPress website aan de Cookie wetgeving.

Update: Nadat ik dit bericht geschreven had en de pagina ging bekijken kreeg ik wel de homepage te zien, maar iedere pagina daarna was even zichtbaar en daarna blanko. Na uitschakelen van de Cookie Control was alles weer normaal. Omdat ik de Cookie optie erg belangrijk vindt moest ik dus op zoek naar de code of plugin die conflicteert met de nieuwe plugin.

Op een andere site werkte alles zonder problemen, op zoek dus naar de verschillen. Deze Cookie Control en andere plugins maken gebruik van Javascripts, omdat de pagina even zichtbaar was en daarna wit werd moest er dus iets zijn dat later geladen wordt. Na wat proberen met de diverse plugins bleek het een widget te zijn van Computerboek, die verschillende WordPress boeken laat zien. Todat dat probleem opgelost is blijft die dus even uitgeschakeld.

Update: De Cookie Control plugin is nu vervangen door Cookie Warning. Zie ook http://www.herbertvandinther.nl/wordpress-plugin-cookie-wetgeving-warning/

Dit artikel: WordPress Plugin voor de Cookie Wet verscheen het eerst op WordPress Sitebouw.

Crackers maken gebruik van gaten in de beveiliging van WordPress, maar meer nog van beveiligingsgaten in WordPress Theme’s en Plugins om toegang te krijgen tot jouw website en bestanden.

Als ze die toegang hebben kunnen ze een aantal zaken doen, het index.php bestand vervangen zodat je voorkant van je website er anders uit ziet. Dat is makkelijk te repareren door de orginele index.php terug te zetten. Ze kunnen echter ook veel vervelendere zaken doen waar je pas later achter komt. Zaken zoals via jouw website malware verspreiden of pagina’s maken die er uit zien als bank inlog pagina’s…

Begin met de Basis WordPress Beveiliging

De eerste stap voor een veiliger WordPress website is al bij de installatie van je website:

• gebruik geen standaard woorden voor de databasenaam
• gebruik geen standaard woorden voor de database gebruikers naam
• gebruik moeilijke wachtwoorden van de database toegang, zeker 9 tekens, gebruik kleine letters, Hoofdletters, nummers en Leestekens door elkaar.
• Wijzig de prefix van je WordPress tabellen, dus niet de standaard wp_ gebruiken.
• gebruik NIET de gebruikersnaam admin maar maak er iets leuks van dat niet te raden is!

Na de installatie van WordPress kun je een aantal bestanden verwijderen:

• readme.html in de basis van je website omdat die versie gegevens bevat van je installatie.
• wp-config-sample.php deze is na de installatie niet meer nodig
• install-helper.php en install.php in de wp-admin map aangezien de installatie klaar is

De volgende actie is niet altijd makkelijk, maar zeker als je de complete site installatie in de public_html map hebt staan dan kun je het wp-config,php bestand een map hoger plaatsen, dus net buiten je public_html map. WordPress staat het tegenwoordig namelijk toe om dat bestand een map hoger te plaatsen.

Zorg er daarnaast voor dat de map rechten niet hoger staan dan 755 en voor bestanden 644, je wp-config.php heeft zelfs voldoende aan 600 (dat kan heel makkelijk als je Filezilla gebruikt.

Speciale WordPress Plugins voor Extra Beveiliging

Er zijn een aantal plugins die ik tegenwoordig standaard meeneem in iedere WordPress installatie:

WP Security Scan een speciale plugin die je direct helpt om een aantal zaken te controleren en zelf te repareren, maar zorg voordat je een aantal van die zaken gaat doen wel voor een goede back-up! Zeker van je database, de correctie kunnen nogal ingrijpend zijn.

WordPress File Monitor Plus is een plugin die jouw installatie bewaakt en je een mail stuur als er iets veranderd, toegevoegd of verwijderd wordt van je WordPress website bestanden. Daarbij kun je wel bepaalde mappen uitzonderen, zoals de cache map omdat daar natuurlijk regelmatig bestanden verwisseld en gemaakt worden.

WordPress Firewall 2 bewaakt allerlei inkomende links en vreemde urls die bijvoorbeeld proberen gebruik te maken van de eerder genoemde beveiliginslekken. Ik zie vooral veel pogingen om de oude versie van http://code.google.com/p/timthumb/ te benaderen. Een lek in de oude versie, die veel gebruikt werd voor het automatisch verkleinen van afbeeldingen, zorgde afgelopen jaar voor veel gehackte websites. Deze plugin zorgt ervoor dat dergelijke vreemde aanvragen door gestuurd worden naar je Homepage.

De laatste plugin kan zeker de nodige zaken voorkomen, maar het is vooral eng als je een paar honderd meldingen krijgt van de pogingen die ondernomen zijn om je site te benaderen met allerlei thema’s die niet geupdate waren.

Opruimen van Niet gebruikte Plugins en Theme’s

Met de WordPress Firewall 2 worden een hoop van de acties om je site te hacken voorkomen, maar het is nog beter om oude zaken op te ruimen om dergelijke lekken te voorkomen. Verwijder dus die thema’s die je niet gebruikt! Ook de WordPress Standard Thema’s zoals TwentyTen en TwentyEleven.

Plugins die je niet meer gebruikt verwijderen, dat zorgt er ook voor dat je site wat sneller wordt omdat WordPres niet meer hoeft te kijken of de plugin actief is of geupdate moet worden.

Plugins die je maar een  keer nodig hebt gehad kunnen verwijderd worden, denk daarbij aan import en export plugins, en plugins zoals AJAX Thumbnail Rebuild.

Bedenk daarnaast dat je vooral moet zorgen dat je regelmatig inlogt op je WordPress website en zorgt dat je WordPress, Plugins en Theme’s Updates als dat nodig is. Neem de Feed van http://wordpress.org/news/ op in je Feedreader zodat je altijd direct op de hoogte bent van nieuwe WordPress versies.

Zorg ook altijd voor een goede backup van je database en bestanden zodat je snel weer je website op kunt zetten mocht je site toch gehackt worden. Hoe je dat makkelijk kunt doen, dat vertel ik je de volgende keer…

Heb je zelf nog tips over het beveiligen van je site, meld ze hieronder!

Dit artikel: Hoe Beveilig je een WordPress Website – De Basis verscheen het eerst op WordPress Sitebouw.

Aangepaste menu’s bieden een hele grootte flexibiliteit om de navigatie van je site heel makkelijk naar je hand te zetten.

Beginnen met Aangepaste Menu’s

Ga in je Dashboard naar Weergave -> Menu’s en start met je eerste menu door een Menu een naam te geven:

Nadat je de naam gegeven hebt, direct op Opslaan klikken, anders kun je niet verder.

Je kunt bijvoorbeeld direct een pagina menu aanmaken dat je straks ook nog helpt om je navigatie te sorteren.

De pagina´s die je in je menu wilt hebben selecteer je vanuit de kleine pagina widget aan de linker kant. Ook hier direct op Opslaan klikken als je ze toegevoegd hebt. Nu kun je verder werken bijvoorbeeld om de pagina´s te sorteren. Daarvoor hoe je ze alleen maar aan te klikken en te verslepen naar de plaatst waar je ze hebben wilt. Niet vergeten om weer op Opslaan te klikken anders ben je de wijzigingen kwijt.

Je kunt zo ook pagina´s als subpagina´s in je menu opnemen, ook al zijn ze dat niet direct. Daarvoor sleep je ze naar de pagina waar ze onder moeten komen en je ziet direct zelf hoe dat gaat.

Op dezelfde manier als je een pagina menu aanmaakt kun je ook een menu voor je categorieën aanmaken.

Extra WordPress Menu Opties

De eerste aangepaste link die je aanmaakt, en misschien ook de enige is die naar je Homepage.

Geef daarvoor de URL in, je website adres, en geef daar een naam aan zoals Home of Start. Voeg die aangepaste link toe aan je pagina menu en sleep hem naar de eerste plaats. Menu weer opslaan en je hebt keurig een link naar je homepage in je navigatie.

Je kunt bij iedere nieuwe pagina of categorie opnieuw naar je Menu gaan en de pagina toevoegen. Of je laat WordPress dat doen… vink eenvoudig weg de optie aan Automatisch nieuwe top-level pagina´s toevoegen en je bent klaar. Die optie geldt voor pagina´s én rubrieken! Subpagina´s worden niet automatisch toegevoegd.

Een veel vergeten optie is de mogelijkheid om je Menu titels aan te passen, wat weer goed is voor je zoekmachine optimalisatie en om kortere navigatie titels te maken.

Hierboven heb ik dat bij de Home Link gedaan, maar het werkt bij ieder onderdeel van je menu items.

Klik op het pijltje rechts en open de extra velden die in je menu item zitten.

Het eerste veld Navigatielabel is de tekst zoals die in je menu zichtbaar wordt, die maak je zo kort en duidelijk mogelijk.

Het tweede veld Titelatribuut is de link tekst die gebruikt wordt en die je ziet als je met je muis over de menu knop gaat. Die tekst kan dus uitgebreider zijn en bijvoorbeeld de titel van die pagina hebben of duidelijk maken waar een categorie over gaat.

Aangepast WordPress Menu Gebruiken

Nu je een aangepast menu hebt dat precies opgebouwd is zoals jij het wilt, wil je dat natuurlijk ook terug zien op je site.

Afhankelijk van het WordPress Thema dat je gebruikt kan het zijn dat er al een locatie aangegeven wordt voor je menu, of je krijgt een melding zoals deze.

In bovenstaand geval gaan we naar de Widget sectie en kijken we waar we het menu kwijt kunnen. Daarvoor gebruiken we de Widget Aangepast Menu.

Sleep de widget naar de plaatst waar je het wilt gaan gebruiken en selecteer het menu uit de selectie. Geef de Widget een titel en sla hem op, klaar…

Heb je meer menu’s dan kun je die ook zo opnemen in het zijmenu.

Twenty Eleven Menu Optie

Twenty Eleven is het standaard thema dat tegenwoordig bij de nieuwste versie van WordPress meegeleverd wordt.

Dit thema is bijzonder flexibel en veel gebruikt, maar voor veel mensen is het aanpassen van het menu niet duidelijk, vandaar dit extra stukje over Twenty Eleven menu en navigatie.

Hier is een voorbeeld van de standaard navigatie van het thema.

Twenty Eleven maakt automatisch een menu aan van de pagina’s die je publiceert, maar dat kun je makkelijk veranderen.

Maak daarvoor eerst een aangepast menu aan zoals boven beschreven en sorteer de pagina’s of maak links aan zoals je die zelf wilt zien in je navigatie.

Nadat je het menu aangemaakt en opgeslagen hebt zie je de menu optie van Twenty Eleven in dat menu scherm.

Je kunt nu je aangemaakte menu selecteren als Primary Menu en dan Save klikken op die keuze op te slaan.

Zoals je hierboven ziet heb ik de volgorde van pagina’s even omgedraaid.

Met het aangepaste menu heb je volledige controle over het Navigatie menu van Twenty Eleven en kun je dus zelf bepalen wat en waar het kom te staan.

Dit artikel: WordPress Menu Aanpassen en Gebruiken verscheen het eerst op WordPress Sitebouw.

Zeker als je niet met Databases en FTP aan de gang wilt en direct wilt gaan werken met WordPress is dit een uitstekende optie waarbij je binnen 10 tot 15 minuten je WordPress site start klaar hebt.

Hieronder de stappen die ik gevolgd heb. Klik op de afbeeldingen voor een grootte versie!

Stap 1:  je domeinnaam en hosting registreren en wachten tot deze actief is, meestal is dat al na een uurtje. Ja ziet dan onderstaande pagina.

Stap 2: Inloggen op je controle paneel (toegang gegevens krijg je via email) en kies onderaan je scherm voor Installatron Script Installer

Stap 3: Kies uit alle opties voor WordPress om te installeren

Stap 4: Kies na de selectie voor Installeer deze applicatie omdat we een nieuwe installatie doen.

Stap 5:  Selecteer het domein waar je de installatie voor wilt doen. Je hebt hier de keuze om te kiezen voor www. ervoor of zonder www. Je kunt hier ook wijzijgen of je de installatie in een submap wilt doen of direct in de root. Standaard staat het pad op wordpress, maar ik gebruik liever cms, wil jet direct in de root, verwijder dan wordpress uit het pad veld.

Stap 6: Selecteer uiteraard de laatste versie en klik volgende…

Stap 7:  Laat voor je eigen gemak de database instellingen automatisch beheren, maar je kunt ook voor handmatig kiezen en zelf de diverse opties invullen.

Stap 8: Wijzig je inlognaam naar iets anders dan admin en zorg dat je het wachtwoord kopieert. Wijzig ook de Website naam naar je eigen idee. Je kunt hier ook kiezen voor een Engelstalige installatie als je een .com site in het Engels wilt beginnen.

Stap 9: Klik door op de volgende scherm tot je de installatie voortgang ziet en wacht dan tot die klaar is.

Na de installatie krijg je nog een overzicht scherm met alle technisch gegevens, maak daar voor jezelf een kopie van.

Stap 10:  Hier moet je even via FTP naar je website toe, of via de filemanager in je controlpanel omdat we het bestand index.html willen verwijderen en de .htaccess bestanden en de index.php naar de root kopieren en aanpassen. zie ook http://wpsitebouw.nl/wordpress-verplaatsen-van-map-naar-hoofdmap/

Bij de algemene instellingen wijzig je dan het Adres van deze site (URL) zodat het /cms deel weg is.

Belangrijk! Vergeet niet om je Privacy Instellingen aan te passen zodat de zoekmachine je site kunnen bezoeken.

Klaar! Als alles goed gegaan is heb je nu de installatie afgerond en kun je inloggen op je eigen WordPress website!

En ja… nu begint het echte werk pas… een thema kiezen, plugins installeren en inhoud schrijven.

Tip: Gebruik de WordPress na Installatie Checklist om je site een vliegende start te geven.

Dit artikel: WordPress Installatie Super Eenvoudig met Installatron verscheen het eerst op WordPress Sitebouw.

Ik heb nu de eerst WordPress site bijgewerkt naar de nieuwe versie en dat ging zonder problemen, maar… die heeft echt alleen een minimaal aantal plugins geinstalleerd.

Bij de tweede site is opeens het Dashboard menu compleet verdwenen en moest ik dus terug naar versie 3.1.4.
Mijn advies nu? Nog een paar dagen wachten tot de meeste bugs eruit zijn, dus ik wacht met een aantal sites waar ik veel plugins gebruik tot versie 3.2.1 uitkomt.

Wil je toch de upgrade proberen? Maak dan zeker een goede backup van je bestanden en database zodat je direct weer terug kunt naa 3.1.4 als er iets mis gaat.

Het grootste verschil zie je door de nieuwe gewijzigde Dashboard layout.

Het Nieuwe WordPress 3.2 Dashboard

Update: Vanaf nu: 8 Juli 2011 draait deze site nu ook onder WordPress 3.2, de enige plugin die ik uit moest schakelen was WP-Insert.

Dit artikel: WordPress 3.2 is Hier… Ga Jij al Upgraden? De eerste ervaringen. verscheen het eerst op WordPress Sitebouw.

Normaal zou een dergelijke nieuwe versie geen probleem op hoeven te leveren, maar met WordPress 3.2 heeft WordPress een aantal eisen aan je websitehosting account gesteld die mogelijk een probleem kunnen vormen.

Voor WordPress 3.2 zijn de minimum eisen nu gesteld op:

• Ondersteuning van PHP 5.2.4 of hoger
• MySQL versie 5.0 of hoger

voor WordPress versie 3.1.x was dit nog:

• Ondersteuning van PHP 4.3
• MySQL versie 4.1.2

De meeste webhosting providers zullen met WordPress 3.1.x geen problemen hebben, maar de nieuwe versie die eraan komt 3.2 stelt veel hogere eisen en het kan daarom goed zijn om eerst bij je (toekomstige) hosting provider na te vragen of ze de gevraagde versies ondersteunen.

Wil je zelf kijken of je huidige WordPress Websitehosting account met WordPress installatie voldoet dan kun je de plugin http://wordpress.org/extend/plugins/wp-serverinfo/ installeren.

Daarmee krijg je in je WordPress Dashboard de huidige versie informatie te zien waaronder de versies van PHP en MySQL.

WordPress Server versie Informatie

En zoals je ziet, is mijn websitehosting provider goed up-to-date met de laatste versies dus ik verwacht weinig problemen met de nieuwe WordPress versie.

En jij? Is jouw websitehosting provider al klaar voor WordPress 3.2?

Dit artikel: WordPress 3.2 en Je Hosting Account verscheen het eerst op WordPress Sitebouw.

Ik gebruik daarvoor het Gratis Open Source Programma FileZilla (http://filezilla-project.org/download.php ) en dat werkt uitstekend, onafhankelijk van je hostingprovider instellingen.

Het grootste ‘probleem’ met de handleiding is dat ik de informatie neem van mijn eigen provider… die instelling kom ik gelukkig tegen in het merendeel van de hosting providers in Nederland en zelf daarbuiten.

Waar in de handleiding staat dat de WordPress Bestanden naar de map /public_html toe moeten, kan het best zijn dat jou provider juist zegt dat ze naar de map /www toe moeten. Kijk dat dus altijd even na bij de helpdesk informatie van je provider.

FileZilla Instellen

Als je FiliZilla geinstalleerd hebt, start dan het programma en kies allereerst voor de menu keuze Sitemanager en maak een nieuwe site aan.

filezilla site manager

Vul nu bij die site gegevens je FTP contact gegevens in die je van je hosting bedrijf gekregen hebt.

ftp instellingen filezilla

Klik dan op OK en kijk of je verbinding krijgt met de FTP server voor jouw domein.

In mijn geval krijg ik dan een overzicht van de verschillende domeinen die ik heb en kan ik doorklikken naar het domein waar ik WordPress op wil installeren. Heb je maar een domein dan kun je direct naar de map public_html.

filezilla basic domein verbinding (klik voor vergroting)

Nu kun je de map wordpress uploaden naar die public map en die map dan hernoemen naar bijvoorbeeld cms.

wordpress naar public map uploaden (klik om te vergroten)

hernoem wordpress naar cms

(Natuurlijk example.com vervangen door jouw domein)

Na de installatie kun je de site met een .htaccess bestand en het aanpassen van een index.php bestand zoals hier beschreven is.

Mocht je toch problemen ondervinden met deze stappen, stuur me dan een mail via de Contact pagina en ik zal zien of ik je verder kan helpen.

Weet je toevallig de informatie van jouw hosting provider en die wijkt af van de standaard, help dan anderen door hieronder die informatie te delen met vermelding van de naam van de provider en de juiste map die je moet gebruiken in plaats van public_html.

Dit artikel: WordPress Uploaden met FileZilla verscheen het eerst op WordPress Sitebouw.

Dit is een vraag die ik regelmatig krijg: Hoe kan ik mijn Statische HTML website overzetten naar een WordPress website?

Waar je vooral op moet letten bij een dergelijke actie is dat je ervoor zorgt dat je oude links (urls) van je website zoveel mogelijk hetzelfde blijven zodat je hudige postities in Google bewaard blijven. Als er toch een paar zijn die je anders wilt dan is daar ook een oplossing voor.

Maar first things first, met omzetten van je site.

Allereerst, wat heb je nodig:

• goede hosting die php ondersteund
• een mysql database: databasenaam, gebruikersnaam voor de database en bijbehorend wachtwoord
• de mogelijkheid een .htaccess bestand te plaatsen

Ben je niet zeker van bovenstaande zaken, vraag je hosting provider!

WordPress installeren in een Submap

Wat je eerst gaat doen is WordPress installeren in een submap bijvoorbeeld /cms (zoals in de wordpress sitebouw handleiding staat).

Nadat dat de installatie afgerond is zet je de privacy instellingen tijdelijke zo dat de zoekmachines geweerd worden (Instellingen -> Privacy) zodat de nieuwe links niet opgenomen worden totdat je klaar bent met de omzetting.

Nu kun je de WordPress website opbouwen naast de site die je nu hebt, deze blijft actief terwijl jij de nieuwe site bouwt.

Oude Links Handhaven

Zoals eerder gezegd is het belangrijk dat de nieuwe site later dezelfde urls heeft als de oude site.

Zet daarom je permalinks vast op aangepast met de waarde /%postname%.html dit zorgt ervoor dat berichten ook een .html extensie krijgen.

Tijdens de ontwikkeling van je site zal het /cms/pagina-url.html zijn, maar later wordt dat /pagina-url.html zoals die van de oude site is.
Zorg ervoor dat de “slugs” hetzelfde zijn als bij de oude site, een plugin die je dan zeker nodig hebt is “.html on pages” . Ik neem even aan dat je inderdaad pagina’s hebt dit eindigen op .html

Je kunt nu de oude pagina’s omzetten naar WordPress door de teksten te kopieren of de HTML code te kopieren van de inhoud van de oude site naar het HTML code scherm van WordPress.

Je pagina URL worden gemaakt door de Titel van je pagina, maar je kunt ze zelf nog wijzigen door het bewerken van de permalinks.

Er is ook een plugin die je bij het kopieren van de oude pagina’s kan helpen: http://wordpress.org/extend/plugins/import-html-pages/ Let Op! Voor deze plugin moet je echt met PHP5 werken! Vraag ernaar bij je hosting provider als je niet zeker bent.

Website Layout

Het omzetten van een oude site naar een wordpress website met dezelfde layout is een heel andere oefening dan wat ik hier beschrijf, daarvoor moet een compleet nieuwe Theme / Layout gemaakt worden. Waarom dan niet gelijk met de omzetting je site een nieuw uiterlijk geven? Kies dan voor een mooie premium theme die past bij je bedrijf / website en pas die aan.

Als je tevreden bent met je nieuwe site dan voer je de volgende stappen uit om hem “live” te zetten:

1. verwijder of hernoem de index.html in de root van je oude site.
2. copier de index.php en .htaccess bestand uit de /cms submap naar de root van je site
3. wijzig een regel in het index.php bestand in require(‘./cms/wp-blog-header.php’); (alleen bij het index.php bestand in de root, niet in de map /cms!!)
4. wijzig het  Blog adres in de algemene instellingsgegevens inde domein naam.
5. verwijder of hernoem de oude  .html bestanden.
6. wijzig de privacy instelling zodat de zoekmachines weer toegang krijgen.

Kijk voor de bovenstaande procedure ook op WordPress verplaatsen van map naar hoofdmap.

Als je de overgang op deze manier doet, dan is je oude site niet bereikbaar gedurende de 5 minuten die je nodig hebt voor het omzetten van de index.htm naar index.php en als je de URLs gehouden hebt, dan verlies je ook geen bezoekers van de zoekmachines zoals Google.

En natuurlijk heb je eerst een back-up van je oude site gemaakt zodat snel terug kunt als er toch een probleem mocht zijn.

Wil je nieuwe urls voor je pagina’s gaan gebruiken en de oude urls doorlinken naar de nieuwe dan kun je dat op twee manieren doen:

• met een plugin http://wordpress.org/extend/plugins/redirection/
• via het .htaccess bestand waar je per url een regel opneemt: redirect 301 /oude-url.html http://www.example.com/nieuwe-url.html

Veel succes en mocht je nog vragen hebben, neem gerust contact op via het contact formulier.

Heb nog ander tips of aanvullingen schrijf ze hieronder in het reactie formulier zodat we mensen nog beter kunnen helpen.

Nog een laatste vraag: Is er behoeft bij jullie om deze informatie in een meer gedetailleerde handleiding in pdf formaat te krijgen met diverse schermafbeeldingen en tips? Laat dan ook een reactie achter.

Dit artikel: Van Statische HTML naar WordPress Website verscheen het eerst op WordPress Sitebouw.