Hoe beelden naast elkaar in WordPress zetten (gemakkelijk)
wilt u afbeeldingen naast elkaar zetten in uw WordPress content?
vaak vinden beginners moeite om twee foto ’s naast elkaar te plaatsen in hun WordPress berichten en pagina’ s.
in deze stap voor stap handleiding laten we zien hoe je afbeeldingen gemakkelijk naast elkaar kunt zetten in WordPress (zonder code te schrijven).
met behulp van de Block Editor om afbeeldingen naast elkaar te plaatsen
de makkelijkste manier om uw afbeeldingen naast elkaar te krijgen is door de WordPress block editor te gebruiken.
de blokbewerker heeft een speciaal ‘galerij’ – blok waarmee u afbeeldingen in rijen en kolommen kunt weergeven.
eerst moet u een nieuw bericht / pagina maken of een bestaande bewerken om de content editor te openen. Eenmaal binnen, klik op het ( + ) symbool om een nieuw blok toe te voegen.
vervolgens moet u het Galerieblok selecteren en aan uw pagina toevoegen. U kunt het Galerieblok vinden in de sectie Algemene blokken, of u kunt de zoekbalk gebruiken om het snel te vinden.
nu kunt u eenvoudig afbeeldingen toevoegen aan uw galerieblok, door ze erin te slepen of door de uploadknop te gebruiken. U kunt ook afbeeldingen selecteren uit uw WordPress mediabibliotheek.
zoals u kunt zien, hebben we 2 afbeeldingen toegevoegd aan ons Galerieblok. WordPress heeft ze automatisch naast elkaar geplaatst.
wat als je 3 beelden naast elkaar wilt? Dit is wat er gebeurt als we een derde afbeelding toevoegen. WordPress gewoon de grootte van de anderen om alle 3 naast elkaar passen:
Als u een vierde afbeelding uploadt, plaatst WordPress deze onder de anderen.
u kunt het aantal afbeeldingen WordPress moet naast elkaar in een enkele kolom te veranderen.
klik eerst op het Galerieblok als het nog niet is geselecteerd. Aan de rechterkant van het scherm ziet u de blokkeringsinstellingen van de galerij.
u kunt het aantal kolommen hier aanpassen aan een getal tussen 1 en 4. Als u bijvoorbeeld twee afbeeldingen naast elkaar wilt en er nog twee eronder, kunt u de kolommen instellen op 2.
zo simpel is het!
als u wilt wijzigen waar een afbeelding zich in uw galerij bevindt, klikt u er gewoon op. Je ziet dan pijlen die je kunt gebruiken om het naar voren of naar achteren te verplaatsen in de galerij.
hier is een demo uit ons voorbeeldbericht:
een Plugin gebruiken om afbeeldingen naast elkaar te plaatsen in WordPress
Als u de oude klassieke WordPress-editor gebruikt, of als u complexere galerieën wilt maken dan het standaard Galerieblok, dan hebt u een WordPress gallery-plugin nodig.
we raden u aan om Envira Gallery te gebruiken omdat het de beste WordPress gallery plugin
is omwille van deze tutorial, zullen we de gratis versie van Envira gebruiken, maar u kunt de Pro-versie gebruiken om krachtige functies te krijgen, zoals albums, diavoorstellingen, enz.
eerst moet u de Envira Gallery plugin installeren en activeren. Als u niet zeker weet hoe, kijk dan op onze stap voor stap handleiding over het installeren van een WordPress plugin.
volgende, kunt u naar Envira Gallery ” Voeg nieuwe in uw WordPress dashboard.
u moet uw galerij een titel geven. We hebben onze ‘Voorbeeldgalerij’ genoemd. Upload vervolgens de afbeeldingen die u wilt gebruiken.
u kunt ze slepen en neerzetten in het uploadveld, of u kunt een van de knoppen ‘bestanden selecteren’ gebruiken.
zo zien de afbeeldingen eruit als ze zijn geüpload:
misschien wilt u uw afbeeldingen hier een titel en alt-tekst geven. De titel verschijnt onder je afbeelding wanneer de gebruiker zijn muiscursor er overheen brengt.
de titel verschijnt ook onder de afbeelding in de lightbox popup mode, die we zullen een kijkje nemen op in een moment.
om de titel en alt-tekst te bewerken, klikt u op de knop Bewerken op een afbeelding in de galerij.
u kunt dan de titel van uw afbeelding wijzigen. Standaard wordt de bestandsnaam van de afbeelding gebruikt.
u moet ook alt-tekst invoeren, omdat dit handig is voor de SEO van uw WordPress site. Als uw titel de afbeelding beschrijft, kunt u deze gewoon herhalen voor de alt-tekst.
Als u klaar bent, zorg er dan voor dat u op de knop ‘metadata Opslaan’ klikt voordat u op de x klikt om het venster te sluiten.
op te slaan om uw galerij op de site toe te voegen, moet u deze eerst publiceren. Ga je gang en klik op de Publiceren knop aan de rechterkant van het scherm.
kunt gebruiken, een bericht of pagina kunt bewerken of een nieuwe kunt maken. In de content editor, klik ( + ) om een blok toe te voegen aan uw bericht, en selecteer de Envira galerij blok. U kunt het vinden in de gemeenschappelijke blokken sectie, of u kunt de zoekbalk gebruiken.
u moet dan op de dropdown klikken om uw galerij te selecteren.
u zou uw galerij op zijn plaats moeten zien in uw bericht.
u kunt de instellingen aan de rechterkant van het scherm aanpassen. U kunt bijvoorbeeld de kolomlay-Out of de grootte van de marge tussen afbeeldingen wijzigen.
we besloten om onze galerij in te stellen om altijd weer te geven in twee kolommen. We hebben ook een bredere marge tussen de afbeeldingen toegevoegd.
de gebruiker kan op een afbeelding klikken om de volledige versie in een lightbox te zien. Ze kunnen ook door de afbeeldingen bladeren met de lightbox.
Als u meer afbeeldingen aan uw galerij wilt toevoegen, dan kunt u er naar teruggaan door naar de Envira-Galerij ” alle galerijen in uw WordPress-dashboard te gaan. Klik gewoon op de naam van uw galerij om het te bewerken.
alle wijzigingen die u aanbrengt in uw galerij zullen verschijnen waar u het ook hebt geplaatst in uw berichten, pagina ‘ s of zijbalken. Je hoeft het hier niet weer aan toe te voegen.
Tip: Als u de klassieke editor gebruikt in plaats van de blok-editor, kunt u nog steeds Envira Gallery gebruiken.
u ziet een knop ‘galerij toevoegen’ boven de klassieke editor die u kunt gebruiken om een bestaande galerij aan uw bericht toe te voegen.
u kunt ook een nieuwe galerij maken door op de knop ‘Media toevoegen’ te klikken en vervolgens op ‘Galerij maken’.
we hopen dat deze tutorial u heeft geholpen om te leren hoe u afbeeldingen naast elkaar kunt plaatsen in WordPress. Je zou ook willen gaan door onze gids over hoe om beelden uit te lijnen in de WordPress block editor, en onze uitgebreide lijst van de must have WordPress plugins (expert pick).
als u dit artikel leuk vond, abonneer u dan op ons YouTube-kanaal voor WordPress video tutorials. U kunt ons ook vinden op Twitter en Facebook.