Hvordan Sette Bilder Side Ved Side I WordPress (Enkelt)

ønsker du å sette bilder side om side I WordPress-innholdet ditt?

ofte nybegynnere sliter med å finne hvordan å sette to bilder ved siden av hverandre I Sine WordPress innlegg og sider.

i denne trinnvise veiledningen vil vi vise hvordan du enkelt kan sette bilder side om Side I WordPress (uten å skrive noen kode).

 Sette bilder side ved Side I WordPress

Sette bilder side ved Side I WordPress

Bruke Blokk Editor For Å Sette Bilder Side Ved Side

den enkleste måten å få bildene dine side ved side er å bruke WordPress blokk editor.

blokkredigereren har en spesiell ‘Galleri’ – blokk som lar deg vise bilder i rader og kolonner.

først må du opprette et nytt innlegg / side eller redigere en eksisterende for å åpne innholdsredigering. Når du er inne, klikker du på ( + ) – symbolet for å legge til en ny blokk.

 Opprette et innlegg og legge til en blokk til det

Opprette et innlegg og legge til en blokk til den

Deretter må du velge Galleriblokken og legge den til på siden din. Du kan finne Galleriblokken i Vanlige Blokker-delen, eller du kan bruke søkefeltet til å raskt finne den.

 Velge Galleriblokken du vil legge til i innlegget ditt

Når Du Velger Galleriblokken du vil legge til i innlegget ditt

Nå, kan du enkelt legge til bilder i galleriblokken din, ved å dra dem inn i den eller Ved Å Bruke Last opp-knappen. Du kan også velge bilder Fra WordPress mediebiblioteket.

som du kan se, har vi lagt til 2 bilder i Galleriblokken vår. WordPress har automatisk plassert dem side ved side.

 To bilder i galleriet (sommerfugler og eple)

To bilder i galleriet (sommerfugler og eple)

Hva om du vil ha 3 bilder side om side? Her er hva som skjer hvis vi legger til et tredje bilde. WordPress endrer bare de andre for å passe alle 3 side ved side:

 Tre bilder i galleriet (sommerfugler, eple og blå blomster)

Tre bilder i galleriet (sommerfugler, eple og blå blomster)

hvis Du laster opp et fjerde bilde, Vil WordPress plassere Det under de andre.

 Fire bilder i galleriet (sommerfugler, eple, blå blomster og robin)

Fire bilder i galleriet (sommerfugler, eple, blå blomster og robin)

Du kan endre antall bilder WordPress bør inkludere side ved side i en enkelt kolonne.

Klikk Først På Galleriblokken hvis Den ikke allerede er valgt. På høyre side av skjermen ser Du Galleriets blokkinnstillinger.

 Endre innstillingene for galleriblokken

Endre innstillingene for galleriblokken

du kan justere antall kolonner her til et hvilket som helst tall mellom 1 og 4. For eksempel, hvis du vil ha to bilder side ved side, og to under dem, kan Du sette Kolonnene til 2.

 Angi at galleriet skal ha 2 kolonner i stedet for 3

Angi galleriet for å ha 2 kolonner i stedet for 3

det er så enkelt som det!

hvis du vil endre hvor et bilde er plassert i galleriet ditt, klikker du bare på det. Du vil da se piler som du kan bruke til å flytte den fremover eller bakover i galleriet.

 Flytte et bilde fremover eller bakover i galleriet

Flytte et bilde fremover eller bakover i galleriet

her er en ferdig galleri demo fra vår prøve innlegg:

 2 kolonne galleriet i en live post

2-kolonnegalleriet i et live-innlegg

Ved Hjelp av Et Plugin For Å Sette Bilder Side Om Side I WordPress

hvis du bruker den gamle klassiske WordPress-editoren, eller hvis du vil lage mer komplekse gallerier enn Standardgalleriblokken, trenger Du Et WordPress-galleri-plugin.

vi anbefaler Å bruke Envira Gallery fordi Det er Den beste wordpress gallery plugin

for å få til denne opplæringen, vil vi bruke den gratis versjonen Av Envira, men det kan være lurt Å få Pro-versjonen for å få kraftige funksjoner som album, lysbildeserier, etc.

først må du installere Og aktivere Envira Gallery plugin. Hvis du ikke er sikker på hvordan, bare sjekk ut vår trinnvise guide for hvordan du installerer Et WordPress-plugin.

deretter kan du gå Til Envira Gallery » Legg Til Nytt I WordPress dashboard.

Legg til et nytt galleri I Envira Gallery

Legg til et nytt galleri I Envira Gallery

du må gi galleriet en tittel. Vi har kalt Vårt ‘Eksempelgalleri’. Deretter laster du opp bildene du vil bruke.

du kan enten dra og slippe dem i opplastingsboksen, eller du kan bruke en Av Knappene Velg Filer.

 Gi ditt nye galleri et navn

