Dit is het ogenschijnlijk eenvoudige onderwerp dat we vandaag hebben: over de standaard WordPress-galerij. Hoe vreemd het ook mag lijken, sommige gebruikers slagen erin hun blog een aantal dagen bij te houden, daar foto's te gebruiken, maar weten tegelijkertijd niet dat er zo'n handig hulpmiddel bestaat als een gewone WordPress-galerij.

Er zijn ook gebruikers die de galerij kennen, maar koppig de voorkeur geven aan het gebruik van geavanceerde plug-ins zoals NextGen en dergelijke, waarvan het gebruik zichzelf in veel gevallen duidelijk niet rechtvaardigt. Maar de standaard WordPress-galerij kan op de meeste blogs gemakkelijk zelfvoorzienend worden. Vooral als het een beetje verbeterd is. Maar laten we de zaken op orde brengen. Eerst voor beginners.

Hoe maak je een standaard WordPress-galerij?

Laten we dus een galerij maken voor een pagina of bericht. Selecteer in de visuele editor met de cursor de plaats in het hoofdtekstveld waar de galerij zal worden geplaatst en klik op de grote knop - Mediabestand toevoegen. Selecteer vervolgens in het geopende venster het tabblad - Maak een galerij.

We uploaden de foto's die we nodig hebben of selecteren eerder gedownloade foto's uit uw mediabibliotheek.

Klik rechtsonder op de grote rode knop - Maak een nieuwe galerij en ga naar het venster om het te bewerken. Aan de rechterkant is er een sectie met instellingen. Hier is het de moeite waard om aan te geven hoe links naar afbeeldingen moeten werken. Schakel zeker over naar - Media bestand. Anders worden de afbeeldingen geopend op bijlagepagina's, wat niet bijzonder handig is.

Geef ook het aantal kolommen voor uitvoer aan en vink het selectievakje aan - Willekeurige volgorde als u wilt dat de afbeeldingen van plaats wisselen telkens wanneer een bericht of pagina met uw galerij wordt geladen. Maat- meestal als standaard gelaten - Miniatuur.

Je kunt elke foto meteen signeren. Lezers zien een handtekening onder de miniaturen.

Klik op de knop - Galerij insluiten, daar nog steeds, rechtsonder.

Als u in de editor overschakelt naar de tekstmodus, ziet u de shortcode die WordPress voor de galerij heeft gemaakt. Deze bijvoorbeeld:

In ons geval is de lijst met nummers de ID van de foto's waaruit de galerij bestaat.

De galerij is klaar en op de juiste plaats geplaatst. Alles is eenvoudig, zoals u kunt zien. Het nadeel van de standaard WordPress-galerij is dat deze aan een specifieke pagina of bericht is gekoppeld. Met andere woorden, het snel opnieuw toevoegen van een galerij die lang geleden is gemaakt, maar op een andere plaats, zal niet werken. U zult ofwel de shortcode moeten zoeken en kopiëren van de plaats waar de galerij al eerder was geplaatst, of naar afbeeldingen moeten zoeken op ID-nummers om in de shortcode in uw mediabibliotheek in te voegen.

Hoe vind ik de ID van de gewenste foto?

De eenvoudigste, maar niet erg handige manier is om naar uw mediabibliotheek te gaan, deze in de lijstmodus te zetten, de muis over de afbeelding te bewegen en naar het gewenste nummer in de tooltip hieronder te kijken. Dit is de ID van de geselecteerde afbeelding.

Maar het is veel handiger om de prachtige plug-in Reveal IDs te installeren, die niet alleen de ID's van afbeeldingen voortdurend weergeeft, maar ook berichten, pagina's, categorieën, gebruikers en opmerkingen. Dit kan in de toekomst erg nuttig voor u zijn.

Op internet kunt u manieren vinden om een ​​lijst met afbeeldings-ID's in het beheerderspaneel weer te geven door simpelweg een stukje code aan de sjabloon toe te voegen. Bijvoorbeeld zoals dit:

Functie column_id($columns) ( $columns["colID"] = __("ID"); return $columns; ) add_filter("manage_media_columns", "column_id"); function column_id_row($columnName, $columnID)( if($columnName == "colID")( echo $columnID; ) ) add_filter("manage_media_custom_column", "column_id_row", 10, 2);

Maar ik raad niet aan om met je WP-sjabloonbestanden te rommelen. Het is beter om de hierboven beschreven plug-in te installeren.

Wat als ik een prachtige galerij wil?

Als je wilt dat de afbeeldingen in je galerij effectief worden weergegeven met behulp van het populaire Lightbox-script, raad ik aan een kleine en lichtgewicht plug-in te installeren: EWSEL Lightbox For Galleries. Het heeft een minimum aan instellingen (of beter gezegd, slechts één: het kiezen van een ontwerpthema) en zal al uw galerijen voorzien van een prachtig weergave-effect in een pop-upvenster.

Om een ​​soortgelijk effect te krijgen, niet alleen voor galerijen, maar ook voor individuele afbeeldingen, moet je ze allemaal in de volgende code 'verpakken':

Natuurlijk moet u uw eigen pad naar de afbeelding in de code invoegen.

Ik hoop dat beginners nuttige informatie hebben gekregen over het maken en aanpassen van een standaard WorPress-galerij. De gebruikers die al afzonderlijke, krachtige galerij-plug-ins gebruiken, moeten erover nadenken: is dit nodig?

Maar als u een doorgewinterde fotograaf of kunstenaar bent en talrijke galerijen uw belangrijkste inhoud zijn, of als u een coole bedrijfswebsite maakt waarbij externe effecten in de eerste plaats belangrijk zijn, dan moet u natuurlijk onze site goed in de gaten houden.

Gegroet, vrienden! Vandaag zal ik het hebben over hoe gemakkelijk het is om een ​​fotogalerij op Wordpress te maken en welke plug-ins we hiervoor nodig hebben!
Tegenwoordig zijn er nogal wat ontworpen voor het werken met afbeeldingen. In dit artikel beschreef ik de meest populaire ervan. Met deze plug-ins kunt u een galerij voor WordPress van elke complexiteit maken.

