Hoe bestanden en afbeeldingen overschrijven in WordPress

Hoe bestanden en afbeeldingen overschrijven in WordPress

“Hoe kan ik een bestand of een foto vervangen op mijn WordPress website?”

Stel: je wenst een foto of een bestand op je website aan te passen. Dan zit er helaas niets anders op dan de nieuwe versie van de foto of het bestand opnieuw op te laden en vervolgens de links aan te passen. 

WordPress staat immers standaard niet toe om mediabestanden te overschrijven. Om reeds opgeladen mediabestanden toch te vervangen door een nieuwere versie, heb je een plugin nodig. 

In dit artikel toon ik je, hoe je met behulp van de Enable Media Replace plugin, makkelijk een bestand of een afbeelding kan overschrijven. Hiervoor hoef je slechts vier eenvoudige stappen te volgen. Klaar? Dan gaan we vlug van start!

Stap 1: Installeer de Enable Media Replace plugin

Eerst en vooral ga je de Enable Media Replace plugin installeren en activeren.

Lees ook: Hoe installeer je een WordPress plugin

In je WordPress dashboard ga je naar Plugins > Nieuwe plugin. Vervolgens zoek je op Enable Media Replace:

Stap 2: Zet de mediabibliotheek op lijstweergave

Ga naar de mediabibliotheek via Media > Bibliotheek.

Standaard worden alle mediabestanden in een raster weergegeven. Verander dit naar lijstweergave:

Stap 3: Klik op de Replace media optie bij de bestandsnaam

Ga naar het bestand of de afbeelding die je wenst te vervangen. Beweeg met je muis over de titel en de optie Replace media zal verschijnen. Klik op Replace media:

Stap 4: Upload de nieuwe versie

Klik nu op Bestand kiezen en blader op je computer naar het nieuwe bestand dat je wilt opladen:

Je zal twee opties zien. Je kan enkel het bestand vervangen of je kan het bestand vervangen, een nieuwe bestandsnaam gebruiken en alle links aanpassen. 

Kies de gewenste optie en klik vervolgens op Upload. Het bestand wordt nu voor je vervangen.

Conclusie

Ik hoop dat dit artikel je geholpen heeft om in de toekomst op een eenvoudige manier bestanden en afbeeldingen op je WordPress website te vervangen. 

