WPHulp.nl

Alles wat je over WordPress moet weten

Matt

Wekelijkse WordPress tip: de ID vinden van een pagina/post/etc vinden

Tips

In deze wekelijkse WordPress tip gaan we kijken hoe je eenvoudig de id kan vinden van een pagina, post, categorie, tag, etcetera kan vinden. Dit kan handig zijn bij sommige plugins.

  1. Ga naar het overzicht van alle objecten (in dit geval ga ik naar pagina’s)
  2. Ga met je muis staan op het item waarvan je de ID wilt
  3. Kijk nu linksonder naar de link (zie afbeelding)
  4. In de link staat ‘post=XX’.url van post
  5. Het getal waar XX voor staat is het ID van je pagina.

Dit werkt voor alle objecten in WordPress. Probeer het eens uit!

 

XAMPP gebruiken om WordPress op je computer te installeren

Tutorials

WordPress op je computer installeren, zodat je al je experimenten kunt uitvoeren en testen, voordat deze meteen online komt is erg handig als je vele bezoekers per dag krijgt en een nieuwe functie in wilt bouwen. Als hier iets fout gaat hebben al je bezoekers hier last van en  verlies je hier misschien bezoekers mee. In dit artikel leg ik uit hoe je met behulp van XAMPP WordPress op jouw computer kunt installeren.

WordPress downloaden

Om te beginnen gaan we alvast de laatste versie van WordPress downloaden. Dit doe je door naar de Nederlandse WordPress site te gaan. Hier moet je iets naar onder scrollen en je kunt via een grote rode button WordPress installeren. Sla dit bestand op, en plaats deze bijvoorbeeld op je bureaublad.

XAMPP downloaden en installeren

Nu gaan we een speciaal programma downloaden waardoor we MySQL en Apache op onze computer kunnen inschakelen. Dit programma heet XAMPP. Om dit programma te downloaden gaan we naar de download pagina en kies je op welke OS je dit programma wilt installeren. In mijn geval kies ik voor Mac OS X.

download xampp

Als je op de pagina bent waar je XAMPP kan installeren op jou besturingssysteem, kies je voor Installer. Dit is de snelste manier om XAMPP te downloaden. Als je dit bestand eenmaal gedownload en gestart hebt krijg je de optie om XAMPP te opslaan onder een map. Ik raad je aan om dit opslaan onder C:/XAMPP (Windows). De Mac gebruikers zullen de map van XAMPP gewoon in de Applications map kunnen zetten.

MySQL en Apache

Als de installatie afgerond is krijg je de optie om de XAMPP Control Panel te openen. Als je dit niet krijgt ga je naar Start en typ je ‘XAMPP Control Panel’. Uit de zoekresultaten komt dit programma naar voren, open deze.

controlpaneel xampp uit

Er opent nu een programma zoals hierboven. Voordat we WordPress kunnen installeren moeten we eerst Apache en MySQL starten. Dit doe je door bij beide op de Start button te klikken. Als je het goed is zie je het volgende ontstaan:

controlpaneel xampp aan

We gaan nu testen of alles helemaal goed werkt. Ga hiervoor in je webbrowser naar http://localhost. We hebben XAMPP nu al geïnstalleerd op onze computer, valt mee, hè?

MySQL database toevoegen

We gaan nu WordPress installeren. Hiervoor moet je eerst een MySQL database en user aanmaken. Ga hiervoor naar http://localhost/phpmyadmin. Ga naar de tab ‘Databases’ in het menu en maak een nieuwe database aan.

localhost

Kies een naam voor je database en klik op aanmaken.

Database gebruiker aanmaken en rechten bewerken

Om je database nu ook echt te gebruiken moet je eerst een gebruiker aanmaken. Ga hiervoor naar het tab ‘Rechten’, en klik op ‘Voeg een nieuwe gebruiker toe’. Typ hier je gebruikersnaam een wachtwoord, en maak je gebruiker aan.

Je gaat nu naar een pagina waar je de gebruikersnaam moet invullen, wat voor wachtwoord en over welke recht hij beschikt. Vul je gebruikersnaam en wachtwoord dus in en selecteer alle velden eronder, zodat de gebruiker alle rechten heeft.

WordPress installeren op je computer

WordPress installeren op je thuishost, ik noem het zo omdat het eigenlijk hetzelfde is als een betaalde host, alleen ben jij de enige die dit ziet en het gebeurd allemaal op je eigen computer.

Om de bestanden van WordPress te uploaden gaan we naar C:/xampp/htdocs. In deze map kan je WordPress uitpakken. Zet ook de folder ‘wordpress’ hierin.

Je kunt nu WordPress gaan instellen. Ga naar dit artikel waar je de tekst moet volgen tot het stuk waar er wordt begonnen over one-click installatie en kom dan terug.

Test data importeren