Je hebt waarschijnlijk gemerkt dat mijn publicaties minder frequent zijn geworden?! Aan het einde van dit artikel zal ik de reden voor deze schande uitleggen...

Maar laten we terugkeren naar het onderwerp van het artikel - wat is eenvoudiger, hoe u een galerij op WordPress maakt. In dit artikel vindt u plug-ins zoals: Heroic Gallery Manager, Gallery, NextGEN Gallery, WOW Slider en anderen. Laten we elke plug-in in meer detail bekijken:

Fotogalerij Heroic Gallery Manager

Dit onderdeel doet qua functionaliteit vrijwel geenszins onder voor de bekende NextGen-plug-in, en in sommige opzichten is Heroic Gallery Manager zelfs handiger dan dat.

Met deze module kan snel en eenvoudig een WordPress-fotogalerij worden gemaakt en bewerkt. Dankzij een individuele shortcode die aan elke galerij wordt toegewezen, kunt u de galerij weergeven op de plaats die u nodig heeft.

Huzzaz-videogalerij

Dankzij deze module kunt u een videogalerij op uw WordPress-site maken. De video bevindt zich mogelijk op een externe server. Hierdoor kan er op uw webbron een galerij worden gemaakt met video's van elk videoportaal, bijvoorbeeld YouTube.

De galerij die met deze plug-in is gemaakt, ziet er zeer efficiënt uit en is behoorlijk functioneel. U bent slechts een paar minuten bezig met het maken ervan, en u kunt zo'n galerij op elke pagina van uw website onderhouden met behulp van een shortcode.

fotogallerij

Deze eenvoudig te gebruiken module is geschikt voor vrijwel elke internetbron. Het belangrijke kenmerk is dat er tijdens het schrijven van een bericht een galerij voor WordPress kan worden gemaakt, wat u aanzienlijk tijd zal besparen.


Galerij is een handige plug-in die niets overbodigs bevat.

oQey-galerij

Als je een foto-, audio- en videogalerij op WordPress nodig hebt, installeer dan deze multifunctionele plug-in waarmee je dit allemaal gemakkelijk kunt doen. Dankzij deze module kunt u een gemengde galerij maken of een prachtige schuifregelaar op volledig scherm op uw blog maken.


Een galerij die met dit onderdeel is gemaakt, ziet er geweldig uit op een website met elk thema en voegt er een speciale charme aan toe. In de plugin-instellingen kunt u de toegangsrechten beperken tot het bekijken van foto's, audio- en videobestanden voor niet-geregistreerde gebruikers.

Fancy Galerij

Als je wilt dat je WordPress-galerij een complexe structuur heeft, bekijk dan deze superkrachtige plug-in. Hiermee kunt u de afbeelding die naar de blog is geüpload, bewerken, bijvoorbeeld roteren of bijsnijden. Hoewel eenvoudig te gebruiken, heeft deze module veel verschillende functies. U kunt direct na activering met dit onderdeel aan de slag; u heeft geen aanvullende instellingen of speciale kennis nodig. Als je wilt, kun je je verdiepen in de instellingen en deze plug-in naar wens aanpassen.

Fotoruimtegalerij

Deze plug-in is gebaseerd op de standaard WordPress-galerij. Hiermee kun je een mooie en eenvoudige afbeeldingengalerij maken. Na het installeren en activeren van deze module hoeft u geen verdere instellingen te doen.


Je kunt direct aan de slag. De lijst met Photospace Gallery-instellingen is niet zo lang, maar als u dat wenst, kunt u uw galerij enigszins aanpassen.

Eazyest-galerij

De galerij die je met deze plug-in kunt maken lijkt een beetje op de standaard WordPress-galerij, maar er zijn toch verschillen. Deze module helpt u bij het maken van een gesplitste galerijstructuur. Eazyest Gallery is ideaal voor webbronnen waarbij u de galerij op verschillende pagina's wilt weergeven.


In de module-instellingen kunt u opgeven op welke pagina's u de galerij wilt weergeven. Naar mijn mening is deze plug-in niet erg handig voor persoonlijke blogs of visitekaartjesites. Maar misschien kun je er een waardig gebruik voor vinden.

Fotogalerij NextGEN-galerij

Deze plug-in is een van de meest populaire en populaire modules voor het maken van een galerij. Hiermee kunt u niet alleen een galerij toevoegen, maar ook individuele afbeeldingen aan berichten en websitepagina's, of zelfs een diavoorstelling maken.


Als er problemen waren met de oude versie van dit onderdeel, bijvoorbeeld omdat de plug-in de server zwaar belastte, zijn deze problemen vandaag opgelost en behoren ze tot het verleden. Een ander groot pluspunt is dat NextGEN Gallery Russified is.

WOW Slider-plug-in

Deze plug-in maakt meteen indruk met zijn veelzijdigheid. Het is een van de beste sliders voor WordPress-sites. Met de module kunt u een fotogalerij maken en deze op elke voor u geschikte plaats op de site plaatsen. De galerij kan in de zijbalk, op elke pagina van uw blog worden geplaatst of aan een bericht worden toegevoegd.

Als je aan elke afbeelding in de galerij een beschrijving wilt toevoegen, dan helpt deze plug-in je daar ook bij.

Dit is mijn artikel - Fotogalerij op wordpress: Aan wat eenvoudiger kon, is een einde gekomen. Ik wil zeggen dat er nog andere interessante plug-ins zijn waar ik het in toekomstige artikelen over zal hebben, maar bekijk deze opties nu eens nader, misschien zal iets je opvallen

PS: Dus waarom schrijf ik minder vaak... Omdat ik momenteel aan een mobiele versie van mijn blog werk. Google waarschuwde webmasters dat sites, zonder zich aan te passen aan de nieuwe omstandigheden, lager in de zoekresultaten zullen verschijnen, bijvoorbeeld wanneer ze worden bekeken vanaf een smartphone of tablet.