Gi ditt nye galleri et navn

slik ser bildene ut når de er lastet opp:

 Bilder lastet opp Til Envira Gallery

Bilder lastet Opp Til Envira Gallery

det kan være lurt å gi bildene en tittel og alternativ tekst her. Tittelen vises under bildet ditt når brukeren bringer musepekeren over den.

tittelen vises også under bildet i lightbox popup-modus, som vi tar en titt på om et øyeblikk.

for å redigere tittelen og alternativ tekst, klikk På Rediger-knappen på et bilde i galleriet.

 Klikk På Rediger-knappen for å redigere et bilde i galleriet

Klikk På Rediger-knappen for å redigere et bilde i galleriet

du kan deretter endre tittelen på bildet. Det er som standard til bildets filnavn.

du bør også skrive inn alternativ tekst, da dette er nyttig FOR WordPress-nettstedets SEO. Hvis tittelen beskriver bildet, kan du bare gjenta det for alt-teksten.

 Angi tittel og alternativ tekst for bildet

Angi tittel og alternativ tekst for bildet

når du er ferdig, må du sørge for at du klikker På ‘Lagre Metadata’ – knappen før du klikker På X for å lukke vinduet.

 Klikk På Lagre Metadata-knappen for å lagre endringene

Klikk På Lagre Metadata-knappen for å lagre endringene

hvis du vil legge til galleriet ditt på nettstedet, må du først publisere det. Gå videre og klikk På Publiser-knappen på høyre side av skjermen.

 Klikk På Publiser-knappen for å publisere galleriet, slik at du kan bruke det på nettstedet ditt

Klikk På Publiser-knappen for å publisere galleriet ditt, slik at du kan bruke det på nettstedet ditt

nå, rediger et innlegg eller en side, eller opprett en ny. I innholdsredigering klikker du på ( + ) for å legge til en blokk i innlegget ditt, og velger Envira Gallery-blokken. Du finner den I Delen Vanlige Blokker, eller du kan bruke søkefeltet.

 Legg Til Envira Gallery-blokken på innlegget eller siden din

Legg Til Envira Gallery block til innlegget ditt eller siden

Du må da klikke på rullegardinmenyen for å velge galleriet ditt.

 Velg ditt galleri fra Envira Gallery block

Velg ditt galleri fra Envira Gallery block

du bør se galleriet ditt på plass i innlegget ditt.

du kan justere innstillingene på høyre side av skjermen. Du kan for eksempel endre kolonneoppsettet eller størrelsen på margen mellom bildene.

 Envira-Galleriet som vises i innleggsredigeringen

Envira Galleriet vist i post editor

vi bestemte oss for å sette vårt galleri til å alltid vises i to kolonner. Vi har også lagt til en bredere margin mellom bildene.

brukeren kan klikke på et bilde for å se full størrelse versjon i en lysboks. De kan bla gjennom bildene ved hjelp av lysboksen også.

 Vise et bilde fra Envira-galleriet i en lysboks

Vise et bilde fra Envira gallery i en lysboks

hvis du vil legge til flere bilder i galleriet ditt, kan du gå tilbake til Det Ved å besøke Envira Gallery » Alle Gallerier i WordPress dashboard. Bare klikk på navnet på galleriet for å redigere det.

 Redigere et galleri du allerede har opprettet I Envira Gallery

Redigere et galleri Du allerede har opprettet I Envira Gallery

eventuelle endringer du gjør i galleriet ditt, vises uansett hvor du har plassert det i innlegg, sider eller sidefelt. Du trenger ikke å legge den til disse igjen.

Tips: hvis du bruker den klassiske redigereren i stedet for blokkredigereren, kan du fortsatt bruke Envira Gallery.

du vil se En ‘Legg Til Galleri’ – knapp over det klassiske redigeringsprogrammet som du kan bruke til å legge til et eksisterende galleri i innlegget ditt.

 Legge Til Et Envira-galleri i den klassiske editoren

Legge Til Et Envira-galleri i den klassiske editoren

Du kan også opprette et nytt galleri ved å klikke På ‘Legg Til Media’ – knappen og Deretter ‘Opprett Galleri’.

 Opprette et nytt galleri ved Hjelp Av Mediebiblioteket I Den Klassiske Editoren

Opprette Et nytt galleri ved Hjelp Av Mediebiblioteket I Den Klassiske Editoren

vi håper denne opplæringen hjalp deg med å lære å sette bilder side om Side I WordPress. Du vil kanskje også gå gjennom vår guide til hvordan du justerer bilder I WordPress block editor, og vår omfattende liste over Må Ha WordPress plugins (expert pick).

hvis du likte denne artikkelen, kan du abonnere på Vår YouTube-Kanal For WordPress video tutorials. Du finner oss også På Twitter og Facebook.

Leave a Reply

Din e-postadresse vil ikke bli publisert.