Nextgen Gallery voor WordPress

NextGen gallery is een Plugin voor WordPress waarmee je snel goeduitziende fotoboeken kunt creeeren in je WordPress Installatie.

Je kunt de plugin downloaden via WordPress Nextgen Gallery en daarbij heb je ook de JW Image Rotator van Jeroen Wijering nodig, omdat deze laatste de verschillende opties van weergave nog beter maakt.

Op de site van de oorspronkelijke maker van de plugin kun je ook nog verschillende voorbeelden bekijken zoals de meest gebruikte optie. de Gallery Page.

https://www.imagely.com/docs/displaying-galleries-overview/

Naast dit voorbeeld zijn er nog veel meer te bekijken wat het is een heel veelzijdig stukje software.

Download en activeer de plugin zodat je aan het werk kunt met het maken van een mooie Gallery voor je foto's, moeilijk is het niet dus laten we maar beginnen.

Ik zal je de verschillende stappen laten zien met een nieuwe Blog van mij waar ik nog iets extra's wil doen, maar daarover later meer.
De voorbeeld-blog kun je vinden op Car Design Blog

Opzetten van je WordPress NextGen Gallery

Na de installatie en activering van je Plugin vind je niets terug onder “Settings” (Instellingen), nee, je beheert de hele plugin vanuit “Gallery” in je administrator controle paneel.

Hier vind je de volgende opties: Gallery – Add Gallery – Manage Gallery – Album – Options – Style – Setup – Roles – About

We beginnen bij “Options” (iik ga even uit van de engelstalige versie, een nederlandstalige versie of nederlands taalbestand kun je downloaden bij :Languages. waar je de vertaling vindt die gemaakt is door Anja van WordPress de Basis.(TIP))
Allereerst moet je het pad aangeven waar je de afbeeldingen en mappen voor je Gallery gaat makendit pad moet jezelf even aanmaken via FTP en Lees en Schrijfrechten geven, anders kun je geen Galleries maken.

Thumbnails
Hier leg je vast wat het formaat moet zijn van de automatisch gegenereerde thumbnails voor je afbeeldingen.
Dit is het formaat dat gebruikt zal worden voor de voorbeeld afbeeldingen, de standaard maat en instellingen werken prima voor mijn doel.

Images
Onder images leg je het formaat vast waar je geuploade afbeeldingen aan moeten voldoen, als je grotere afbeeldingen upload dan worden ze aangepast naar dit formaat met een compressie factor van 85% voor de kwaliteit.
Daarmee worden je afbeeldingen nog kleiner. Mocht dit voor teveel details verlies zorgen, zet die optie dan op 100%.