Hallo, beste lezers van de blogsite. Vandaag wil ik het hebben over de mogelijkheden en instellingen van een van de meest populaire plug-ins voor WordPress - NextGEN Gallery, waarmee je, zoals waarschijnlijk duidelijk uit de naam blijkt, verschillende galerijen en individuele foto's kunt invoegen met de mogelijkheid om ze soepel te vergroten, maak en toon ze op de pagina's van je WP-blog, hele albums met afbeeldingen, watermerken toevoegen aan foto's, nou ja, en nog iets anders dat hij kan doen, maar de eerste dingen eerst.

Over het algemeen deed NextGEN Gallery me behoorlijk denken aan de populaire creatie-extensie: Phoca Gallery. Het is dezelfde krachtige machine voor het gemakkelijk maken en effectief weergeven van fotogalerijen, maar alleen op WordPress-blogpagina's en niet op Joomla-pagina's. En hij weet ook hoe hij watermerken moet toevoegen - een kleinigheidje, maar wel leuk.

Kenmerken van de NextGEN-plug-in voor het weergeven van galerijen in WordPress

Eigenlijk heeft de NextGEN Gallery-plug-in behoorlijk wat mogelijkheden en die komen niet alleen neer op het maken van galerijen in WordPress, hoewel hij dit naar mijn mening heel goed doet. Over het algemeen heeft het, volledig analoog aan de Phoca Gallery-extensie voor Joomla, een eigen demosite, waar u alle mogelijkheden kunt evalueren die het biedt voor het weergeven van fotogalerijen, diavoorstellingen, individuele afbeeldingen, video's, enz.

Op de hoofdpagina van de demosite staat nu een voorbeeld van een nieuw effect bij het tonen van een diavoorstelling, waarbij afbeeldingen simpelweg van het scherm vliegen als ze van elkaar wisselen. Er zijn nog veel meer manieren. U kunt er meer over lezen via de meegeleverde link.

Als u bovendien oplet, zult u zien dat NextGEN Gallery diavoorstellingen en fotogalerijen kan weergeven, niet alleen in het gebied dat is gereserveerd voor artikelteksten in WordPress, maar ook in de zijbalk (), met behulp van zijn eigen widgets.

Als we het thema van de diavoorstelling voortzetten, kunnen we met deze plug-in een voorbeeld geven van een nogal interessante weergave van afbeeldingen, waarbij de afbeeldingen niet stil staan ​​tijdens het bekijken, maar dichterbij, verder weg lijken te komen of verschuiven, wat een nogal originele weergave creëert. effect dat u op deze pagina kunt zien.

Als je het hebt gemerkt, staat bovenaan het gegeven voorbeeld een korte code voor WordPress, die je in het artikel invoegt en precies deze optie krijgt voor het weergeven van een diavoorstelling met NextGEN Gallery:

[ monoslideshow id=1 w=450 h=350 ]

In deze korte code moet u het individuele nummer van de galerij opgeven als ID, die vooraf moet worden aangemaakt in het beheerderspaneel met behulp van de mogelijkheden van de plug-in (lees hierover hieronder). Deze korte code toont ook de grootte van het diavoorstellingsvenster in breedte en hoogte (vergeet de jouwe niet, tenminste in FastStone Image Viewer). Op precies dezelfde manier kunt u andere soorten fotogalerijen en afzonderlijke afbeeldingen in WordPress-artikelen invoegen.

Voor uw gemak maakt de plug-in een speciale knop in de visuele WordPress-editor die een venster opent waarin u de sets foto's kunt selecteren die u nodig hebt en het type weergave kunt toewijzen: galerij, diavoorstelling, enz.

Op de demosite kunt u ook zien hoe een galerij gemaakt met NextGEN eruit zal zien. Bovendien kunnen bij de weergave ervan verschillende plugin-sjablonen worden gebruikt: Caption, Carousel, Exemple of GalleryView.

Met deze plug-in kunt u niet alleen galerijen, maar ook hun lijst (albums) op blogpagina's weergeven. Albums kunnen worden gepresenteerd in uitgebreide of compacte vorm (weergegeven onderaan de demositepagina). Er zijn ook korte codes voor het weergeven van lijsten met fotogalerijen (albums), die alleen verschillen in de waarde van de variabele "sjabloon".

Met de NextGEN-plug-in kunt u ook individuele foto's in WordPress-artikelen invoegen, en wanneer u erop klikt, verschijnen ze soepele stijging. Bovendien kunt u een reflectie-effect aan de afbeeldingen toevoegen of de gewenste watermerken erop toepassen.

Het heeft ook de mogelijkheid om galerijen te maken waarin u één foto per pagina kunt bekijken. In dit geval zijn zowel een eenvoudige weergaveoptie (Image Browser) als een optie waarbij speciale informatie over deze afbeelding wordt weergegeven (Exif-ondersteuning) mogelijk.

Als u individuele instellingen moet instellen voor NextGEN-galerijen die op individuele blogpagina's worden weergegeven (deze instellingen zullen verschillen van de algemene plug-ininstellingen), kunt u de mogelijkheden voor aangepaste velden gebruiken die u invult wanneer u een artikel schrijft of bewerkt.

Meer informatie hierover staat hier geschreven, waar mogelijke sleutels voor aangepaste velden en mogelijke waarden voor deze sleutels worden gegeven.

Installatie en russificatie van de NextGEN Gallery-plug-in

In theorie zou NextGEN onmiddellijk na de installatie al in het Russisch moeten werken (het taalbestand zou automatisch moeten worden gedownload van de website van de ontwikkelaar), maar om de een of andere reden werkte dat voor mij niet zo en werden de instellingen in het Engels weergegeven. Daarom moest ik een afzonderlijk russificatiebestand downloaden en in de juiste plug-inmap plaatsen. Maar eerst dingen eerst.

Download NextGEN-galerij je kunt vanaf de officiële pagina - . De installatie verschilt niet van de traditionele. Pak het gedownloade “nextgen-gallery.zip”-archief uit en kopieer de resulterende map naar deze map:

/wp-content/plugins/

Om via FTP verbinding te maken met uw blog, raad ik aan FileZilla te gebruiken, dat in detail wordt beschreven, omdat het programma handig, eenvoudig en betrouwbaar is. Dan moet je naar het WordPress-beheergebied gaan, naar het tabblad “Plug-ins” - “Inactief” gaan en NextGEN vinden. Klik op de link "Activeren" onder de naam.

