Breng orde in je WordPress mediabibliotheek met folders

Breng orde in je WordPress mediabibliotheek met folders

“Hoe zorg ik voor overzicht en orde in mijn WordPress mediabibliotheek zodat ik snel de juiste afbeeldingen terugvind?”

Als je veel afbeeldingen hebt staan in je WordPress mediabibliotheek, dan zie je na een tijd door het bos de bomen niet meer. Wat als je op zoek bent naar een specifieke afbeelding? Of als je na verloop van tijd afbeeldingen die je niet meer gebruikt, wenst te verwijderen? Aangezien er totaal geen overzicht is in de mediabibliotheek, is dit moeilijker dan je denkt en gaat het je op z’n minst veel tijd kosten. Gelukkig is er wel een manier om overzicht te creëren in de mediabibliotheek met behulp van folders. Benieuwd? Lees dan snel verder!

Wat is de WordPress mediabibliotheek?

De mediabibliotheek is de plaats waar je alle bestanden kan vinden die je hebt geüpload naar je website. Meestal gaat het om afbeeldingen, maar ook documenten, zoals Word-bestanden, pdf’s en videobestanden worden hier bewaard. Je vindt de mediabibliotheek terug via het dashboard Media > Bibliotheek.

Een groot nadeel van de mediabibliotheek is echter dat er geen manier is om snel overzicht te krijgen in al je bestanden. Als je veel afbeeldingen hebt in je mediabibliotheek, dan moet je soms eindeloos scrollen om op zoek te gaan naar de juiste afbeeldingen. Het is spijtig dat WordPress deze mogelijkheid niet standaard aanbiedt, maar gelukkig zijn er wel plugins die dit probleem voor je kunnen oplossen.

Werken met folders in de mediabibliotheek

Er zijn een aantal plugins die je kan gebruiken voor het organiseren van je mediabibliotheek. Een aantal bekende zijn WP Media Folder, Enhanced Media Library, FileBird en Media Library Plus.

Aangezien ik zelf voornamelijk met het DIVI-thema werk, zocht ik een plugin die hiermee compatibel was. De meeste plugins bleken hier jammer genoeg niet te voldoen.

Na het uittesten van een aantal plugins, heb ik uiteindelijk zelf gekozen voor de betalende WP Media Folder plugin. Met deze plugin kan je heel gemakkelijk virtuele folders creëren in je mediabibliotheek.

 

Stap 1: Koop, installeer en activeer WP Media Folder

WP Media Folder is een premium plugin, dat betekent dat het een betalende plugin is ($29 op moment van schrijven). Je koopt de plugin eerst aan via hun website van JoomUnited. Na de betaling log je in op de website en kan je de plugin downloaden. Download het .zip-bestand naar je computer:

Vervolgens kan je de plugin installeren via Plugins > Nieuwe plugin. Klik bovenaan op Plugin uploaden en selecteer het .zip-bestand. Klik op Nu installeren en vervolgens op Plugin activeren om de plugin te activeren.

Klik op de grote oranje knop om de configuratie van de plugin te starten. Er wordt nu gechecked of de plugin wel compatibel is met jouw installatie. Klik 2x op Continue. Duid de optie WP Media Folder on Frontend aan en klik terug op Continue. Tenslotte klik je op Go to Media Library om naar de mediabibliotheek te gaan.

Stap 2: Folders maken

Eerst en vooral ga je naar de mediabibliotheek via Media > Bibliotheek. Je zal zien dat er nu een balk is bijgekomen waarin je folders kan aanmaken:

 

Klik op Create Folder om een nieuwe folder aan te maken. Geef de naam van de folder en klik op Create.  Je kan ook werken met onderliggende folders:

Maak op deze manier al je folders aan. Vervolgens kan je je bestanden gaan verslepen van de mediabibliotheek naar één van de nieuw aangemaakte folders. Je kan ook bestanden in bulk gaan verslepen. Klik hiervoor bovenaan op Bulkselectie. Selecteer vervolgens al de bestanden die je wilt verplaatsen en versleep ze naar de juiste folder:

Stap 3: Afbeeldingen zoeken en uploaden

Als je nu een nieuwe afbeelding op bestand gaat uploaden naar je website, dan zal je meteen de mogelijkheid krijgen om deze op te slaan in de juiste folder. Ik ben zelf een grote fan van het DIVI-thema en de andere plugins boden helaas deze mogelijkheid niet, waardoor ze voor mij een beetje aan hun doel voorbijgingen. Ik moest dan alsnog via de mediabibliotheek de afbeeldig achteraf gaan verslepen naar de juiste folder. Nu kan ik ze dadelijk bij het uploaden in de juiste folder zetten. Rechts duid je de juiste folder aan en vervolgens klik je op Bestanden selecteren. De opgeladen foto komt dan meteen in de juiste folder terecht:

 