Gallery Settings
De instellingen die je hier opgeeft zorgen ervoor hoe je gallery getoond wordt.
Ook hier laat ik de standaard instellingen staan, want 20 kleine afbeeldingen per pagina is ruim voldoende én zorgt ervoor dat het niet te lang duurt voor de pagina geladen wordt. (Belangrijk voor je WordPress Zoekmachine Optimalisatie.

 

Effects
Je kunt hier kiezen voor verschillende opties, mijn favoriet is “Lightbox”.
Let hierbij vooral op de code die in het vak daaronder staat “rel=”lightbox[%GALLERY_NAME%]”” die heb je straks nog nodig.

Watermark of watermerk
Als je een extra optie mee wilt geven om je afbeeldingen te beschermen tegen illegaal gebruik, dan kun je met NextGen Gallery je foto's automatisch van zo'n watermerk voorzien.
de mogelijkheden varieren van een afbeelding (denk bijvoorbeeld aan een Logo) tot een tekst waarbij je kunt kiezen op welek plaats op de foto die zichtbaar moet worden.
Je kunt zelfs de kleur en het dekkingspercentage instellen.

 

Slideshow
De manier en het formaat waarmee je een slideshow van je Gallery kunt laten zien, zeker de moeite waard om met deze waarden eens te experimenteren.
Ik zet wel altijd de optie “Show Loading Icon” aan, omdat je anders bij grote galleries de indruk krijgt dat er niets gebeurt.

Waar ik een tegenstander van ben is het gebruik van muziek…. zeker als je die niet uit kunt zetten!
Niets irriteert zo snel als een steeds herhalend deuntje “op de achtergrond”…

Met gallery ga je weer terug naar je overzicht scherm.
Heel kort even de volgende keuzen

• Style – NextGen Gallery heeft een eigen opmaak stylesheet waarmee je nog allelei opmaak zaken kunt wijzigen
  Meer je moet dit bestand eerst schrijfbaar maken (permissions 707) en je moet kennis hebben van CSS.
• Setup – Deze optie zorgt ervoor dat alle instellen weer op de installatie standaard teruggezet worden.
  Hiermee gaan dus alle instellingen die je gemaakt hebt weer verloren! (Pas op dus!)
  De lijn daaronder nog wat erger, daarmee verwijder je alles! dus alls instellingen en tabellen van je WordPress galleries -> Geeft natuurlijk foutmeldingen op pagina's waar je naar de Plugin verwijst.
• Roles – Hier stel je in wat ieder tyoe gebruiker van je WordPress installatie mag doen met Galleries
• About – Een overzicht en links van de mensen die aan de NextGen Plugin gewerkt of geholpen hebben

Je eerste NextGen WordPress Gallery

Na de eerste kennismaking en het instellen van je voorkeuren is het nu eindelijk tijd om je eerste WP Gallery oon-line te zetten.
Hiervoor kiezen we……. Add Gallery , ja zo eenvoudig….

Je mag de naam zelf bepalen, maar alleen met gebruik van de genoemde combinaties.
Ik zet zelf het liefst een koppel – teken tussen de gebruikte woorden.

Nadat je op “Add Gallery” gedrukt hebt, even wachten tot de kleine melding ziet boven het invulschem die zegt dat de Gallery succesfull gemaakt is.
De melding geeft ook weer hoe je de Gallery op kunt roepen in je pagina
Gallery 1 : vintage-cars successfully created!
You can show this gallery with the tag

Nu de Gallery gemaakt is, wil je er ook ja afbeeldingen naar toe zetten en daarvoor zijn er drie (eigenlijk vier) manieren

• Upload een Zip-File: Pak alle fotos voor die gallery in een Zip bestand en de Plugin zal ze uitpakken en het juiste formaat geven.
  Een snelle manier als je veel foto's moet uploaden en je geen FTP toegang hebt (Opie nr 4)
  
• Import Image Folder: Maak een aparte map op de server stop daar al de afbeeldingen in voor je Foto gallery.
  Verwijs daarna naar die map om de afbeeldingen te importeren.
  
• Upload Images wil zeggen dat je afbeelding voor afbeelding gaat uploaden, wat een prima optie is als je incidenteel fotos toe gaat voegen aan je Galleries (Denk bijvoorbeeld aan Portfolios)
  
• Upload je afbeeldingen via je FTP programma naar de map die zojuist aangemaakt is onder /wp-content/gallerys/
  Dit laatste is mijn favoriete keuze omdat die snel en simpel werkt.

Wat je in alle (behalve bij de FTP upload) moet aangeven is in welke Gallery de fotos moeten komen, anders wordt er weer een nieuwe gallery aangemaakt.

Als je de afbeeldingen via FTP upload, dan zul je zien dat er ook al een map “thumbs” aangemaakt is.
Daar hoef je niets naar toe brengen, dat gaat automatisch bij de volgende stap, dit geldt ook voor de andere manieren van klaarzetten van de afbeeldingen.

Manage Gallery

Je fotos staan nu allemaal in de juiste map en nu wordt het tijd om de Gallery ook echt aan te maken met alle opties en instellingen die je eerder gemaakt hebt.
Omdat ik de afbeeldingen direct via FTP geupload heb, moet ik eerst een import doen van de map waar ik de afbeeldingen geplaatst heb:

Ga daarna naar de optie “Manage Gallerys” en selecteer de Gallery die je wilt gaan bewerken (manage) en klik op “Edit”.
Je ziet bij de gegevens al dat er afbeeldingen in de gallery staan (6)

Ook bij de gallery zelf zie je ook de kleine afbeeldingen in het vak Description kun je nu een uigebreide omschrijving zetten, in het vak “Alt % Title text” vul je korte steekwoorden in die tevoorschijn komen als je later met je muis over een afbeelding gaat.
De omschrijvingen worden ook door zoekmachine zoals Google opgepikt en geindexeerd.

Selecteer dan alle afbeeldingen als je klaar bent en klik op “Save Changes” , deze stap kan even duren omdat de nodige zaken nu in de database komen te staan.

In dit scherm heb je nog wat opties, zoals “hide thumbnails” wat een goed idee is als je erg veel afbeeldingen moet bewerken en je de pagina's snel wilt laden.
Met “Show tags” krijg je de mogelijkheid om “tags” toe te voegen aan elke afbeelding.
En als laatste de optie “Sort Gallery”, waarmee je de volgorde van de afbeeldingen in de Gallery kunt bepalen (afhankelijk van de opties die je eerder gekozen hebt zal die wel of niet werken).

 

je kunt de afbeeldingen simpel met de muis op pakken en daar neer zetten waar je ze hebben wilt, als alles goed staan niet vergeten om de optie “Update Sort Order” te klikken.

Eindelijk Je Foto Gallerij in WordPress

Nu komt het erop aan…. alles staat klaar…. hoe krijg je het nu zichtbaar in je WordPress Blog of Website…

Je kunt het best simpel beginnen en een kiezen voor een schrijven van nieuwe pagina (of post).
Ik ga hier even uit van een pagina.
Geef de pagina een Titel zoals in mijn voorbeeld “Vintage Cars Photogallery” en vul daarna je normale tekst in.
Daar waar je de Gallery Thumbnails wilt laten zien gebruik je de code die eerder bij het aanmaken van de Gallery getoond werd

en omdat ik een Lightbox effect wil hebben moet ik de extra plugin gebruiken die dit allemaal heel makkelijk maakt:
en te downloaden is op http://zeo.unic.net.my/notes/lightbox2-for-wordpress/
na oploaden naar je plugins map, activeren en klaar…. makkelijker kan niet!

Een andere optie om een gallery pagina aan te maken lees je onderaan deze pagina, samen met wat tips voor andere settings

Een WordPress Foto Album aanmaken

De laatste optie in de NextGen Gallery is “Album” waarmee je verschillende Galleries samen kunt brengen die bij elkaar horen. Bijvoorbeeld een Protfolio Gallerij van Websites die je gebouwd hebt en Drukwerk dat je ontworpen hebt.
Je kunt die dan samen brengen in een pagina met een afbeelding als icoon voor de Gallerij zelf.

 

Je begint dus met een naam geven -> Add new album en klik update, daarna kun je via select album dat album weer oproepen.

Vervolgens sleep je de Galleries die je hebben wilt in de map album.

Daarna is het weer aanmaken van een pagina en daarna je code erin zetten.

Opmaken van je Gallerij

Als je Foto Gallerij klaar is, dan moet je de pagina maken, zoals hierboven genoemd.
Maar er zijn nog ander opties die je het nog makkelijker maken….

Klik als je de gallerij geselecteerd hebt eens op het pijltje bij Gallery settings…

Je krijgt dan een extra scherm te zien met een aantal opties:

Hier kun je ook kiezen voor de optie Create new page, waarmee direct de juiste code aan de pagina meegegeven wordt.
Ook kun je hier een omschrijving kwiijt die je ziet in een Album

Maar nog beter is het dat je hier ook een preview image kunt kiezen dat als een kleine albeelding getoond wordt op de Album pagina, zoals je bij Manage albums hierboven kunt zien.

Als het goed bekijkt is de NextGen Gallery Plugin voor WordPress een zeer uitgebreide plugin, waarvoor ik zeker nog wat extra zaken uit gaan diepen en hier artikelen over zal schrijven.