In het beheerderspaneel, helemaal onderaan de linkerkolom van het menu, heb je een nieuw gebied met de naam “Galerij” of “Galerij” als de plug-in niet automatisch Russified is. Ten tweede moet je, om de Russische interface te krijgen, de Russische vertaling downloaden (bestand nggallery-ru_RU.mo). Daarna maak je verbinding met je blog via FTP en upload je dit Russificatiebestand naar de map:

/wp-content/plugins/nextgen-gallery/lang

Dat is alles, nu zijn alle instellingen in het Russisch, wat goed nieuws is.

Afbeeldingen toevoegen en fotogalerijen maken in WordPress

Zoals ik hierboven al zei, kun je daar helemaal onderaan het linkermenu van het WordPress-beheerderspaneel komen:

Er zijn heel wat mogelijkheden, maar we zullen waarschijnlijk beginnen met het toevoegen van fotogalerijen of afbeeldingen, die je vervolgens met behulp van shortcodes in alle artikelen op je blog kunt weergeven. Om dit te doen, moeten we het item "Galerij / afbeeldingen toevoegen" selecteren in het beheerdersmenu.

Op het eerste tabblad “Een nieuwe galerij toevoegen” moet je de toekomstige naam invoeren in het veld “Nieuw”. Het moet in het Latijn geschreven zijn (bij voorkeur getranslitereerd), en als u de overeenkomstige map “wp-content/gallery/” nog niet hebt aangemaakt, dan moet u deze bijvoorbeeld maken met hetzelfde FileZilla-programma en zorg ervoor dat u deze installeert met behulp van deze FTP-client, waardoor u informatie kunt opnemen en verwijderen.

Als de map “wp-content/gallery/” succesvol is aangemaakt en toegangsrechten 777 heeft, zal de NextGEN Gallery-plug-in de succesvolle toevoeging van de eerste galerij met ID=1 rapporteren en zal daar een shortcode worden verstrekt om deze op de pagina's blog:

Galerij-ID 1 is succesvol aangemaakt. Je kunt deze galerij in je bericht of pagina laten zien met de shortcode

En als je via FileZilla naar de map “wp-content/gallery/” kijkt, zul je daarin een nieuwe map vinden met de naam die je aan de nieuwe fotogalerij hebt gegeven (daarom raad ik aan de naam in het Latijn te typen).

Nadat u een nieuwe galerij hebt aangemaakt in de NextGEN Gallery-instellingen, wordt u doorgestuurd naar het tabblad “Afbeeldingen uploaden”, waar u uit de vervolgkeuzelijst de naam kunt selecteren van de fotogalerij waaraan de foto’s die u uploadt, zullen worden toegevoegd. klik vervolgens op de knop "Bladeren" en selecteer een of meerdere foto's (houd Shift of Ctrl op het toetsenbord ingedrukt om ze te selecteren).

Om ze te downloaden, moet u op de knop “Afbeeldingen uploaden” klikken:

Als gevolg hiervan ziet u een venster waarin duidelijk het proces wordt weergegeven van het uploaden van de door u geselecteerde foto's naar de server van uw blog, en tegelijkertijd met het uploaden maakt de plug-in voorbeelden van deze foto's, die u in de instellingen kunt bewerken. indien nodig. Fysiek bevinden de voorbeeldbestanden zich in het volgende pad “/wp-content/gallery/name/thumbs”.

Het proces voor het downloaden van nieuwe foto's kan zo vaak als nodig worden herhaald als u foto's uit verschillende mappen op uw computer moet downloaden.

Hoewel u bijvoorbeeld vooraf op uw computer een map met de benodigde afbeeldingen voor een toekomstige fotogalerij kunt voorbereiden en verpak het in een Zip-archief, die vervolgens naar de server kan worden geüpload op het tabblad “Zipbestand uploaden” (waar het Zip-archief automatisch wordt uitgepakt). Geen slechte optie.

U kunt de voorbeeldgroottes in de NextGEN-instellingen wijzigen door het volgende pad te volgen: "Instellingen" - "Thumbnails". U kunt de grootte instellen voor grote afbeeldingen (de afbeeldingen die worden geopend als u op de miniatuur klikt) op het tabblad 'Afbeeldingen'. Graaf in het algemeen rond - je zult daar veel interessante dingen vinden.

Op het tabblad 'Watermerk' kunt u bijvoorbeeld instellen dat dit van toepassing is op alle foto's van een bepaalde galerij. Het kan worden gespecificeerd als een grafisch bestand door het pad ernaartoe op te geven, of eenvoudigweg door tekst in het juiste veld te typen en het lettertype en de grootte te selecteren.

De positie van het watermerk op de fotogalerijafbeeldingen kan worden ingesteld in het voorbeeldgebied:

Laten we nu naar de instellingen gaan van de galerij die we zojuist hebben gemaakt.

Omdat we begonnen te praten over het toevoegen van watermerken, moeten we vermelden dat u hiervoor de vakjes naast de gewenste foto's moet aanvinken, de optie "Watermerk installeren" in de vervolgkeuzelijst moet selecteren en op de knop "Toepassen" moet klikken. Hierna worden de voorbeelden van alle door u geselecteerde afbeeldingen die bij NextGEN horen opnieuw gemaakt met de gewenste inscriptie of logo eraan toegevoegd.

U kunt controleren of de watermerken correct zijn toegevoegd door op de link 'Miniatuur bewerken' te klikken naast de gewenste foto. Hier kunt u overigens met de linkermuisknop het voorbeeldgebied selecteren en op de knop “Update” klikken, waarna het door u geselecteerde gebied een voorbeeld wordt.

Om ervoor te zorgen dat uw galerijafbeeldingen voor WordPress dit kunnen doen, moet u voor elke foto toevoegen in de kolom “Alt & Titeltekst / Beschrijving” in het bovenste veld genaamd ). In het onderste veld kunt u een beschrijving voor de foto invoeren, die wordt weergegeven wanneer u de volledige versie bekijkt.