Heb je nog vragen? Neem dan contact op en ik help je graag verder.

 

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.

     

    Zelf een WordPress back-up maken

    Zelf een WordPress back-up maken

    “Hoe kan ik zelf een back-up maken van mijn WordPress website?”

    Je hebt het vast al vaak gelezen, dat het heel belangrijk is om regelmatig een back-up te maken van je website. In dit artikel leg ik je uit waarom je dit advies maar beter niet negeert en hoe je zelf een WordPress back-up kan maken. Laten we beginnen!

    Waarom zelf een WordPress back-up maken?

    Veel mensen gaan er van uit dat het hen niet zal overkomen, maar er kan altijd wat misgaan met je website. Het kan zijn dat er iets misloopt bij het updaten van je site, dat er problemen bij je hostingprovider zijn of dat er op je site ingebroken wordt door een hacker. Op zulke momenten is het handig om een actuele back-up van je WordPress site achter de hand te hebben. 

    Als je een goede hostingprovider hebt, dan zorgt deze normaal gezien zelf voor regelmatige back-ups. Het nadeel is echter dat je zelf weinig invloed hebt op wanneer en hoe vaak er een back-up wordt gemaakt. Bovendien wordt er vaak een extra kost aangerekend voor het terugzetten van een back-up. 

    Zelf een back-up maken biedt een aantal voordelen. Je weet zeker dat je een recente back-up hebt en je hoeft niet te wachten op je hostingprovider als er iets mis gaat.

    Bovendien is het bij het uitvoeren van updates van je website, altijd verstandig om eerst een back-up te maken omdat het altijd een keer fout kan gaan.

    Waar moet je een back-up van maken?

    Het is van cruciaal belang om zowel een back-up van de WordPress bestanden op de server te maken én een back-up van je WordPress database. In de database vind je de inhoud van je website zoals de berichten en pagina’s, maar ook de instellingen van de website. De afbeeldingen en andere mediabestanden staan niet in de database. Deze staan in de uploads-map op de webserver. Voor het herstellen van de website is daarom een back-up van zowel de database als de bestanden nodig.

    Hoe maak je zelf een WordPress back-up?

    Je hebt een aantal opties voor het maken van een back-up. Je kunt een gratis of betalende plugin gebruiken of je maakt handmatig een back-up via FTP. Het handmatig uitvoeren van een back-up vereist wat meer technische kennis, vandaar dat we ons in dit artikel focussen op het gebruik van een plugin. 

    Een aantal populaire plugins voor het maken van back-ups zijn:

    Een WordPress back-up maken met UpdraftPlus

    UpdraftPlus is erg populair en laat je back-ups maken van alle bestanden en de database van je WordPress website. Indien nodig kun je de back-ups ook herstellen met behulp van deze plugin.

    Het is verder geen enkel probleem om de back-ups op te slaan in de cloud of op de server en je kunt de back-up ook nog naar jezelf mailen. Bovendien is het ook mogelijk om in te stellen wanneer er back-ups gemaakt moeten worden. Dit kan dagelijks, wekelijks, maandelijks of zelfs om de 4 uur zijn.

     

    Stap 1: Installeer en activeer UpdraftPlus

    Om de plugin te installeren, ga je in WordPress naar Plugins > Nieuwe plugin. Zoek nu naar “UpdraftPlus” en installeer de volgende plugin:

     

    Klik op Nu installeren en vervolgens op Activeren om de plugin te activeren.

    Lees ook: Hoe installeer je WordPress plugins?

    Stap 2: UpdraftPlus instellingen

    Klik vervolgens op Press here to start! om naar de instellingen van de plugin te gaan:

     

    De instellingen kan je ook bereiken via Instellingen > UpdraftPlus-backups.

    Ga als eerste naar het tabblad “Settings“. Hier kun je verschillende zaken instellen, zoals een backup-schema.

    Je kan hier kiezen voor een dagelijkse, wekelijkse of maandelijkse back-up voor zowel je bestanden als je database. Daarnaast kun je aangeven hoe veel back-ups je (maximaal)  wilt bewaren. De hoeveelheid opslagruimte die je hebt, speelt hierin natuurlijk een belangrijke rol. 

    In dit voorbeeld heb je een back-up van de laatste vier weken.

    Verder op deze pagina, kun je aangeven welke bestanden er moeten worden meegenomen in je bestanden-back-up. De standaard instellingen zijn hier prima. Vergeet zeker niet na te kijken of Uploads is aangevinkt. Dit bevat nl. al je bestanden in de mediabibliotheek.

     

    Je vindt bij de instellingen ook nog een lijst met alle diensten die je kunt gebruiken voor automatische back-ups. Als je een back-up maakt is het verstandig deze niet bij je website op te slaan. Gaat er iets mis bij je hostingprovider, dan kan het gebeuren dat je ook de back-up kwijt bent. Het is beter de back-up te bewaren op een andere locatie zoals bijvoorbeeld Dropbox of Google Drive. In dit voorbeeld kies ik voor Google Drive.

    Wanneer je een gratis Gmail-account hebt, beschik je ook automatisch over 15 GB opslagruimte op Google Drive. Dat is meestal voldoende voor één of meerdere back-ups. Heb je meer opslagruimte nodig, dan kan je tegen betaling je account upgraden.

    Klik op het Google Drive-logo, scroll helemaal naar beneden en klik op Save Changes. Een nieuw venster opent zich nu, met daarin een link naar Google Drive. Klik op deze link om naar Google Drive te gaan. Als je meer dan één Google-account hebt selecteer je eerst welk account je wilt gebruiken. Als je nog niet ingelogd bent, dien je dat eerst te doen. Vervolgens zal Google je vragen of je UpdraftPlus toegang wilt geven tot Google Drive. Klik op Toestaan.

    Er opent zich nu een nieuw scherm. Klik hier op Complete setup om terug te keren naar je WordPress dashboard. Wanneer je hebt gekozen voor automatische back-ups, zal UpdraftPlus meteen beginnen met het maken van een eerste back-up. Als dit niet het geval is, dan kun je ook handmatig een back-up laten maken door te klikken op Backup Now via Instellingen > UpdraftPlus-backups.

    Stap 3: Back-ups terugzetten

    Alle back-ups kan je terugvinden op de gekozen opslaglocatie, bv. Google Drive in de map UpdraftPlus en via Instellingen > UpdraftPlus-backups. Je kan hier ook de back-ups downloaden naar je computer. Via de knop Restore kan je de back-up terugzetten indien dit nodig is.

    Opgelet: alle aanpassingen gedaan NA de datum van de back-up zullen verloren gaan!

    In het slechtste geval, als bv. je site gehackt is, heb je geen toegang meer tot je WordPress dashboard. Gelukkig kan je dan nog altijd een back-up terugzetten, al is dat wel wat omslachtiger. Het komt er op neer dat je je oude bestanden verwijdert en een nieuwe installatie van WordPress doet (in dezelfde versie als die ten tijde van je back-up). Vervolgens zal je de UpdraftPlus plugin opnieuw moeten installeren en deze koppelen aan de gekozen opslaglocatie, zoals Google Drive of Dropbox.

    UpdraftPlus scant dan automatisch naar voormalig opgeslagen back-ups. Deze kan je dan terugzetten via de knop RestoreUpdraftPlus gaat nu automatisch voor je aan de slag. Je hoeft verder niets meer te doen, het proces is volledig geautomatiseerd.

     

    Conclusie

    In dit artikel hebben we het belang beschreven van het maken van regelmatige back-ups en hebben we beschreven hoe je zelf WordPress back-ups kan maken en terugzetten met behulp van de plugin UpdraftPlus.

    Bij het maken van een WordPress back-up zijn er twee zaken waar je op moet letten:

    1. Maak een back-up van de WordPress bestanden én de database.
    2. Bewaar de back-up op een externe locatie zoals bv. Google Drive of Dropbox.

    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!

    WordPress 5.0 (met Gutenberg) is beschikbaar! Updaten of niet?

    WordPress 5.0 (met Gutenberg) is beschikbaar! Updaten of niet?

    Het heeft lang op zich laten wachten, maar eindelijk is WordPress 5.0 uitgerold. De belangrijkste verandering is Gutenberg, de nieuwe WordPress editor.

    WordPress 5.0 zou normaal gezien al in november worden uitgebracht, maar dat werd tot twee keer uitgesteld. Iedereen dacht dat het pas voor begin 2019 zou zijn, maar deze week werd echter bekend dat de update gepland was voor 6 december. 

    WordPress 5.0: wat is er nieuw?

    De belangrijkste verandering is Gutenberg. Gutenberg vervangt de klassieke WordPress editor. In de klassieke editor heb je de titel en één groot tekstveld voor je inhoud. In Gutenberg wordt je pagina opgedeeld in zogenaamde ‘blokken’. Voor elk soort content, voorziet Gutenberg een ‘blok’. Zo heb je een tekstblok, een blok voor hoofdingen, voor afbeeldingen,… Zo kan je ook makkelijk de volgorde van je blokken aanpassen. Als je gewend bent de klassieke editor te gebruiken, is het dus best even wennen in het begin. 

    To update or not to update?

    Veel WordPress plugins en thema’s zijn nog niet aangepast aan Gutenberg, vandaar is het belangrijk om goed te testen vooraleer je update.

    Eigenlijk heb je drie opties:

    Optie 1: Wil je op veilig spelen? Wacht dan best tot januari met het updaten van WordPress. Veel ontwikkelaars gaan nu aan de slag om hun plugins en thema’s volledig compatibel te maken en die updates zullen in de komende weken worden uitgerold. Dit is de optie die ik momenteel ook aan iedereen aanraad.

    Optie 2: Wil je toch updaten, maar geen gebruik maken van Gutenberg? Dat kan gelukkig ook. Installeer dan de Classic Editor-plugin. Deze zorgt ervoor dat je vertrouwde editor actief blijft, ook na de update naar WordPress 5.0. 

    Optie 3: Updaten en gebruik maken van Gutenberg. Als je zeker bent dat de plugins en het thema dat je gebruikt, compatibel zijn met WordPress 5.0, dan kan je opteren om over te schakelen. Zo is de laatste versie van Divi, het thema waar ik de meeste van mijn websites mee bouw, wel compatibel met WordPress 5.0 (lees hier meer over WordPress 5.0 en Divi).

    Als je beslist om de update uit te voeren, zorg er dan voor dat je eerst alle plugins en thema’s update en dan pas WordPress. Maak ook een backup van je WordPress-site voordat je de update installeert. Als er dan iets fout gaat, kun je altijd terug naar een werkende versie van je website!

    Nog vragen?

    Zelf kies ik ervoor om nog even te wachten met de update. Ik wil alles eerst eens rustig uittesten in een veilige testomgeving. Beslis je toch om de update te doen en heb je hierbij nog vragen, geef me dan een seintje op info@springweb.be! Ik help je graag verder!

    Is jouw WordPress website mobielvriendelijk?

    Is jouw WordPress website mobielvriendelijk?

    “Hoe zorg ik ervoor dat mijn WordPress website mobielvriendelijk is?”

    Een mobielvriendelijke WordPress website is tegenwoordig noodzakelijk. Niet alleen wordt het percentage mobiele gebruikers steeds groter, ook voor Google wordt een mobielvriendelijke website steeds belangrijker. Begin 2018 heeft Google mobile-first index uitgerold. Als jouw website niet mobielvriendelijk is, is dat voor Google een reden om hem niet op te nemen bij de zoekresultaten.

    Heb je geen idee wat de mobile-first index precies is en weet je niet of je website er klaar voor is? Geen zorgen! In dit artikel bespreken we wat de mobile-first index is, hoe je kan testen of jouw website hier klaar voor is en hoe je je website mobielvriendelijk kan maken, moest dat nog niet het geval zijn. Laten we beginnen!

    Wat betekent mobile-first index?

    Mobile-first index houdt in dat Google bij het indexeren van webpagina’s voortaan eerst naar de mobiele versie van de website kijkt. Als je website niet mobielvriendelijk is, zal dat betekenen dat je in de zoekresultaten zal dalen en misschien zelfs niet meer gevonden zal worden! 

    Maar wat bedoelen we nu juist met mobielvriendelijk? Een mobielvriendelijke website moet een optimale gebruikerservaring bieden, niet alleen op desktops en laptops, maar ook op smartphones en tablets. Dat betekent dat het ontwerp van je website responsive moet zijn. De lay-out van de website past zich dan aan aan het formaat van het scherm waarop de site bekeken wordt. Als de website wordt weergegeven op kleinere schermen, dan schalen afbeeldingen en tekst mee en blokken verschijnen onder elkaar in plaats van naast elkaar. Teksten en afbeeldingen moeten bovendien leesbaar blijven en er moet voldoende witruimte aanwezig zijn.

    Het ontwerp moet ook touch-vriendelijk zijn. Knoppen moeten groot genoeg zijn, zodat de gebruiker met zijn vingers niet klikt op het verkeerde element. 

    Bovendien hebben we onderweg vaker te maken met een minder snelle internetverbinding. Vandaar dat we moeten zorgen dat de laadtijd van de website geoptimaliseerd wordt.

    Test of jouw WordPress website mobielvriendelijk is

    Om te testen of jouw website mobielvriendelijk is, biedt Google een mobielvriendelijke test aan. Met deze test kan je checken of elke pagina van je website mobielvriendelijk is . Als dat niet het geval is, dan krijg je advies over wat je moet doen. 

    Ga hiervoor naar de volgende webpagina:

    https://search.google.com/test/mobile-friendly

    In de witte balk geef je de url in van de webpagina die je wenst te testen. Vervolgens klik je op Test uitvoeren

    Vervolgens verschijnt er of je pagina geschikt is voor mobiele apparaten of niet en wat de eventuele gevonden fouten zijn:

    Tips voor een mobielvriendelijke website

    Tip 1: Verbeter de laadtijd van je website

    Met deze tip maak je niet zozeer je website mobielvriendelijk, maar het is wel belangrijk om de online vindbaarheid van je website te verbeteren. Google houdt in zijn rankings namelijk rekening met de snelheid waarmee je pagina geladen wordt. Deze kan je oa. testen op:

    Manieren om je laadtijd te verbeteren zijn het optimaliseren van je afbeeldingen, gebruik maken van caching, plugins verwijderen die je niet gebruikt,…

    Tip 2: Gebruik een responsive thema 

    De meeste thema’s die in de laatste paar jaar gemaakt zijn, zijn al responsive. Maar het is niet automatisch altijd het geval. Gebruikt jouw website nog geen responsive thema? Overweeg dan de bouw van een nieuwe website obv een nieuw responsive thema. Bij het zoeken naar een thema moet je er in ieder geval op letten of de term responsive voorkomt in de beschrijving. 

    Het thema waar ik zelf het meeste mee werk, het Divi theme, is in ieder geval 100% responsive. Wil je je website omtoveren, dan is een overstap naar Divi zeker aan te raden.

    Tip 3: Gebruik een plugin

    Als je er nog niet aan toe bent om een nieuwe website te laten bouwen, dan kan een plugin een goede tussenoplossing zijn. Met de  plugin WP Touch kan je je website mobielvriendelijk maken. De plugin herkent of je gebruiker een smartphone, tablet of PC gebruikt en toont dan het juiste thema. 

    Conclusie

    In dit artikel hebben we het belang beschreven van het hebben van een mobielvriendelijke website, hoe je dit kan testen en wat je kan doen om je website mobielvriendelijk te maken. 

    Nog vragen?

    Is jouw website momenteel niet mobielvriendelijk? Wil je graag een mobielvriendelijke website laten bouwen? Geef me dan een seintje op info@springweb.be! Ik help je graag verder!

     

    Disclaimer: Sommige links 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.

    Pin It on Pinterest