Ook als je een eerder opgeladen afbeelding wenst te tonen op je website, kan je eenvoudig navigeren via de folderstructuur.

Noot: als ik een afbeelding met deze plugin probeer op te laden in DIVI, dan wordt de afbeelding wel opgeladen, maar de knop Laad een foto blijft niet actief. Dit kan je verhelpen door even te klikken op Invoegen via URL en dan terug op Kies een afbeelding. De knop Laad een foto is dan wel actief en je kan de afbeelding op je webpagina plaatsen.

 

Conclusie

WP Media Folder helpt je tijd te besparen door een betere organisatie van je mediabibliotheek. Je besteedt minder tijd aan het zoeken van je bestanden, zodat je meer tijd over houdt om de dingen te doen die er echt toe doen zoals het creëren van content en het promoten van je website. De prijs van de plugin, verdien je dubbel en dik terug!

    Nog vragen?

    Heb je bij bovenstaande nog vragen of heb je hulp nodig? Geef me dan een seintje op info@springweb.be! Ik help je graag verder!

    Disclaimer: Sommige links op deze pagina zijn affiliate links, dat betekent dat ik een klein bedrag krijg als jij via die link overgaat tot een aankoop. Jij betaalt hiervoor echter totaal niets extra.

     

    Hulp nodig bij het beheer van je website?

    Springweb

    Ontwikkelt en beheert WordPress websites.

    Algemene voorwaarden | Disclaimer | Privacyverklaring

    © 2019 Alle rechten voorbehouden. Webdesign Springweb.

    CONTACT

    Korenbloemlaan 23
    2980 Zoersel
    België
    E-mail: info@springweb.be
    Tel: 0474/71.83.01
    BE 0678.789.568

    Afbeeldingen maken voor social media met Canva

    Afbeeldingen maken voor social media met Canva

    “Hoe maak ik zelf geweldige afbeeldingen om te gebruiken op social media?”

    Wanneer je je online aanwezigheid aan het uitbouwen bent, dan zal het creëren van merkbekendheid steeds belangrijker worden. De wijze waarop je je berichten ontwerpt, de stijl van je afbeeldingen, de kleuren die je gebruikt, je logo,… al deze factoren spelen een belangrijke rol in online merkbekendheid en zullen je helpen om op te vallen en herkend te worden door je volgers.  Maar hoe maak je nu zelf zo’n afbeeldingen als je geen kennis hebt van ontwerpen, laat staan van Photoshop?

    Hieronder zie je een voorbeeld van een afbeelding die ik gemaakt heb voor mijn Instagram-pagina. Deze afbeelding is helemaal online gemaakt, zonder Photoshop. Als je wilt weten hoe ik dat gedaan heb, lees dan verder!

    Hoewel ik best wel overweg kan met Photoshop, maak ik tegenwoordig al mijn afbeeldingen die ik gebruik op mijn social media kanalen met behulp van Canva.

    Canva.com is een online grafisch ontwerptool speciaal gericht op mensen die geen verstand  hebben van grafisch ontwerpen.  Je voegt eigen beeld toe, je logo en je eigen teksten, downloaden en klaar. Met een simpel drag-and-drop systeem pas je bestaande templates aan naar je eigen wensen. Je voegt eigen afbeeldingen toe, je logo, je past de teksten aan… Als alles naar wens is, kan je de afbeelding downloaden en gebruiken op je social media. Er zijn ontzettend veel templates beschikbaar voor Facebook headers, Instagram posts, blogafbeeldingen en advertenties. Maar ook documenten, posters, flyers en uitnodigingen maak je met Canva. Een groot deel van deze templates is bovendien gratis.

    Als je benieuwd bent hoe je zelf je afbeeldingen kan maken om te gebruiken op jouw social media kanalen, dan kan je zelf aan de slag met deze handige stap-voor-stap handleiding! Ready, set, go!

    Stap 1: maak een account aan op Canva.com

    Ga naar Canva.com en duid aan waarvoor je Canva gaat gebruiken: 

    Vervolgens kan je dan een eigen account aanmaken:

    Stap 2: kies een ontwerp en een template

    Nadat je account is aangemaakt en je bent ingelogd, kan je aan de slag. Allereerst kies je een ontwerp, zoals bv. een Facebook-omslag. Klik op Meer om meerdere ontwerpen te zien. Wat ontzettend handig is, is dat Canva zelf de optimale afmetingen gebruikt voor de verschillende social media kanalen. Indien je dat wenst, kan je ook zelf de afmetingen opgeven voor je afbeelding.

    Nadat je een ontwerp hebt gekozen, kan je kiezen uit een aantal templates van waaruit je wilt vertrekken. Klik op een template om te zien hoe je afbeelding er uit zal zien. 

    Een groot aantal templates zijn gratis, maar er zijn ook templates waarvoor je moet betalen. Om de voorwaarden te zien, klik je op het i-tekentje in de linkeronderhoek van het template:

    Stap 3: maak je afbeelding

    Als je een template gekozen hebt, kan je dat volledig aanpassen naar jouw smaak, door afbeeldingen, kleuren en tekst aan te  passen. Je kan klikken op de verschillende elementen om deze aan te passen.

    Je kan de grootte aanpassen, door dmv de zwarte bolletjes in de hoeken te verslepen. Je kan de positie van het element aanpassen door het element te verslepen.

    Afhankelijk van het element verschijnen er een aantal opties bovenaan de afbeelding.

    De kleuren kan je aanpassen links bovenaan de afbeelding. Klik op een kleur om die aan te passen. 

    Rechts bovenaan vind je volgende opties terug:

    Met de optie Kprn kan je een element kopiëren. De optie Ordenen laat je toe om elementen naar de voor- of achtergrond te verplaatsen. Vervolgens kan je ook de Transparantie van het element bepalen. Als je de transparantie van een element op minder dan 100% zet, wordt het element lichter en zal je onderliggende elementen erdoor kunnen zien. Met een transparantie van 0% is je element niet meer zichtbaar. De voorlaatste optie laat toe om een link toe te voegen. En met het vuilbakje kan je een element verwijderen.

    Naast het aanpassen van de bestaande elementen, kan je zelf ook nog elementen en tekst toevoegen aan je afbeelding.

     

    Elementen toevoegen

    In het tabblad Elementen kan je een zelf elementen toevoegen aan je afbeelding, zoals foto’s, vormen, pictogrammen, lijnen,…

    Kies een element dat je wilt toevoegen en sleep het vervolgens naar je afbeelding. Voor een aantal elementen zal je moeten betalen, deze elementen kosten $1 en kan je gebruiken voor één afbeelding.

     

    Tekst toevoegen

    Via het tabblad Tekst kan je zelf nog tekst toevoegen:

    Je kan zelf een titel, bubtitel of platte tekst toevoegen of iets kiezen uit de voorgedefinieerde tekstelementen. Sleep het gewenste element op je afbeelding en klik in de tekst zelf om deze aan te passen. Bovenaan de afbeelding heb je nog een aantal opties om je tekst aan te passen, zoals het lettertype, de lettergrootte, de kleur,…:

    Achtergronden toevoegen 

    Het tabblad Achtergronden laat  je toe om een achtergrond toe te voegen aan je afbeelding. Dit kan een kleur zijn of een afbeelding:

    Uploads 

    Tenslotte kan je in het tabblad Uploads ook zelf afbeeldingen opladen om te gebruiken. Bij een gratis account van Canva is er een uploadlimiet van 1 GB voorzien. Heb je zelf geen afbeeldingen, dan kan je online altijd op zoek gaan naar gratis stockfoto’s.

    Stap 4: download je afbeelding

    Als je afbeelding klaar is kun je deze downloaden als jpg, png of pdf. Een jpg of png is geschikt voor je website, png gebruik je als je afbeelding transparant is. De pdf kun je naar wens downloaden voor print. Je kunt hier Bijsnijdmarkeringen en afloop aanvinken. Dan krijg je snijlijnen en extra snijruimte, wat de afbeelding geschikt maakt voor print.

    Tip: let er bij downloaden op dat je de afbeelding een goede naam hebt gegeven en voeg indien gewenst je website toe tussen haakjes. Zo werk je ook aan de SEO van je website.

    Stap 5: deel je afbeelding op social media

    Als je je afbeelding hebt gedownload, is het tijd om deze te delen op je social media kanalen. Het is belangrijk dat je consistent bent bij het gebruik van afbeeldingen zodat jouw stijl herkenbaar is. Daarom is het handig om je afbeeldingen te herbruiken.

    Als je een afbeelding in Canva maakt, wordt deze bewaard en getoond bij je ontwerpen. Zo heb je eigenlijk een template van waaruit je telkens opnieuw kan vertrekken om zo een consistente look te creëren. Je kan bijvoorbeeld oor elk blogbericht dat je maakt een aangepaste afbeelding maken en deze delen op Facebook of je kan een template maken om quotes te delen op Instagram,…

    Canva for Work

    Hoewel je met een gratis account bij Canva al heel ver komt, kan je ook upgraden naar een betalend account, nl. Canva for Work. Hiervoor betaal je $12,95  per maand. Dit biedt een aantal voordelen. Zo heb je ongelimiteerde opslagruimte en kan je zoveel folders aanmaken als je wilt. Je kan ook werken met een team en verschillende rollen toekennen aan je teamleden. Verder kan je ook werken met templates om consistentie in je afbeeldingen te bekomen.

    Het grootste voordeel van Canva for Work is de mogelijkheid om de grootte van je afbeelding automatisch aan te passen voor meerdere platforms. De afbeelding wordt herschaald rekening houdend met de vereiste dimensies van het gekozen platform. Als je bijvoorbeeld een afbeelding voor Facebook maakt, maar deze ook wilt gebruiken op je Instagram account, dan kan je deze afbeelding makkelijk herschalen met behulp van het Magic Resize tool.  

    Conclusie

    In deze tutorial hebben we gezien hoe je in 6 stappen een mooie afbeelding kan maken om te delen op je social media. Hopelijk vond je deze tutorial voor Canva interessant. Je kan ook altijd inspiratie opdoen op hun ideeënpagina of een aantal van hun tutorials volgen. 

    Nog vragen?

    Hulp nodig bij Canva of je sociale media? Heb je naar aanleiding van dit artikel nog vragen, geef me dan een seintje op info@springweb.be! Ik help je graag verder!

    Hulp nodig met afbeeldingen?

    Springweb

    Ontwikkelt en beheert WordPress websites.

    Algemene voorwaarden | Disclaimer | Privacyverklaring

    © 2019 Alle rechten voorbehouden. Webdesign Springweb.

    CONTACT

    Korenbloemlaan 23
    2980 Zoersel
    België
    E-mail: info@springweb.be
    Tel: 0474/71.83.01
    BE 0678.789.568

    4 stappen om je blogbericht te delen op Facebook

    4 stappen om je blogbericht te delen op Facebook

    Je hebt veel tijd gestoken in het schrijven van een blogbericht en nu wil je dat graag delen op Facebook. Het is belangrijk dat er dan een leuke afbeelding getoond wordt, zodanig dat je bericht meer opvalt en het de interesse aanwakkert om je bericht aan te klikken. Maar als je je bericht wilt delen, merk je dat er geen afbeelding verschijnt of een foutieve afbeelding. Herken je dit?

    Het is een vaak voorkomend probleem dat de afbeelding waarmee je je bericht wilt tonen op Facebook niet verschijnt of niet de juiste is. Gelukkig valt dit makkelijk op te lossen.

    Volg deze 4 stappen om een mooie afbeelding toe te voegen aan je gedeelde Facebook-bericht.

    Stap 1: installeer en activeer de YOAST SEO plugin

    Grote kans dat je deze plugin al geïnstalleerd hebt om je zoekresultaten te optimaliseren, maar indien dit nog niet het geval is, installeer en activeer dan de YOAST SEO plugin.

    Lees ook: Hoe installeer je WordPress plugins?

    Stap 2: voeg de afbeelding toe aan je pagina

    Nadat je de YOAST SEO plugin geactiveerd hebt, ga je via het WordPress dashboard naar de pagina (of bericht) dat je wilt delen op Facebook. In de bewerkingsweergave, zal je onderaan de pagina een blok zien met de instellingen van de YOAST SEO plugin. Klik daar op het icoontje Sociaal:

    Je kan hier ook de titel en de omschrijving aanpassen die op Facebook getoond zal worden. Vervolgens klik je op Afbeelding verzenden om de afbeelding op te laden die je wenst te tonen in Facebook:

    Als je nog geen passende afbeelding hebt, kan je altijd op zoek gaan naar een gratis stockfoto, of je kan zelf een afbeelding maken met Canva.

    Bovenstaande kan je trouwens niet alleen doen voor Facebook, maar ook voor Twitter. Zelfs als je zelf geen Twitter gebruikt, kan je toch best deze gegevens aanvullen. Het kan namelijk altijd dat iemand anders jouw pagina of blogbericht wil delen op Twitter en zo ben je altijd zeker dat de juiste tekstjes en afbeelding getoond worden. De gegevens voor Twitter vind je in het tabblad naast Facebook:

    Stap 3: gebruik de Facebook debugger

    Facebook merkt, net als Google, de wijzigingen in je pagina niet meteen op. Het kan dus even duren vooraleer Facebook de afbeelding zal oppikken. Je kan dit proces versnellen door je pagina aan te melden bij Facebook Debugger.

    Om je pagina aan te melden, ga je naar de volgende pagina:

    https://developers.facebook.com/tools/debug/

    Je vult daar de link van je WordPress pagina (of bericht) in en je klikt daarna op de knop Debug:

    Bij Link Preview kan je vervolgens zien hoe je pagina (of bericht) gedeeld zal worden op Facebook.

    Als er nog steeds geen afbeelding verschijnt (of de verkeerde afbeelding), klik dan op Scrape Again. Het kan zijn dat je dit een aantal keer moet herhalen vooraleer je de juiste afbeelding ziet.

    Stap 4: deel je bericht op Facebook

    Als de Facebook Debugger de juiste afbeelding heeft opgehaald kan je de pagina of het blogbericht op Facebook plaatsen.

    Plak de URL van de pagina of het blogbericht dat je wil delen in het daarvoor bestemde vakje op Facebook.

    Schrijf nu boven de geplakte URL een begeleidend tekstje. Als je de afbeelding hebt zien verschijnen, kun je de geplakte URL verwijderen. En dan publiceer je je bericht op Facebook.

    Het bericht zal nu op Facebook verschijnen met de aanpaste titel, de aangepaste afbeelding en een aangepast tekstje.

    Conclusie

    Als je bovenstaande niet volgt, dan wordt er een willekeurige afbeelding van je pagina gebruikt en de titel en de tekst die je voor Google had bestemd worden dan gebruikt. Je hebt dan dus minder invloed op wat er precies gepubliceerd wordt op de social media. Volg dus zeker bovenstaande stappen om een pagina of blogbericht te delen op Facebook.

    Nog vragen?

    Hulp nodig bij je sociale media? Heb je naar aanleiding van dit artikel nog vragen, geef me dan een seintje op info@springweb.be! Ik help je graag verder!

    Hulp nodig bij je sociale media?

    Springweb

    Ontwikkelt en beheert WordPress websites.

    Algemene voorwaarden | Disclaimer | Privacyverklaring

    © 2019 Alle rechten voorbehouden. Webdesign Springweb.

    CONTACT

    Korenbloemlaan 23
    2980 Zoersel
    België
    E-mail: info@springweb.be
    Tel: 0474/71.83.01
    BE 0678.789.568

    Interne links maken in WordPress

    Interne links maken in WordPress

    In een vorig artikel heb ik je laten zien hoe je met behulp van een plugin een inhoudsopgave kan toevoegen in WordPress. Een andere manier om zo’n inhoudsopgave toe te voegen, is door het manueel toevoegen van links naar het juiste gedeelte van jouw pagina of bericht. Dergelijke links binnen één en dezelfde pagina (of naar andere pagina’s van je website) noemen we interne links.

    Als je bijvoorbeeld in de onderstaande inhoudsopgave op ‘Nog vragen?’ klikt, dan scroll je naar dat gedeelte onderaan deze webpagina.

    In dit artikel laat ik je zien hoe je met behulp van een beetje HTML-code interne links kan toevoegen aan je WordPress pagina of bericht. Geen zorgen! Het is echt niet zo moeilijk als het lijkt!

    Waar kan je HTML-code zien en toevoegen?

    Om interne links manueel toe te voegen, heb je dus HTML-code nodig. HTML staat voor HyperText Markup Language. Het is de taal waarmee webpagina’s worden opgemaakt. Door middel van HTML-instructies kunnen aan een website kleuren, afbeeldingen en hyperlinks worden toegevoegd. Deze instructies worden door middel van markeringen (tags) op de pagina aangebracht.

    Tegenwoordig kan je zonder enige kennis van HTML al heel ver komen bij het maken van websites. Met de zogenaamde WYSIWIG-editors (What You See Is What You Get), kan je je pagina opmaken zonder dat je HTML-code moet kennen.

    HTML bekijken in de standaard-editor van WordPress

    In de standaard-editor van WordPress, zal je rechtsbovenaan het tabblad Tekst zien. Als je daarop klikt, krijg je de HTML-code van je tekst te zien:

    Hier kan je dus ook rechtstreeks HTML-code toevoegen en bewerken. Als je dan teruggaat naar het tabblad Visueel dan zie je hoe je tekst er uit zal komen te zien.

    HTML bekijken in andere WordPress editors

    Het kan zijn dat jouw WordPress website werkt met een andere editor doordat het gebouwd is met een thema met een eigen editor.

    Ikzelf ben een grote fan van het DIVI-thema, dat zijn eigen visuele editor voorziet. Als je in DIVI tekst bewerkt, zal je daar ook het tabblad Text zien, dat de HTML-code weergeeft. Het tabblad Visual geeft weer wat de gebruiker zal zien:

     

    Interne links maken

    Nu we weten hoe we HTML-code kunnen toevoegen, kunnen we aan de slag met het maken van onze interne links.

    Stap 1: linken naar ankerpunt

    Allereerst moet je gebruik maken van deze code:

    <a href="#ankerpunt">Link</a>

    De <a href> geeft aan dat er een link volgt. Als de gebruiker klikt op het woordje Link zal hij doorgestuurd worden naar de plaats die is weergegeven bij href=””. In dit geval wordt er niet doorgelinkt naar een echte webpagina, maar naar een plaats binnen dezelfde pagina, daarom staat er nu # voor de link.

    Stap 2: ankerpunt maken

    Vervolgens plaats je deze code op de plaats waar je naar wilt linken, we noemen dit ook een ankerpunt. De naam die je invult bij name=”” moet dus dezelfde zijn als de naam die je hierboven hebt geplaatst achter het #-teken:

    <a name="ankerpunt"></a>

    Als je deze stappen volgt en toevoegt aan je pagina, dan wordt je automatisch doorverwezen naar een ander deel van die pagina.

    Je kan op één pagina gebruik maken van meerdere ankerpunten, maar je moet er dan wel voor zorgen dat de namen van de verschillende ankerpunten uniek zijn. Je kan ook linken naar een ankerpunt op een andere pagina van je website. De link zal er dan bijvoorbeeld als volgt uitzien: href=”/webpagina/#ankerpunt”.

    Als je met het DIVI-thema werkt, kan je het ankerpunt ook toevoegen bij de instellingen van de sectie waarnaar je wilt linken. In het tabblad Advanced voeg je bij CSS ID de naam in van het ankerpunt. Vervolgens link je dan naar dit ankerpunt:

    Conclusie

    In dit artikel heb je gelezen je interne links manueel kunt toevoegen aan een WordPress pagina, zodat de gebruiker snel kan springen naar het gedeelte dat hem interesseert. Hiermee kan je bijvoorbeeld een inhoudsopgave toevoegen aan lange artikels of je kan ook verwijzen naar een specifiek gedeelte van een andere pagina. Is dit allemaal toch te technisch voor jou? Bekijk dan hoe je met behulp van een plugin een inhoudsopgave kan toevoegen, zonder enige technische kennis.

    Nog vragen?

    Heb je naar aanleiding van dit artikel nog vragen, geef me dan een seintje op info@springweb.be! Ik help je graag verder!

    Zin om samen te werken aan jouw website?

    Springweb

    Ontwikkelt en beheert WordPress websites.

    Algemene voorwaarden | Disclaimer | Privacyverklaring

    © 2019 Alle rechten voorbehouden. Webdesign Springweb.

    CONTACT

    Korenbloemlaan 23
    2980 Zoersel
    België
    E-mail: info@springweb.be
    Tel: 0474/71.83.01
    BE 0678.789.568

    Een inhoudsopgave maken in WordPress

    Een inhoudsopgave maken in WordPress

    Wanneer je lange artikels schrijft, is het handig om bovenaan het artikel een inhoudsopgave of table of contents toe te voegen. Het zorgt voor overzicht en je lezer kan dan makkelijk springen naar het gedeelte dat hij wil lezen en hoeft niet eindeloos te scrollen. De inhoudsopgave bestaat uit HTML links en wanneer je op een link klikt, spring je naar de juiste plaats in de tekst.

    Als je een beetje kennis hebt van HTML, kan je zelf in HTML een inhoudsopgave maken. De inhoudsopgaven die ik aan mijn artikels toevoeg, zijn allemaal op deze manier gemaakt. Als je echter niet zo technisch bent aangelegd, kan je gelukkig ook een plugin gebruiken, nl. de plugin Table of Contents Plus.

    In dit artikel laat ik je zien hoe deze plugin werkt zodat je snel en eenvoudig een inhoudsopgave toevoegt aan je WordPress pagina of bericht.

    Waarom een inhoudsopgave toevoegen?

    In de eerste plaats verbetert een inhoudsopgave de gebruikerservaring doordat je lezer makkelijk naar het gedeelte kan springen waarin hij geïnteresseerd is. Daarnaast maakt ook Google gebruik van inhoudsopgaven in de zoekresultaten. Soms zal Google namelijk links van de inhoudsopgave tonen bij een zoekresultaat waarmee je direct naar een bepaald gedeelte van het artikel kan springen.

    Wikipedia is een website die hier handig gebruik van maakt:

    De links die je onder de beschrijving ziet, zijn de eerste drie links van de inhoudsopgave die Wikipedia heeft toegevoegd aan dit artikel over WordPress. Je maakt het de lezer dus niet alleen makkelijker, maar valt ook beter op in de zoekresultaten.

    Inhoudsopgave maken met Table of Contents Plus

    Met de plugin Table of Contents Plus kun je makkelijk inhoudsopgaven toevoegen aan je pagina’s of berichten. Je kan automatisch een inhoudsopgave laten toevoegen, als je in het artikel gebruik maakt van een aantal kopteksten. Of je kan er ook voor kiezen om zelf de inhoudsopgave toe te voegen aan je artikel.

    We gaan eerst de plugin installeren en activeren. Weet je niet hoe je een plugin moet installeren? Lees dan onze installatie handleiding voor een plugin.

    Nadat je de plugin geactiveerd hebt, wordt er automatisch een inhoudsopgave toegevoegd aan alle bestaande pagina’s (dus niet standaard bij berichten) op je website die minstens 4 hoofdingen of kopteksten hebben.

    Instellingen plugin aanpassen

    De instellingen van de plugin vind je terug in het dashboard onder Instellingen > TOC+.

    Positie: bepaalt waar de inhoudsopgave zal worden weergeven. Standaard wordt deze getoond boven de eerste koptekst. Je kan er ook voor kiezen om de inhoudsopgave te tonen na de eerste koptekst of boven- of onderaan de pagina.

    Toon wanneer: bepaalt vanaf wanneer de inhoudsopgave automatisch mag verschijnen op een pagina. Standaard wordt deze getoond vanaf dat er 4 of meer kopteksten aanwezig zijn op de pagina.

    Automatisch invoegen: hier kies je voor welke inhoudstypes er automatisch een inhoudsopgave wordt getoond. Standaard wordt deze enkel getoond bij pagina’s. Als je de inhoudsopgave ook wil tonen bij berichten, vink dan ook het vakje ‘post‘ aan. Je kan er ook voor kiezen om niets aan te vinken, zodat je zelf kan bepalen wanneer je een inhoudsopgave toevoegt.

    Koptekst: hier kan je aangeven of en welke titel je wil toevoegen bovenaan de inhoudsopgave en of de lezer zelf de inhoudsopgave kan verbergen.

    Onderaan de pagina kan je bepalen hoe de inhoudsopgave wordt weergegeven:

    Je kan de breedte bepalen, of je gebruik wilt maken van tekstterugloop, hoe groot het lettertype moet zijn in verhouding met de normale tekst en je kiezen uit vijf verschillende designs voor je inhoudsopgave.

    Wil je zelf de volledige controle over de kleuren, dan heb je ook nog de mogelijkheid om de opmaak aan te passen door voor Advanced te kiezen.

    Wanneer je eenmaal alles hebt ingesteld, klik je onderaan op Update Options.

    Inhoudsopgave manueel toevoegen

    Als je ervoor kiest om de inhoudsopgave niet automatisch te tonen op alle pagina’s en berichten, dan zal je de inhoudsopgave manueel moeten toevoegen. Dit doe je door gebruik te maken van een shortcode.

     

    Shortcode

    WordPress shortcodes zijn codes die je in staat stellen om handelingen op je WordPress website te vereenvoudigen. WordPress shortcodes worden vaak gebruikt bij de invoer of bewerking van een bericht of pagina. Je kunt met een shortcode namelijk een vooraf ingestelde handeling oproepen. De shortcodes van WordPress zijn te herkennen aan de blokhaken “[ ]” waar ze tussen staan.
     

    Als je de inhoudsopgave wilt toevoegen, dan voeg je de shortcode  [ t o c ] (zonder spaties) toe aan je artikel. Plaats de shortcode op de plek waar het artikel moet komen te staan.

    Als je de inhoudsopgave wel automatisch overal toevoegt en je wilt toch een uitzondering maken voor een bepaalde pagina of bericht, dan gebruik  je de shortcode  [ n o – t o c ]  (zonder spaties) om de inhoudsopgave niet weer te geven.

    Conclusie

    In dit artikel heb je gelezen hoe je een inhoudsopgave kan toevoegen aan je WordPress pagina’s of berichten met behulp van de plugin Table of Contents Plus. Kende jij deze mogelijkheid al en zo nee, ga je ze dan gebruiken?

    Als je niet zo’n fan bent van weer een extra plugin, dan kan je een inhoudsopgave ook toevoegen met behulp van HTML-code, zoals ik zelf altijd doe. 

    Nog vragen?
    Heb je naar aanleiding van dit artikel nog vragen, geef me dan een seintje op 
    info@springweb.be! Ik help je graag verder!

    Klaar om samen te werken aan jouw website?

    Springweb

    Ontwikkelt en beheert WordPress websites.

    Algemene voorwaarden | Disclaimer | Privacyverklaring

    © 2019 Alle rechten voorbehouden. Webdesign Springweb.

    CONTACT

    Korenbloemlaan 23
    2980 Zoersel
    België
    E-mail: info@springweb.be
    Tel: 0474/71.83.01
    BE 0678.789.568

    Een WordPress bericht of pagina snel kopiëren

    Een WordPress bericht of pagina snel kopiëren

    Wil je een bericht of pagina kopiëren in WordPress? Helaas voorziet WordPress daar geen standaard functionaliteit voor. Het zal je echter niet verbazen dat daar een handige plugin voor bestaat.

    In dit artikel laat ik je zien hoe deze plugin werkt zodat je snel en eenvoudig WordPress berichten of pagina’s kan kopiëren.

    Waarom een bericht of pagina kopiëren?

    Er bestaan verschillende redenen waarom je een bericht of pagina van je website zou willen kopiëren. Als je bijvoorbeeld bezig bent met het bouwen of uitbreiden van je website, zou het handig zijn om te starten van een reeds bestaande pagina of bericht waarbij je dan enkel nog de inhoud moet aanpassen. Dit heeft als voordeel dat de lay-out of uitstraling van de website consistent blijft. Daarnaast is het grootste voordeel dat dat ook nog eens veel tijd bespaard ten opzichte van het opnieuw aanmaken van die pagina of bericht.

    Een manier om de content van een pagina of bericht te kopiëren is om de desbetreffende pagina of bericht te openen in de WordPress editor, de inhoud te selecteren en dan te kopiëren naar een nieuwe pagina of bericht. Een nadeel is echter dat bij deze methode alleen de inhoud (content) gekopieerd wordt en niet de instellingen zoals de uitgelichte afbeelding, eventuele SEO instellingen, lay-out instellingen, etc.

    Het zou dus handig zijn om zowel de content van de pagina of bericht als alle overige instellingen naar een nieuwe pagina of bericht zou kunnen kopiëren.

    Gelukkig bestaat hiervoor een handige plugin genaamd ‘Duplicate Post‘.

    Een bericht of pagina kopiëren

    Om een bericht of pagina te kopiëren, gebruiken we de plugin ‘Duplicate Post‘. Eerst en vooral zal je de plugin moeten installeren en activeren. 

    Lees ook: Hoe installeer je WordPress plugins

    Nadat je de plugin geactiveerd hebt, kan je onmiddellijk berichten of pagina’s kopiëren.

    Hiervoor ga je in het dashboard naar Berichten > Alle Berichten of Pagina’s > Alle pagina’s. Als je in het overzicht met je muis over een bericht of pagina beweegt, krijg je het volgende te zien:

    Als je klikt op Clone of Kopieer, dan wordt de pagina of het bericht gekopiëerd en verschijnt de kopie in het overzicht.

    Als je klikt op New Draft of Nieuw concept, dan wordt de pagina of het bericht ook gekopiëerd en wordt deze meteen geopend in de editor om te bewerken.

    OPGELET:

    Als je de gekopieerde pagina of bericht gaat bewerken, zal je zien dat WordPress automatisch de permalink heeft aangemaakt met een “-2” achter de originele paginanaam. Wijzig je de pagina-titel en sla je de pagina dan weer op (“Bijwerken”), dan zal de permalink nog steeds dezelfde naam hebben als de originele pagina met die “-2” erachter.

    Dit is niet goed voor de SEO score en staat ook niet mooi in de browsers.

    Pas dus steeds de permalink handmatig aan door op Bewerken te klikken!

    Instellingen plugin aanpassen

    De instellingen van de plugin vind je terug in het dashboard onder Instellingen > Duplicate Post.

    Je kan hier onder andere instellingen welke elementen mee moeten gekopieerd worden, welke gebruikersrollen gebruik mogen maken van deze functie en waar de functie getoond mag worden.

    Voor de meeste gebruikers voldoen de standaard instellingen van de plugin en zul je deze dus niet hoeven aan te passen.

    Conclusie

    WordPress pagina’s of berichten kopiëren kan heel eenvoudig met de plugin Duplicate Post.
    Eén muisklik is voldoende!

    Nog vragen?

    Heb je naar aanleiding van dit artikel nog vragen, geef me dan een seintje op info@springweb.be! Ik help je graag verder!

    Klaar om samen te werken aan jouw website?

    Springweb

    Ontwikkelt en beheert WordPress websites.

    Algemene voorwaarden | Disclaimer | Privacyverklaring

    © 2019 Alle rechten voorbehouden. Webdesign Springweb.

    CONTACT

    Korenbloemlaan 23
    2980 Zoersel
    België
    E-mail: info@springweb.be
    Tel: 0474/71.83.01
    BE 0678.789.568

    Download de gratis vragenlijst

    Download en vul de vragenlijst in en neem hem mee in het eerste contact met je webdesigner.

    #Maak je doelen helder

    #Wees voorbereid

    #Kom niet voor verrassingen te staan

    Creëer samen een website die voldoet aan al jouw doelen en wensen!

    Bedankt!

    Download de gratis checklist

    Download de gratis checklist, druk hem af en start met het verzamelen van het nodige materiaal.  Als alles afgevinkt is, bezorg je het nodige materiaal aan je webdesigner!

    Creëer samen een website die voldoet aan al jouw doelen en wensen!

    Bedankt!

    Pin It on Pinterest