Houd er rekening mee dat bij het bekijken van een lijst met galerijen in de NextGEN Gallery-instellingen, of bij het bekijken van afbeeldingen van een individuele fotogalerij, de eerste kolom altijd het ID of foto-ID aangeeft, wat u mogelijk nodig heeft bij het invoegen van een diavoorstelling of een afzonderlijke afbeelding in een artikel met behulp van shortcodes

NextGEN - voeg galerijen, diavoorstellingen en foto's in artikelen in

Helaas heb ik geen visuele editor in WordPress, dus ik kan geen schermafbeeldingen maken waarin het proces wordt uitgelegd van het toevoegen van een fotogalerij, diavoorstelling, album of individuele foto aan een artikel. Maar de essentie van deze actie is vrij eenvoudig.

In het artikelbewerkingsvenster klik je op de knop die de NextGEN-plug-in daar heeft toegevoegd. Als gevolg hiervan verschijnt er een pop-upvenster met verschillende tabbladen: galerij, album, afbeelding.

U gaat naar het tabblad dat u nodig heeft en selecteert uit de vervolgkeuzelijst bijvoorbeeld de fotogalerij die u nodig heeft met afbeeldingen (die u op de hierboven beschreven manier hebt gemaakt), en vinkt ook het vakje aan naast de gewenste weergavemethode, voor Voor de galerij zijn dit bijvoorbeeld de opties: lijst met afbeeldingen, diavoorstelling.

Op de plaats waar uw cursor zich in het tekstinvoervenster bevond, verschijnt een korte code voor de NextGEN-plug-in, die in dit artikel een galerij of diavoorstelling zal maken. Over het algemeen kun je het zonder een visuele editor doen. In dit geval hoeft u alleen maar handmatig een korte code op de gewenste plaats in de artikeltekst in te voegen en daarvoor de nodige parameters op te geven. Op het eerste gezicht lijkt het misschien moeilijk, maar na verloop van tijd zul je er snel aan wennen.

Als u bijvoorbeeld linkt naar de voorbeelden op de demosite van de ontwikkelaars, kunt u in ieder geval de volgende shortcodes gebruiken:

Om diavoorstellingen in WordPress-blogpagina's in te voegen, is het mogelijk om de volgende NextGEN-plug-in shortcode te gebruiken:

Hier geeft u in de ID-variabele de identificatie aan van de gewenste galerij met foto's die u eerder hebt gemaakt.

Om albums weer te geven heb je de volgende code nodig:

of in compacte vorm:

1. Om een ​​galerij in WordPress in te sluiten, moet u de volgende korte code invoeren:

Om één afbeelding in te voegen, die soepel wordt vergroot als u erop klikt met de muis, moet u de volgende korte code uit het NextGEN Gallery-arsenaal toevoegen wanneer u een artikel schrijft om een ​​afbeelding met reflectie weer te geven:

of deze code om een ​​afbeelding met een watermerk weer te geven:

[ enkele foto id=12 w=320 h=260 modus=watermerk ]

2. Om een ​​galerij met één afbeelding per pagina in WordPress weer te geven, schrijft u de volgende code in de tekst:
3. In de plugin-instellingen kan aan elke fotogalerij en afbeelding bepaalde tags worden toegewezen, op basis waarvan u bijvoorbeeld een tagwolk of galerij kunt weergeven met behulp van deze tags:

Veel succes! Tot binnenkort op de pagina's van de blogsite

Je kunt meer video's bekijken door naar te gaan

");">

Misschien ben je geïnteresseerd

Eenvoudige tellers en categorie- en paginapictogrammen - prachtige RSS- en Twitter-tellers, evenals pictogrammen voor categorieën en pagina's in WordPress
Reactiewerkbalk - voeg de mogelijkheid toe om te reageren en te citeren op WordPress-opmerkingen
Een blogkaart maken voor bezoekers in WordPress (Sitemap Generator en WP DS Blog Map-plug-ins)
Knoppen voor codemarkering en commentaaropmaak in WordPress - SyntaxHighlighter en commentaarformulier
Google XML-sitemaps - een sitemap maken voor WordPress Hoe de transparante pixel http://yarpp.org/pixels in de Yet Another Related Posts-plug-in te verwijderen en de inscriptie Soortgelijke materialen te wijzigen

Gegroet, lezers van mijn blog!

Onlangs werd mij gevraagd hoe ik een afbeeldingengalerij op WordPress kon maken en ik besloot een video op te nemen en een artikel over dit onderwerp te schrijven. Video hierboven, artikel hieronder :)

We zullen een galerij maken zonder extra plug-ins te installeren, alleen met behulp van de WordPress-engine.

Hoe u een galerij op WordPress maakt

U kunt een galerij invoegen in bestaande pagina's of berichten op uw site, of nieuwe maken.

Ik neem als voorbeeld een pagina van mijn testsite en plaats een galerij op de hoofdpagina. Laten we dus verder gaan met het bewerken van de pagina, de plaats zoeken waar we onze galerij zullen plaatsen en de muiscursor op deze plaats plaatsen. Klik vervolgens op de knop “Mediabestand toevoegen”.

Hierna hebben we twee opties:

1. Maak een galerij van de afbeeldingen die al naar onze bestandsbibliotheek zijn geüpload;

2. Upload nieuwe bestanden.

Omdat Ik heb geen bestanden in mijn bibliotheek, ik zal nieuwe uploaden, dus klik op de knop "Bestanden uploaden" en klik vervolgens op de knop "Bestanden selecteren". We vinden de benodigde afbeeldingen op de computer, selecteren ze (u kunt ze allemaal tegelijk selecteren) en klikken op de knop "Openen".

Ik heb vooraf 4 afbeeldingen van auto's voorbereid.

Onze afbeeldingen zijn geladen. Hier heb ik 3 belangrijke punten met cijfers gemarkeerd:

1. Afbeeldingen gemarkeerd met een vinkje maken deel uit van onze galerij. Als u een afbeelding uit de galerij wilt uitsluiten, beweegt u uw muis over het vinkje. Er verschijnt een minteken, klik erop.

