WordPress Handleiding Wouter Postma Jelle van der Schoot © Eigendom van WordPress Lounge 1 Inhoudsopgave 1. WordPress algemeen & installeren 1.1. Wat is WordPress? 1.2. WordPress geschiedenis 1.3. WordPress.org en WordPress.com 1.4. WordPress installeren via Installatron 1.5. WordPress handmatig installeren 2. Inloggen & Back-end 2.1. In­ en uitloggen 2.2. Gebruik back­end 2.3. Layout back­end aanpassen 2.4. WordPress beveiligen 2.4.1. Inloggen zonder wachtwoord 2.4.2. WordPress versienummer verbergen 2.4.3. Maak je site veiliger met Limit Login Attemps 2.4.4. WordPress ‘admin’ account verwijderen 3. Berichten & Pagina’s 3.1. Berichten toevoegen en bewerken 3.2. Categorieën en tags 3.3. Pagina’s toevoegen en bewerken 3.4. Pagina template maken 3.5. Hoe ver scrollen jouw bezoekers? 3.6. Meer controle over je WordPress berichten 3.7. Berichten in meerdere pagina’s opdelen 4. Themes & Plugins 4.1. Themes downloaden en installeren 4.2. Plugins downloaden en installeren 4.3. Beste themes en plugins 4.4. Beste WooCommerce themes 4.5. Beste BuddyPress themes 4.6. Twenty Fifteen, het nieuwe standaard theme © Eigendom van WordPress Lounge 2 5. Menu & Sidebar 5.1. Menu’s aanmaken en toewijzen 5.2. Sidebar en widgets 5.3. Beste WordPress sidebar (widget) plugins 5.4. Afbeelding in je WordPress sidebar plaatsen 5.5. Mailchimp toevoegen aan je WordPress website 5.6. Social media icons in je WordPress sidebar plaatsen 5.7. Menu­item een andere kleur geven 5.8. Menu veranderen per pagina met ‘If­menu’ 5.9. Geavanceerd menu met Ubermenu 5.10. Nofollow link toevoegen aan je WordPress menu 6. Media & Reacties 6.1. Media bestanden 6.2. Reactiesysteem 6.3. YouTube­video’s in je WordPress mediabibliotheek weergeven 6.4. WordPress mediabestanden koppelen aan Google Drive 7. Tips & Extra’s 7.1. WordPress leren met Treehouse 7.2. Leestijd toevoegen aan WordPress berichten 7.3. iOS icoon toevoegen aan WordPress 7.4. /Category/ uit je WordPress URL’s halen 7.5. Facebook like box op je WordPress­website 7.6. Breadcrumbs (kruimelpad) op je WordPress­website 7.7. Live chat op je WordPress­website 7.8. Google Analytics op je WordPress website 7.9. WordPress website verhuizen 7.10. ‘X dagen geleden geplaatst’ onder bericht © Eigendom van WordPress Lounge 3 Inleiding WordPress Lounge werd in 2012 opgericht door Wouter Postma en Jelle van der Schoot. Ruim drie jaar later is WordPress Lounge het grootste Nederlandse platform voor WordPress liefhebbers. In 2013 schreven Wouter en Jelle een boek over WordPress dat werd uitgegeven bij Pearson Benelux. Op WordPress Lounge staan ruim 500 artikelen over WordPress met uitgebreide beschrijvingen en meer. Over de geschiedenis van WordPress bijvoorbeeld, of hoe je bulk berichten kunt inplannen in WordPress. Er is op WordPress Lounge ook een ‘Beginners’­sectie, waar je talloze artikelen vindt voor WordPress beginners. Hoe werkt deze handleiding? Omdat er al zo veel goede artikelen op WordPress Lounge staan, hebben we voor een unieke handleiding gekozen waarbij je deze handleiding kunt gebruiken als navigatie. Per onderwerp staat een stukje uitleg met een linkje naar relevante artikelen op WordPress Lounge. Zo kun je direct lezen hoe je een bepaalde handeling moet uitvoeren en kun je direct verder zoeken naar informatie die aansluit op je huidige kennis. Meer lezen over WordPress Op WordPress Lounge schrijven we regelmatig interessante artikelen over WordPress. Zoals gezegd bestaan we inmiddels 3 jaar en staan er meer dan 500 interessante artikelen op de website. Veel plezier! Jelle van der Schoot & Wouter Postma December 2014 © Eigendom van WordPress Lounge 4 1. WordPress algemeen & installeren WordPress bestaat uit een groot aantal bestanden en een MySQL database. Bij de installatie van WordPress hoef je alleen maar de bestanden op je server te plaatsen en een database aan te maken: WordPress vult de database vervolgens zelf. WordPress is op twee manieren te installeren: via Installatron (automatisch) en handmatig. 1.1. Wat is WordPress? Essentieel om te weten wat WordPress nou precies is voordat je verder iets leest. Wat is WordPress? → 1.2. WordPress geschiedeins Een interessant artikel dat goed aansluit bij het artikel over WordPress zelf. WordPress geschiedenis → 1.3. WordPress.org en WordPress.com WordPress.org en WordPress.com zijn twee dingen die vaak door elkaar gehaald worden. WordPress.com host voor je en kost geld, WordPress.org is gratis maar je moet zelf voor een domeinnaam en hosting zorgen, wat geld kost. Verschillen tussen WordPress.org en WordPress.com → 1.4. WordPress installeren via Installatron WordPress is bekend om haar “5 minute install”: in maar liefst vijf minuten kun je het krachtige CMS ergens installeren. Dit gebeurt dan via Installatron en gebeurt vaak via DirectAdmin. WordPress installeren via Installatron → 1.5. WordPress handmatig installeren Het is ook mogelijk om WordPress zelf te installeren, dit wordt ook wel de handmatige WordPress installatie genoemd. Je moet dan zelf een MySQL database aanmaken, de bestanden downloaden en uploaden en de database gegevens invullen in het wp­config­sample.php bestand. WordPress handmatig installeren → © Eigendom van WordPress Lounge 5 2. Inloggen en back-end Je kunt op een aantal manieren inloggen op je WordPress website en zodra je ingelogd bent, heb je veel verschillende dingen die je kunt doen. De back­end van WordPress is gebruiksvriendelijk, maar niet altijd even overzichtelijk! 2.1. Inloggen op je WordPress website Als je naar www.domeinnaam.nl/wp­admin gaat, word je doorgestuurd naar www.domeinnaam.nl/wp­login.php. Als je naar www.domeinnaam.nl/login gaat, word je ook doorgestuurd naar www.domeinnaam.nl/wp­login.php. Inloggen op je WordPress website → Het is belangrijk om een sterk wachtwoord te kiezen voor het administrator account. Als dit wachtwoord makkelijk te raden of te kraken is, loopt je website gevaar. Zorg voor een sterk wachtwoord! Een sterk wachtwoord kiezen voor WordPress → 2.2. WordPress back-end De back­end van WordPress is opgebouwd uit een groot gedeelte content en een klein gedeelte navigatie. Aan de linker kant van elke pagina vind je het menu. Gebruik dit menu om naar de verschillende onderdelen van je website te gaan. Probeer het eens uit! WordPress instellingen aanpassen → 2.3. Layout back-end aanpassen Sinds WordPress 3.8 is de back­end van WordPress sterk veranderd. Het is mogelijk om terug te keren naar de oude layout, maar het is niet aan te raden. Je kunt de back­end ook aanpassen naar je eigen wens. Tevens kun je de back­end laten verschillen voor elke gebruikersgroep. Keer terug naar de back­end layout van WordPress 3.8 → WordPress back­end aanpassen → Pimp de achterkant van je WordPress website → Back­end aanpassen met Adminimize → 2.4. WordPress beveiligen Niets is waterdicht als het gaat om internetsoftware. WordPress heeft in het verleden een slechte naam opgebouwd omdat het makkelijk te kraken zou zijn geweest, maar daar is © Eigendom van WordPress Lounge 6 inmiddels geen sprake meer van. Zorg dat je WordPress regelmatig bijwerkt naar de nieuwste versie en gebruik onze beveiliging tips. Inloggen zonder wachtwoord → WordPress versienummer verbergen → Maak je site veiliger met Limit Login Attemps → WordPress ‘admin’ account verwijderen → © Eigendom van WordPress Lounge 7 3. Berichten & Pagina’s Als je nieuwe content op je website gaat plaatsen, doe je dat waarschijnlijk met een bericht of een pagina. Het is niet lastig om een nieuw bericht of een nieuwe pagina aan te maken, maar je kunt meer doen dan je denkt! 3.1. Berichten/Pagina’s toevoegen en bewerken In het linker menu aan de achterkant van je WordPress website zie je een kopje ‘Berichten’. Als je hier op klikt, kom je op de pagina waar je alle berichten vindt. Je kunt filteren op auteur, categorie, tag, datum, etc. etc. Om een pagina toe te voegen, klik je op het kopje ‘Pagina’s’. Hoe schrijf je een bericht/pagina? → 3.2. Categorieën en tags Categorieën en tags kun je goed gebruiken om je berichten te structureren. Bijna elke website die (regelmatig) berichten publiceert, maakt gebruik van verschillende categorieën en vaak ook tags. Categorieen en tags in WordPress → 3.3. Pagina template maken Om je eigen pagina template te maken heb je enige kennis van HTML, CSS en PHP nodig. Het onderstaande artikel helpt je goed door de ingewikkelde stof heen. WordPress pagina template maken → 3.4. Hoe ver scrollen jouw bezoekers? Het kan zeer interessant zijn om te zien hoe ver je bezoekers scrollen. Je kunt dan bepalen welke banners of widgets hoger zouden moeten, of dat je producten hoger geplaatst moeten worden. Dit artikel helpt je door alle instellingen heen, zodat je kunt zien hoe ver je bezoekers hebben gescrold. Hoe ver scrollen jouw bezoekers? → 3.5. Meer controle over je WordPress berichten De tip in het onderstaande artikel helpt je veel tijd te besparen. Door berichten in te plannen hoef je niet dagelijks in te loggen in WordPress. Er zijn plugins beschikbaar die je geavanceerde mogelijkheden geven om het inplannen zo makkelijk mogelijk te laten verlopen. © Eigendom van WordPress Lounge 8 Meer controle over je WordPress berichten → 3.6. Berichten in meerdere pagina’s opdelen Uitgebreide artikelen zijn soms veel stof voor je bezoekers. Help ze door berichten in meerdere pagina’s op te delen, met behulp van het onderstaande artikel. Berichten in meerdere pagina’s opdelen → © Eigendom van WordPress Lounge 9 4. Themes & Plugins Themes en plugins vormen een belangrijk deel van WordPress. Themes worden gebruikt om een website te vormen, plugins om functionaliteiten toe te voegen. 4.1. Themes downloaden en installeren In dit artikel lees je hoe je een theme zoekt, kan downloaden en vervolgens installeert. Er zijn verschillende plaatsen om themes te downloaden. Gratis themes zijn te vinden in de WordPress.org theme directory, betaalde themes zijn te vinden op sites zoals Themeforest. Themes downloaden en installeren → 4.2. Plugins downloaden en installeren In dit artikel lees je hoe je een WordPress plugin installeert. Gratis plugins zijn te vinden in de WordPress.org plugin directory, betaalge plugins op sites zoals CodeCanyon. Plugins downloaden en installeren → 4.3. Beste WordPress themes en plugins Op WordPress Lounge zijn veel artikelen te vinden over de beste WordPress themes en plugins. De onderstaande artikelen gaan hierover. Beste gratis WordPress themes → Beste gratis WordPress plugins → 4.4. Beste WooCommerce themes De beste WooCommerce themes die je kunt gebruiken als je een webwinkel maakt met WooCommerce. Beste WooCommerce themes → 4.5. Beste BuddyPress themes De beste BuddyPress themes die je kunt gebruiken als je een social media / community website maakt met BuddyPress. Beste BuddyPress themes → © Eigendom van WordPress Lounge 10 4.6. Twenty Fifteen, het nieuwe standaard theme Twenty Fifteen is het nieuwe standaard WordPress theme voor 2015. Het theme is erg minimalistisch. Lees meer over Twenty Fifteen in het artikel. Twenty Fifteen, het nieuwe standaard theme → © Eigendom van WordPress Lounge 11 5. Menu & Sidebar Het menu is in WordPress een zeer belangrijk onderdeel. Het is een onderwerp dat over het algemeen als lastig wordt ervaren, terwijl dat helemaal niet nodig is. In dit hoofdstuk gaat het vooral over het menu, maar ook over de WordPress sidebar. In de sidebar kunnen widgets geplaatst worden. Bijna elke WordPress website heeft een sidebar aan de rechter­ of linkerkant van de pagina, maar ook een footer kan een sidebar bevatten met widget ruimtes. 5.1. Menu’s aanmaken en toewijzen Het aanmaken en toewijzen van een menu is niet gemakkelijk. Let goed op de stappen die in het onderstaande artikel worden beschreven en probeer zo veel mogelijk zelf uit. Daar leer je van! Menu’s aanmaken en toewijzen → 5.2. Sidebar en widgets Een heldere uitleg over de sidebar en verschillende widgets die er in geplaatst kunnen worden. Widget plaatsen in een sidebar → 5.3. Beste WordPress sidebar (widget) plugins Er zijn duizenden WordPress plugins die widgets toevoegen aan je sidebar. In dit artikel vind je een lijst van de beste WordPress sidebar plugins! Beste WordPress sidebar (widget) plugins → 5.4. Afbeelding in je WordPress sidebar plaatsen Dit was een lezersvraag die we in 2013 ontvingen. Hoe plaats je een afbeelding in je WordPress sidebar? Afbeelding in je WordPress sidebar plaatsen → 5.5. Social media icons in je WordPress sidebar plaatsen © Eigendom van WordPress Lounge 12 Een uitbreiding op het artikel over het plaatsen van een afbeelding in je WordPress sidebar. Enkele CSS opmaaktips om social media icons naast elkaar in je sidebar te krijgen, zonder dat je hier een plugin voor nodig hebt. Social media icons in je WordPress sidebar plaatsen → 5.6. Afbeelding in je WordPress sidebar plaatsen Dit was een lezersvraag die we in 2013 ontvingen. Hoe plaats je een afbeelding in je WordPress sidebar? Afbeelding in je WordPress sidebar plaatsen → 5.7. Menu-item een andere kleur geven Een artikel waarin stap voor stap wordt uitgelegd hoe je een bepaald menu item een andere kleur kan geven. Erg handig! Menu­item een andere kleur geven → 5.8. Menu veranderen per pagina met ‘If-menu’ Wil je op bepaalde pagina’s een ander menu weergeven, dan is dit artikel voor jou! Menu veranderen per pagina met ‘If­menu’ → 5.9. Geavanceerd menu met Ubermenu Ubermenu is de meest populaire WordPress menu plugin. Ubermenu laat je zeer geavanceerde, uitgebreide menu’s maken met enkele muisklikken. In dit artikel lees je er meer over. Geavanceerd menu met Ubermenu → 5.10. Nofollow link toevoegen aan je WordPress menu Een handige tip: het toevoegen van een nofollow link aan je WordPress menu. Nofollow link toevoegen aan je WordPress menu → © Eigendom van WordPress Lounge 13 6. Media & Reacties De WordPress mediabibliotheek bestaat al erg lang en wordt zeer veel gebruikt. Het is hét systeem om bestanden te uploaden naar je website, ook als je ze niet aan je bezoekers wilt tonen. WordPress heeft daarnaast een standaard reactiesysteem ingebouwd waardoor bezoekers kunnen reageren op je berichten. 6.1. Media bestanden Hoe optimaliseer je de afbeeldingen die je uploadt naar je media bibliotheek? Media bestanden optimaliseren → 6.2. Reactiesysteem Hoe werkt het WordPress reactiesysteem en hoe breid je dit uit? Google+ reacties op je WordPress website → E­mail adressen van reacties exporteren in WordPress → Reacties voor pagina’s uitschakelen in WordPress → 6.3. YouTube-video’s in je WordPress mediabibliotheek weergeven YouTube­video’s uploaden naar je WordPress mediabibliotheek? Dat kan! YouTube­video’s in je WordPress mediabibliotheek weergeven → 6.4. WordPress mediabestanden koppelen aan Google Drive Het koppelen van je WordPress media bibliotheek aan Google Drive is een ingewikkeld maar zeer handig proces. In het onderstaande artikel wordt uitgelegd hoe je dit precies kunt doen. WordPress mediabestanden koppelen aan Google Drive → © Eigendom van WordPress Lounge 14 7. Tips & Extra’s WordPress is zo veel meer dan alleen de standaard functies zoals het menu, de berichten en de sidebar. WordPress is zeer flexibel en kan gebruikt worden om talloze systemen te maken en te koppelen. 7.1. WordPress leren met Treehouse WordPress is meer dan alleen de standaard functies. Als je HTML, CSS en PHP een beetje leert kennen kun je zeer complexe systemen zelf maken. Treehouse doet dit samen met jou. WordPress leren met Treehouse → 7.2. Leestijd toevoegen aan WordPress berichten Lange artikelen kunnen bezoekers afschrikken en het is bovendien moeilijk in te schatten hoe lang het gaat duren voordat je een artikel uit hebt gelezen. Jij weet dit wel, want jij hebt het aantal woorden. Deze tutorial helpt je de leestijd toe te voegen aan je WordPress website. Leestijd toevoegen aan WordPress berichten → 7.3. iOS icoon toevoegen aan WordPress Als bezoekers jouw website opslaan op hun iPhone of iPad, verschijnt je website op hun homescreen. Wel zo netjes als je dan een strak logo kan weergeven, zodat het op een echte app lijkt. Deze tutorial helpt je hierbij. iOS icoon toevoegen aan WordPress → 7.4. /category/ uit je WordPress URL’s halen /category/ zit standaard in elke categorie URL. Deze handige truc helpt je dit woord helemaal weg te halen, in plaats van het hernoemen ervan. /category/ uit je WordPress URL’s halen → 7.5. Facebook like box op je WordPress website Facebook, wie kent het niet? Deze tutorial helpt je een Facebook like box toe te voegen aan je WordPress website. © Eigendom van WordPress Lounge 15 Facebook like box op je WordPress website → 7.6. Breadcrumbs (kruimelpad) op je WordPress website Kruimelpaden zijn zowel goed voor de gebruikerservaring als voor SEO. Doen! Breadcrumbs (kruimelpad) op je WordPress website → 7.7. Live chat op je WordPress website Een live chat is (zeker voor webwinkels) een leuke extra toevoeging. Live chat op je WordPress­website → 7.8. Google Analytics op je WordPress website Google Analytics is gratis software van Google die je goed kunt gebruiken om allerlei statistieken te verzamelen over je website. Google Analytics op je WordPress website → 7.9. WordPress website verhuizen Het kan voorkomen dat je een WordPress website moet verhuizen. Dit artikel helpt je daarmee. WordPress website verhuizen → 7.10. ‘X dagen geleden geplaatst’ onder bericht ‘X dagen geleden geplaatst’ onder je WordPress bericht, dat ziet er wellicht leuker uit dan ‘Geplaatst op x februari’. Dit artikel beschrijft hoe je dit kunt realiseren op je WordPress website. ‘X dagen geleden geplaatst’ onder bericht → © Eigendom van WordPress Lounge 16