Het is altijd handig om wat test data te hebben als je dingen gaat uittesten. Zo kun je snel zien of er iets mis is. Om test bestanden te downloaden gaan we naar de Theme Unit Test pagina. Hier kun je de test data downloaden.

Om deze date te uploaden, doe je precies hetzelfde als je een back-up upload, het is namelijk precies hetzelfde! Ga naar ‘Extra’ –> ‘Importen’ in je WordPress admin sidebar. Kies hier voor WordPress en download de plugin.

Als je deze plugin activeert kun je meteen je test data bestand selecteren en uploaden! Als je dit hebt gedaan, en je kijkt naar je site, zie je meteen dat je blog gevuld is met pagina’s, berichten, etc.

resultaat xampp

CMS Tree Page View om je pagina’s te beheren

Plugins

WordPress is tegenwoordig niet alleen een blogsysteem, maar een compleet content management systeem. Vele grote website’s, met tientallen of zelf honderden pagina’s, zijn opgebouwd met WordPress. Om deze overzichtelijk te bekijken, beheren en bewerken is er een handige plugin beschikbaar; CMS Tree Page View.

CMS Tree Page View Plugin voor het eerst instellen

Om CMS Tree Page View Plugin in te stellen hoef je weinig te doen. Dit is een geval van ‘Plug and Play’. Download de Plugin, activeer deze, en je ‘Tree Page View’ is meteen actief. Ik gebruik deze plugin om de pagina’s van MarijnBent.nl te beheren.

boomstructuur paginas

Zoals je ziet ondersteunt de plugin sub-(sub-sub-…)pagina’s. Zo krijg je snel overzicht van je pagina’s en kun je deze bewerken als je er overheen gaat met je muis.

Conclusie

Niet iedereen zal veel hebben aan deze plugin, maar heb je een website met meer veel pagina’s, dan is dit echt een ‘must-have’ plugin. Snel en overzichtelijk je pagina’s bewerken en bekijken.Ik gebruik deze plugin erg graag, en ik hoop dat jij dit ook zult doen.

Je kunt CMS Tree Page View downloaden in de WordPress plugin directory.

WordPress SEO by Yoast om hoog in de zoekmachines te komen

Online Marketing, Plugins

Als je een website hebt, wil je natuurlijk dat deze gevonden wordt. Met de WordPress SEO plugin van Joost de Valk (of anders gezegd, Yoast) zul jij snel de zoekmachines bestormen. Dit is de beste SEO (zoekmachine optimalisatie) plugin, en dat helemaal gratis.

WordPress SEO voor het eerst instellen

Als je de plugin activeert zul je een melding krijgen dat WordPress SEO jou wilt rondleiden. De plugin helpt je dus om alles goed in te stellen. Verder zul je opmerken dat er een nieuw kopje verschijnt onder ‘Instellingen’, met als titel ‘SEO’. Als je hierop klikt zullen er een aantal pagina’s verschijnen die je allemaal moet afgaan om WordPress SEO goed in te stellen. Op vele pagina’s hoef je enkel te selecteren wat jij belangrijk vindt. Alles wijst zichzelf omdat onder elk vakje een uitleg staat. De pagina ‘Titels’ is iets lastiger. Je moet hier de standaard titels voor bijvoorbeeld je homepage instellen.

instellen titles

Om dit allemaal in te stellen is er onder aan de pagina een handige lijst. Hier zul je tags vinden die je kunt gebruiken in de invulvelden. Zo kan je eenvoudig de datum in de titel plaatsen, of de titel van de pagina zelf.

WordPress SEO kan ook gemakkelijk een sitemap voor je website genereren. In een sitemap staan alle pagina’s en posts, zodat de zoekmachines snel je website in kaart kan brengen. Door een sitemap zal je eerder resultaat merken, ik raad je aan om de sitemap dus te genereren.

Verder kun je ook je permalinks optimaliseren. Zou haal ik altijd de /category/ uit mijn categorie links. Dit zorgt voor mooiere links, en deze worden beter gevonden door de zoekmachines.

Als laatste kun je ook kruimelpad maken en je RSS feed aanpassen. Het kruimelpad zijn links op een website die laten zien waar je bent. Boven deze post zul je ‘Home» Plugins » WordPress SEO by Yoast om hoog in de zoekmachines te komen’ vinden. Dit is zo’n broodkruimelpad. Erg handig en overzichtelijk voor je bezoekers, en Google zal, in dit voorbeeld, ook je homelink en categorielink opnemen.

Bij de instellingen voor je RSS feed kun je instellen wat voor en achter je RSS bericht moet komen. Zo kun je aan het eind van het bericht linken naar je website, of een link naar de auteur van het bericht.

Wat WordPress SEO doet

Als je alles hebt ingesteld zal er een extra box onder de editor van pagina’s en berichten verschijnen. Hier kun je de zoekmachine optimalisatie teksten invullen.