Zoals je kunt zien hebben we 4 afbeeldingen toegevoegd en net daaronder staan ​​ook kleine kopieën van onze auto's en aan de linkerkant staat dat we 4 afbeeldingen geselecteerd hebben. Dit is handig als u veel afbeeldingen tegelijk in uw galerij heeft. Je hoeft ze niet handmatig te tellen, kijk maar naar de onderstaande hint en je zult meteen begrijpen hoeveel foto's je aan de galerij toevoegt.

2. De afbeelding omgeven door een blauw kader en gemarkeerd met een blauw vinkje is actief. Dit betekent dat we de parameters van deze afbeelding kunnen bewerken. U kunt tussen afbeeldingen schakelen en de instellingen voor elke afbeelding wijzigen.

3. Knop 'Een nieuwe galerij maken'. Nadat alle instellingen zijn gemaakt, kunt u op deze knop klikken om het maken van de galerij te voltooien.

Galerij-instellingen op WordPress

Laten we verder gaan met de laatste instellingen van onze galerij. Bestudeer de slide hieronder aandachtig. Ik geef uitleg bij elk punt:

1. U kunt elke foto ondertekenen, plaats eenvoudig uw muiscursor in het veld onder de afbeelding en typ de gewenste tekst.

2. Door op het kruisje boven de afbeelding te klikken, kunt u deze uitsluiten van de galerij.

3. Blokkeren met galerijinstellingen:

De eerste parameter in de instellingen is de link. Hier kunnen we opgeven waar de bezoeker van de site naartoe wordt geleid wanneer hij op een afbeelding uit de galerij klikt. Ik zal de optie "Bijlagepagina" niet overwegen - deze wordt vrij zelden gebruikt, u kunt zelf experimenteren.

We zijn meer geïnteresseerd in de optie "Mediabestand". Als we het selecteren, wordt er een grotere kopie van onze foto geopend als we op de miniatuur uit de afbeeldingengalerij klikken.

Als u de optie “Nee” selecteert, gebeurt er niets als u op de afbeelding klikt.

De tweede parameter is het aantal kolommen. Hier kunnen we kiezen hoeveel kolommen er in onze galerij staan. Ik kan je niet vertellen welk nummer je moet kiezen, hier moet je zelf experimenteren en de optie kiezen die bij je past. Laten we het voorlopig op 3 laten, en dan zullen we zien.

De derde parameter is de volgorde van de afbeeldingen. Alles is hier eenvoudig: als u het vakje aanvinkt, worden de afbeeldingen in willekeurige volgorde geplaatst, en niet zoals u ze heeft geplaatst.

Belangrijk punt! U kunt de volgorde van afbeeldingen wijzigen door ze eenvoudig met uw muis te slepen!

De vierde parameter is grootte. Er zijn 4 opties: thumbnail, medium, large en full. Kies ook hier naar eigen goeddunken. Over het algemeen worden de maten "groot" en "vol" niet gebruikt. Probeer de opties “thumbnail” en “medium” en vind degene die bij u past. Ik laat de optie "thumbnail" staan.

4. Knop “Galerij invoegen”. Nadat alle instellingen zijn gemaakt, klikt u erop.

Onze galerij bevindt zich in de tekst van de pagina. Vergeet niet op de knop "Bijwerken" te klikken nadat u de pagina hebt bewerkt.

Daarna gaan we naar de pagina die we hebben bewerkt en kijken wat we hebben gekregen. De galerij is klaar!

Verbetering van de galerij op WordPress

Klik nu op een van de foto's in de galerij. Zoals u kunt zien, worden de afbeeldingen op de hele pagina geopend en kunnen we niet via het menu terugkeren naar de sitepagina. Dit is erg lastig en lelijk.

Aan het begin van het artikel zei ik dat we geen plug-ins zouden gebruiken bij het maken van de galerij, en ik hield mijn woord: onze galerij is klaar en we hebben geen enkele plug-in gebruikt.

Maar we kunnen onze galerij verbeteren, en hiervoor moeten we één plug-in installeren. Het heet Fancybox. Deze plug-in vereist geen configuratie, u hoeft deze alleen maar te installeren en activeren.

Nadat u de Fancybox-plug-in hebt geïnstalleerd, vernieuwt u de galerijpagina en ziet u hoe de afbeeldingen nu worden weergegeven wanneer erop wordt geklikt.

Mee eens, het is veel handiger geworden om foto's uit de galerij te bekijken.

Laten we nu eens naar een andere belangrijke kwestie kijken.

Hoe een galerij op WordPress te bewerken.

Het is heel eenvoudig om de galerij die u hebt gemaakt te bewerken. Laten we verder gaan met het bewerken van het bericht of de pagina waarop de galerij zich bevindt, zoek het op en klik met de muis op de galerij. De galerij wordt grijs weergegeven en bovenaan verschijnen twee kleine pictogrammen: bewerken en verwijderen.

Het potloodpictogram is aan het bewerken, klik erop en ga naar de galerijinstellingen. We veranderen wat we nodig hebben en klikken op de knop "Galerij bijwerken". Zorg er hierna voor dat u het bericht of de pagina die u aan het bewerken bent, vernieuwt. Galerij is bijgewerkt.

Zo eenvoudig is het om een ​​galerij op WordPress te maken.

Dat is alles voor vandaag. Like en deel het met je vrienden. Als je vragen hebt, schrijf dan in de reacties.

Op zoek naar de perfecte WordPress-plug-in voor fotogalerijen? Verward door de enorme selectie? In dit artikel zal ik het hebben over de drie beste plug-ins en een kwalitatieve analyse en vergelijking ervan uitvoeren op basis van criteria als: snelheid, prestaties, gebruiksgemak en andere. Het doel zal zijn om de perfecte plug-in te vinden voor het maken van fotogalerijen in WordPress.

Veel WordPress-gebruikers maken van tijd tot tijd galerijen, d.w.z. dit is een vrij vaak voorkomend verschijnsel. Dit is de reden waarom WordPress een ingebouwde galerijfunctie heeft. De functionaliteit ervan laat echter veel te wensen over, of liever gezegd, is vrij beperkt, en de gecreëerde galerijen voldoen soms niet aan alle esthetische eisen die zich kunnen voordoen. Daarom is het nodig om speciale plug-ins te gebruiken voor het maken van galerijen.

