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.

NextGen WordPress Gallery

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.

NextGen algemene opties

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.

NextGen Thumbnails settings

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%.

Afbeelding opties voor Nextgen

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.

WordPress NextGen gallery settings

 

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.

NextGen Effects voor je Foto overzicht

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.

NextGen watermerk functies

 

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.

Nextgen Slideshow opties

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….

Een Nieuwe Gallery aanmaken

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)
    Upload van afbeeldingen vanuit een Zip Bestand
  • 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.
    Importeren van geuploade fotos
  • 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)
    Uploaden van Fotos via de standaard methode
  • 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:
Importeren van geuploade fotos

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)

Gallery Settings overzicht

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.

Fotos in de Gallery met Alt en Titel teksten

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).

Sorteren van de afbeeldingen

 

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!

Invoeren van gallery code in pagina

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.

 

Invoeren van de Foto album naam

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.

Manage Albums en invoegen van galleries

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

Extra instellingen voor je Foto album

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…
Extra Gallery Settings

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

Meer opties voor je Gallerij

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.

Reacties

  1. Hallo,
    Ik ben bezig met het maken van een website met artikelen en recepten. Ik heb met nextgen een gallerie geupload. Mijn probleem is dat ik, als ik op de thumbnails klik, de originele afbeelding te zien krijg terwijl ik graag naar de pagina wil waar die foto staat afgebeeld. Iemand een idee hoe ik dat moet doen? Bij voorbaat dank, Frans

  2. Als ik de gallery instel op bv max 20 pictures(bij meer dan 20 foto’s) dan krijg ik 20 tumbnails op de pagina te zien en een keuze voor de volgende sub-pagina. Als ik hierop klik dan krijg ik de melding: Oeps pagina niet gevonden. De instelling heb ik nu op 0 gezet zodat alle tumbnails op 1 pagina te zien zijn. hoe pas ik dit aan?
    vr gr Jenne

  3. Hallo,
    Wij hebben een vrij omvangrijke website rovm-digitaal.nl met bijna 600 fotogalerijen. Omdat er steeds meer ‘misbruik’ van onze foto’s wordt gemaakt willen wij graag het watermerk activeren. Na invulling van de benodigde opties en het inschakelen, gebeurt er niets. Enig idee wat wij verkeerd doen? met vriendelijke groeten, René

  4. Ik overweeg over te stappen van de gratis NextGen plugin naar de betaalde versie ($ 49) NextGen plus. Is dat een verstandig besluit?
    Met vriendelijke groet,
    Piet Slis

    • @p.l.sis Bekijk altijd eerst goed of je die extra functies wilt gaan gebruiken, als je die zeker wilt hebben dan is dat een goede keuze. NextGeb wordt nog steeds verbeterd en heeft zeker niet meer de problemen van het begin van de nieuwe versie.

Laat wat van je horen

*

css.php