Het is allemaal redelijk simpel in te vullen. Bedenk alleen waar veel op gezocht zal worden en vul dit hier in. Als je het bericht opslaat als concept zal WordPress SEO ook laten zien wat goed of niet goed is. Om je pagina te analyseren klik je op de tab ‘Pagina analyse’, en hier zul je een lijstje zien wat je goed doet of niet. Dit is heel erg handig om de pagina te analyseren, en ik raad je aan op dit bij al je pagina’s te doen.

WordPress SEO by Yoast pagina analyse

WPBeginner heeft een uitgebreide tutorial gemaakt om WordPress SEO in te stellen. Je kan deze hier lezen.

Conclusie

De plugin WordPress SEO by Yoast is verreweg de beste zoekmachine optimalisatie plugin van WordPress. Iedere website die beter gevonden wilt worden in de zoekmachines moet deze plugin snel downloaden. Verder is de plugin geheel gratis, dus waarom niet?

Je kunt WordPress SEO by Yoast downloaden in de WordPress plugin directory.

Je eigen logo als standaard avatar

Tutorials

Soms kom je site’s tegen, en daar zie je dat bij elke bezoeker die reageert, en geen eigen avatar heeft, een standaard afbeelding van de website meekrijgt. Dit ziet er natuurlijk een stuk beter uit dan de standaard logo’s die je onder Instellingen –> Reacties vindt. Het is helemaal niet moeilijk om dit zelf ook te doen.

Avatar code toevoegen

standaard avatarsOmdat het dus een beetje saai is om bijvoorbeeld een Mystery man te kiezen (zie afbeelding hiernaast), gaan we een code toevoegen aan de functions.php van je thema. Om dit te doen ga je naar Weergave –> Bewerker.

Je komt nu op de pagina waar je style.css kunt bewerken. Aan de rechterkant is echter ook een rijtje met links. Kies uit dit rijtje ‘Themafuncties’. Hier gaan we een nieuwe code aan toevoegen. Scroll helemaal naar onder en voeg de volgende code toe:

[box style=”doc”]/* Voegt een door-jezelf gekozen avatar toe */
if ( !function_exists(‘fb_addgravatar’) ) {
function fb_addgravatar( $avatar_defaults ) {
$myavatar = get_bloginfo(’template_directory’) . ‘/images/avatar.png’;
$avatar_defaults[$myavatar] = ‘Mijn avatar’;
return $avatar_defaults;
}
add_filter( ‘avatar_defaults’, ‘fb_addgravatar’ );
}[/box]
Als je de code hebt toegevoegd, klik op ‘Bestand bijwerken’.

Avatar code aanpassen

Nu moet je de avatar uploaden naar /wp-content/themes/jou-actieve-thema/images. Dit kan je bijvoorbeeld doen via de filemanager (via je webhosting), of je ftp. Verder kun je de naam van de avatar veranderen. Dit ziet de bezoeker niet, maar het is overzichtelijk als je meerdere avatars hebt. Vul de naam in voor ‘Mijn avatar’.

Om jou avatar nu standaard te gebruiken, ga opnieuw naar Instellingen –> Reacties. Je kunt nu kiezen uit je eigen avatar.

Akismet houdt de spam weg

Plugins

Een van de bekende plugins van WordPress, het is Akismet. Natuurlijk zul je denken dat dit komt omdat hij automatisch is geïnstalleerd op WordPress blogs, wat overigens ook klopt, maar dat is niet voor niks. Deze plugin filtert alle spamreacties weg en zorgt dat je alleen reacties ontvangt van ‘echte’ mensen.

Akismet voor het eerst instellen

Als je de plugin activeert komt er een melding dat je een API sleutel moet invullen. Zonder deze sleutel doet Akismet het niet. Om je sleutel op te halen ga je naar https://akismet.com/plans/. Vervolgens kies voor je het plan ‘Personal’. Hier kun je de slider zo aanpassen zodat je niets hoeft te betalen. Je moet echter wel een WordPress.com account hebben, maar die is zo aangemaakt.

Met je Akismet sleutel moet je weer terug naar WordPress, en deze invullen op de instellingenpagina. De instellingen staan op een aparte plaats, namelijk onder het kopje ‘Plugins’. Als je ook  de plugin Jetpack hebt geïnstalleerd, dan kun je de instellingen daar vinden.

Wat Akismet doet

Eenmaal geactiveerd doet Akismet wat hij hoort te doen. Hij filtert alle spamreacties eruit. Vind de plugin een spamreactie, dan zal hij deze als spam markeren. Op de afbeelding hieronder zie je dat ik geen spamreacties heb, maar alles wat de plugin eruit filtert komt dus onder het label ‘Spam’.

doel van akismet

Conclusie

Ik heb meerdere website’s en blogs, en er is nog nooit een spamreactie op de site gekomen. Ook is er nog nooit een normale reactie als spam gemarkeerd. Akismet is echt een plugin die je moet hebben als je een spamvrije blog wilt.

Je kunt de plugin downloaden in de WordPress plugin directory.