Als u de juiste plug-in kiest, kunt u niet alleen mooie en functionele galerijen maken, maar heeft deze ook een zeer positieve invloed op de gebruikerservaring van uw site.

Wat is er mis met de meeste plug-ins voor WordPress-fotogalerijen?

Het grootste probleem met de meeste van deze plug-ins is hun lage snelheid. Als ze slecht gecodeerd zijn, zullen fotogalerijen die met hun hulp zijn gemaakt, uw site aanzienlijk vertragen, zelfs als deze zich op een goede WordPress-hosting bevindt.

Een ander probleem is de complexiteit van het werk. Heel vaak zijn plug-ins overladen met opties en moeilijk te begrijpen, vooral voor beginners. Een grote keuze aan functies is niet altijd goed en betekent helemaal niet dat je een goed product hebt.

Last but not least maken de meeste plug-ins geen .

De ideale WordPress-galerijplug-in moet dus snel en intuïtief zijn en alle noodzakelijke functies hebben om prachtige fotogalerijen te maken (lightboxen, afbeeldingsnavigatie, albums, paginering, enz.) zonder te worden overladen met rommel. Dit alles stelt u in staat prachtige fotogalerijen te maken die een zeer positieve impact zullen hebben op de gebruikerservaring van uw site en de SEO ervan zullen verbeteren.

Ik heb dus behoorlijk wat werk verricht, een aantal plug-ins bestudeerd en de beste geïdentificeerd en vergeleken. Hier zijn de resultaten van mijn werk.

Kandidaten om te winnen of de beste WordPress-plug-ins voor het maken van fotogalerijen

Hier zijn de drie populairste plug-ins die de meeste experts aanbevelen om in hun werk te gebruiken. Ik zal ze vergelijken en de snelheid, functionaliteit, gebruiksgemak en betrouwbaarheid evalueren.

• Envira-galerij
• Foo-galerij
• NextGEN-galerij

Laten we beginnen met vergelijken! Gaan!

Snelheid

Snelheid is van cruciaal belang bij het kiezen van een plug-in, omdat... het beïnvloedt de gebruikerservaring van de site en de SEO ervan.

Als u een portfoliosite heeft of een site met als hoofdinhoud foto's, dan heeft u niet het recht om geen rekening te houden met de snelheidsindicator. Ik heb al deze plug-ins getest door een galerij te maken en dezelfde afbeeldingen te gebruiken zonder de instellingen te wijzigen. En dit zijn de resultaten:

Zoals u uit de resultaten kunt zien, worden de beste prestaties geleverd bij gebruik van de Envira Gallery-plug-in, ondanks het feit dat het paginagewicht bijna tweemaal zo groot is als dat van de NextGEN- en Foo Gallery-plug-ins.

De reden dat Enivra Gallery de beste score heeft, is dat het een goede codering heeft en sterk geoptimaliseerd is voor snelheid. De keuze ligt dus voor de hand: gebruik de Envira-plug-in voor een betere laadsnelheid van pagina's met fotogalerijen.

Makkelijk te gebruiken

Het maken van een fotogalerij is niet zo eenvoudig als het toevoegen van een of meerdere afbeeldingen aan een bericht. U moet een foto-indeling kiezen, kolommen selecteren, de grootte bepalen, een geschikte lightbox en animatie selecteren. Voor een beginner lijken al deze taken misschien behoorlijk ingewikkeld. Daarom wil ik hier een plug-in definiëren die functioneel is, maar tegelijkertijd het meest intuïtief in gebruik.

Envira-galerij

Envira Gallery is een goed voorbeeld van het volgen van klassieke WordPress-coderingsstandaarden en best practices. De plugin-interface lijkt sterk op het WordPress-beheerderspaneel. Het maken van een galerij hier is net zo eenvoudig als het publiceren van berichten in WordPress, dus we kunnen met vertrouwen zeggen dat deze plug-in door beginners zal worden gewaardeerd - alles is bekend en begrijpelijk.

Wanneer u een galerij maakt, ziet u onmiddellijk een shortcode die u overal in uw WordPress-bericht of -pagina kunt toevoegen. De plug-in voegt ook een knop toe in het berichteditorvenster (naast ‘Mediabestand uploaden’), waarmee je snel een galerij of album aan een bericht/pagina kunt toevoegen.

De Envira Gallery-plug-in geeft ook een sjabloontag weer die kan worden gebruikt in WordPress-sjablonen. Dit is erg handig als u een site voor een klant ontwikkelt en galerijen rechtstreeks in de themabestanden wilt opnemen.

Foo-galerij

De structuur van Foo Gallery lijkt sterk op die van Envira Gallery. Het maken van een galerij hier is heel eenvoudig via een interface die sterk lijkt op het WordPress-beheerderspaneel.

De plug-in voegt ook een knop toe bovenaan de berichteditor, waardoor het uiterst eenvoudig wordt om galerijen aan berichten of pagina's toe te voegen.

Het enige verschil hier is dat Foo Gallery geen tag is om de galerij rechtstreeks in de thema- of sjabloonbestanden in te voegen.

NextGEN-galerij

NextGEN verschilt van de twee hierboven beschreven plug-ins: het heeft een compleet andere interface, met eigen databasetabellen en aparte mappen voor het opslaan van afbeeldingen. Vanwege het ongebruikelijke uiterlijk voor WordPress kan de plug-in verwarrend en moeilijk te gebruiken lijken.

U zult wat tijd moeten besteden aan het begrijpen waar u afbeeldingen moet uploaden en hoe u galerijen kunt maken. Bovendien is het proces van het toevoegen van een fotogalerij aan een bericht/pagina niet zo eenvoudig. De plug-in voegt ook een knop toe aan de visuele berichteditor, maar als je in een teksteditor werkt, is er geen knop zichtbaar.

Winnaar: de overwinning met een kleine marge wordt opnieuw toegekend aan de Envira Gallery-plug-in, op de tweede plaats met een minimale vertraging - aan de Foo Gallery-plug-in. NextGEN zal zeer ongebruikelijk zijn voor beginners, dus het zal onbegrijpelijk lijken.

