Hoe voeg je een Next-Gen fotogalerij toe?

Next-Gen Gallery is gratis plugin die je kan gebruiken om fotogalerijen te tonen. Bijna 3 miljoen keer gedownload, Next-Gen is een van de favoriete plugins van Worpdress. Fotogalerijen zijn fantastische dingen voor je website en kan voor meerdere doeleinden gebruikt worden. Bijv. als je een project heeft, dan kan je de foto’s van voor, tijdens en na laten zien.

Ook kan je je creativiteit (kunst, sculptuur, designs, enz.) laten zien met gerangschikte galerijen. Maar je kan ook een fotogalerij gebruiken om producten goed te tonen, met close-ups of andere hoeken. Jij hebt de keus! Hieronder is een stap-voor-stap lijst van hoe je een fotogalerij kan toevoegen.

Stappen voor het toevoegen van een fotogalerij

1. Je foto’s bewerken / verkleinen
2. Galerij maken
3. Foto’s in de galerij uploaden
4. Verander de titel van de galerij
5. Voeg een beschrijving van de galerij toe
6. Map scannen voor nieuwe foto’s (indien nodig)
7. De volgorde van je foto’s veranderen (optioneel)
8. Verander de Alt + Title tekst alsook Description
9. Maak een nieuwe post/pagina met de “magische code” om je galerij te tonen
10. Tags en categorieën toevoegen (alleen posts)
11. Voorbeeld tonen (optioneel) en dan publiceren (nieuw) of updaten (bestaande)

Je foto’s bewerken / verkleinen

Gebruik je favoriete foto bewerkingsprogramma (Paint, Picasa, Photoshop, VSO Image Resizer, enz.) om de afmeting van je foto’s te verkleinen. Je kan het makkelijker maken om door de foto’s te navigeren of bekijken door de foto’s niet hoger dan 575 pixels te laten maken … uit ervaring lijkt het de beste compromi voor de verschillende scherm resoluties. Sommige mensen hebben brede, korter monitors terwijl andere juist kleiner, langer schermen waarop ze je foto’s gaan bekijken.

Hoe groot kan de foto’s zijn?

Bij het uploaden van je foto’s zal je een maximum getal zien (in Megs of pixels) dat je kan updaten. Liever vriendelijk tegen je bezoekers doen en denk aan kB’s – je galerijen laden veel sneller als je elk foto minder dan 300 kB is (ons doel is voor minder dan 100 kB per foto). Nog een voordeel van kleinere foto’s is dat het minder ruimte neemt op het hostingpakket d.w.z. je zou niet snel je pakket moeten upgraden en meer betalen.

• 640 x 480 voor liggende foto’s
• 380 x 560 voor staande foto’s

Galerij maken

Op het Dashboard bij de linkermenu, klik op Gallery, en dan op Add Gallery / Images. Typ dan een naam in voor de galerijmap bv. 090123-parijs-project of iets dergelijks dat je makkelijk kan herkennen … zonder spaties!! Dan, zeer belangrijk, klik op het knopje Add Gallery. Als je nu op <enter> druk, verdwijnt je teksten en de galerij wordt niet aangemaakt.

Als de galerij succesvol is gemaakt, krijg je een bevestiging bovenaan, met een referentie voor de fotogalerij (galleryID) … schrijf dit neer – je hebt het nodig om de galerij binnen een post/pagina te tonen.

Foto’s in de galerij uploaden

Op dezelfde scherm, klik op de Upload Images tab, dan selecteer en upload de afbeeldingen voor deze galerij. NB. selecteer de nieuwe galerij van de drop-down menu zodat de foto’s daarheen kunnen anders. Doe je dit niet, dan worden er geen foto’s geupload. Natuurlijk kan je ook proberen om alle foto’s in een map te plaatsen en dan de map te uploaden, of een gecomprimeerd bestand.

Met de browser upload optie, kan je foto’s een-voor-een uploaden. Met de flash upload optie, kan je meerdere foto’s uploaden. Klik op de eerste foto, dan ga naar de laatste foto en druk op de <Shift> toets terwijl je op de foto klikt. Alle foto’s worden gehighlight, dan kan je op Upload klikken.

Verander de titel van de galerij

Nadat de foto’s zijn geupload, dien je de galerij te bewerken. De beschrijving van je galerij wordt weergegeven als het bij een Album wordt toegevoegd. Ga naar Manage Gallery onder Gallery. Als jouw website meerdere gebruikers heeft, dan kan je alleen je eigen galerij bewerken. De titel komt automatisch van de naam die je het net gaf. Nu kan je het meer vriendelijk laten ogen, met spaties. Meestal krijgt je fotogalerij dezelfde titel als je post.