Functioneel

Om prachtige fotogalerijen te maken, heb je functies nodig zoals lightbox, volledig schermmodus, albums, paginering, navigatie, diavoorstellingen, wachtwoordbeveiliging, EXIF-metagegevens en nog veel meer.

We moeten echter niet vergeten dat een overbelasting met opties de snelheid van de site aanzienlijk kan vertragen. Laten we de plug-ins vergelijken en ontdekken welke van hen hierin de beste balans hebben weten te bereiken.

Envira Galerij

Envira Gallery wordt geleverd als een volledig responsive plugin, waarbij je hiervoor niets speciaals hoeft te configureren.

Dit betekent dat u vanuit één interface eenvoudig miniaturen, animaties en galerijindelingen kunt instellen en metatags aan afbeeldingen kunt toevoegen.

Naast de ingebouwde functies kunt u extra opties aan de plug-in toevoegen door add-ons te installeren, zoals: galerijsjablonen, sociale knoppen, video's, wachtwoordbeveiliging, albums, diavoorstellingen, Pinterest, deep links, volledig schermmodus, afbeeldingstags en nog veel meer .

Foo-galerij

De plug-in Foo Gallery heeft ook behoorlijk wat functionaliteit, maar reageert standaard niet. Je zult met de instellingen moeten spelen en een responsieve sjabloon moeten kiezen om een ​​responsieve fotogalerij te maken.

Een andere omissie is dat de standaardset geen lightbox heeft; deze kan alleen worden verkregen door de gratis aangrenzende plug-in Foobox te installeren. Het lijkt mij dat deze functie in de hoofdset zou moeten zitten.

Voor de plugin zijn een aantal extensies ontwikkeld die geïnstalleerd kunnen worden en daardoor extra functies toevoegen, zoals branding, een roterend kubuseffect, een lightbox en meer.

Volgende generatie Galerij

NextGEN Gallery is de oudste plug-in van de drie die hier worden gepresenteerd. Het heeft een zeer uitgebreide functionaliteit. Veel functies die alleen beschikbaar zijn bij Envira en Foo bij het toevoegen van add-ons, zijn hier standaard opgenomen. Deze plug-in heeft ook betaalde versies met nog meer opties.

Het is echter de moeite waard om te begrijpen dat het werken met veel functies bepaalde ervaring en kennis vereist, die een beginner die zijn eerste stappen in webontwikkeling zet niet heeft. Je zult je moeten verdiepen in de functionaliteit, de relevante literatuur moeten lezen om alles wat de NextGEN-plug-in biedt te kunnen waarderen en vooral te kunnen profiteren.

Winnaar: Als we de functionaliteit evalueren, dan is de onbetwiste leider de NextGEN-plug-in. Foo Gallery mist een aantal van de noodzakelijke features in het standaardpakket, maar de plug-in Envira Gallery heeft de juiste balans tussen functionaliteit en gebruiksgemak.

Compatibiliteit

Met WordPress kunt u uw site van de ene hosting naar de andere verplaatsen en zelfs naar concurrerende alternatieve platforms.

Laten we dus de plug-ins evalueren om het importeren/exporteren en back-uppen van fotogalerijen gemakkelijk te maken.

De Envira-plug-in slaat alle fotogalerijen op als een aangepast berichttype in de WordPress-database. Het slaat uw media op met behulp van de standaard WordPress-medialocatie. Dit betekent dat u hierdoor automatisch een back-up maakt van uw fotogalerijen. De plug-in maakt het ook mogelijk

Importeer/exporteer individuele fotogalerijen, zodat u eenvoudig een fotogalerij van de ene WordPress-site naar de andere kunt overbrengen.

Bij het verplaatsen van een site zal de plug-in dit automatisch detecteren en opties bieden voor de verhuizing. Al deze functies maken Envira Gallery de meest betrouwbare plug-in voor WordPress-fotogalerijen.

Foo Galerij

Net als Envira slaat de plug-in Foo Gallery fotogalerijen op in de WordPress-database als een aangepast berichttype. Door een back-up van de site te maken, maakt u automatisch back-ups van fotogalerijen.

U kunt individuele galerijen echter niet van de ene plaats naar de andere verplaatsen, omdat... De plug-in heeft geen functies voor het exporteren/importeren van galerijen.

Volgende generatie Galerij

De NextGEN-plug-in heeft geen functies voor het exporteren/importeren van galerijen. Het slaat gegevens op in afzonderlijke databasetabellen, dus als u een back-up van een site maakt, zult u aan de instellingen moeten sleutelen om deze tabellen in de back-up op te nemen.

NextGEN slaat afbeeldingen ook op in een aparte map. Als u een reservekopie moet maken, moet u deze map afzonderlijk naar uw computer downloaden.

Zowel Envira- als Foo Gallery-plug-ins kunnen ook hun afbeeldingen importeren.

Winnaar: De plug-in Enivra Gallery heeft een completere set tools voor het eenvoudig importeren/exporteren van fotogalerijen.

Prijs

Voor alle drie deze plug-ins zijn gratis versies beschikbaar in de WordPress Plugin Directory, terwijl premiumversies beschikbaar zijn tegen een extra vergoeding. De prijs is afhankelijk van het servicepakket dat u wilt kiezen na gebruik van de gratis versies.

Winnaar: Er is geen duidelijke favoriet: de prijs hangt sterk af van de extra functies en het abonnement dat je kiest.

Conclusie

Envira Gallery is de beste WordPress-plug-in voor het maken van fotogalerijen. Het is uiterst overzichtelijk, snel, voorzien van alle benodigde functies en volledig adaptief. Fotogalerijen die met zijn hulp zijn gemaakt, zijn spectaculair en overbelasten de pagina niet.

Ik hoop dat ik je heb geholpen de plug-ins voor WordPress-fotogalerijen te begrijpen en dat je nu weet welke de beste is en waarom. Welke plug-in gebruik je? Laat je antwoord achter in de reacties of stuur mij een e-mail.

Vergeet mij niet te volgen en uiteraard het artikel te delen!