Tip: zie je allen een grijze balk “Gallery Settings” i.p.v. de titel, dan klik op het balkje, de rest zal verschijnen.

Voeg een beschrijving van de galerij toe

Deze beschrijving wordt weergeven als de fotogalerij bij een album wordt toegevoegd. Maar het is ook handig bij het onderhouden van je fotogalerijen om te zien waarover specifieke galerijen gaan, vooral als je veel hebt!

NB: VERANDER DE PATH (url) NIET!!! Als je dit veranderd, dan zal WordPress je foto’s niet meer kunnen terugvinden.

Afhankelijk van de instellingen op jouw website en fotogalerij, kan je de “Page Linked to” instelling veranderen of laten staan op “Not Linked” – dit wordt verder uitgelegd bij het bouwen van de website. De eerste foto wordt standaard gekozen als de thumbnail voor de album, maar je kan het hier veranderen indien gewenst.

Tip: Klik op “Save Changes” bij enige verandering!! Deze plug-in geeft je geen waarschuwing dat de veranderingen niet zijn opgeslaan. De galerij gaat dus terug naar de vorige versie, zonder veranderingen!

Map scannen voor nieuwe foto’s (indien nodig)

Als je foto’s via een (gecomprimeerd) map hebt geupload, dan kan je scannen voor nieuwe foto’s. Dit kan ook gebeuren als er enige problemen met de upload zijn geweest. Let wel: eerst klik op Opslaan om evt. veranderingen in de titel of beschrijving te behouden.

De fotogalerij plug-in gaat op zoek naar nieuwe foto’s en kleine afbeeldingen (thumbnails) worden ook gemaakt. Dit kan een tijdje nemen, dus laat het zijn ding doen … tot 100%. Daarna zie je de thumbnails van alle foto’s, gerangschikt op de naam van de foto.

De volgorde van je foto’s veranderen (optioneel)

Je kan de volgorde van de foto’s veranderen – klik op “Sort Gallery”. Dan zie je een andere venster met kleine vierkante foto’s. Sleep de foto’s tot de juiste positie. De foto wordt verplaatst wanneer je een “I” stipje tussen twee foto’s ziet. Geen stipje, geen verplaatsing.

Tip: je kan geen foto naar de laatste positie slepen. Het werkt gewoon niet. Sleep dus de foto op een na laatste en sleep de laatste foto tot een andere positie. Voila! Zo krijg je een foto op de laatste plek.

Verander de Alt + Title tekst alsook Description

De alt tekst (bovenste rij) wordt weergegeven wanneer een bezoeker zijn/haar muis over de thumbnail foto beweegt. Maar deze beschrijving geeft ook de zoekmachines inzicht op de foto. In de tweede zijn (description) kan je de caption intypen die onderaan de vergroting wordt vertoond. Je kan de tekst van de eerste regel kopieren en dan hier plakken.

Vergeet niet je veranderingen op te slaan!!

Als je ergens anders klikt voor het opslaan, dan verloor je je veranderingen. Je bent gewaarschuwd.

Tip voor techneuten: je kan simpele html codes gebruiken bij de beschrijving zoals <strong>… </strong> voor vetgedrukte tekst, <br> voor een nieuwe regel en<em> … </em> voor italics. Links kunnen ook gemaakt worden met <a href=”url”> … </a>.

Maak een nieuwe post/pagina met de “magische code” om je galerij te tonen

Nadat de fotogalerij is bewerkt en je hebt captions en titels voor elke foto gemaakt (en opgeslaan) dien je een bericht (of pagina) te maken om je fotogalerij te tonen. Plaats je cursor op de juiste plek waar je de fotogalerij wil toevoegen. Druk op <Enter> om een nieuwe regel te maken, dan typ de “magische code” in.

Onthoud je stap 2? Maak een fotogalerij? Je zou de galerijID neerschrijven. Nu dien je het hier in te typen.

Het geeft niet als je de galerijID niet hebt, je kan het weer bij Gallery terugvinden – ga naar Manage Gallery om een lijst van alle fotogalerijen te zien. In de eerste kolom zie je de verschillende id’s. Goed, he?

In de nieuwe regel, typ [ gallery=id# ] in zonder spaties!! Ik moest de spaties gebruiken om WordPress niet te laten denken dat het een echte galerij is. Dus als de id van je galerij nummer 9 is, dan typ je [ gallery=9 ] in zonder spaties.

Tags en categorieën toevoegen (alleen posts)

Als je de fotogalerij bij een bericht (en geen pagina) toevoegd, dan kan je als laatste de tags en categorieen instellen m.b.t. dit bericht en galerij.

Voorbeeld / Publiceren

Je kan een voorbeeld van de pagina bekijken of gewoon op Publish drukken. Dan kan je de fotogalerij bekijken.