Sådan placeres billeder Side om Side i ordtryk (let)

vil du lægge billeder side om side i dit indhold?

ofte begynder begyndere at finde ud af, hvordan man sætter to billeder ved siden af hinanden i deres indlæg og sider.

i denne trinvise vejledning viser vi, hvordan du nemt kan placere billeder side om side i ordtryk (uden at skrive nogen kode).

 sætte billeder side om side

brug af Blokeditoren til at placere billeder side om side

den nemmeste måde at få dine billeder side om side er at bruge Blokeditoren.

blokeditoren har en speciel ‘Galleri’ – blok, der giver dig mulighed for at vise billeder i rækker og kolonner.

først skal du oprette et nyt indlæg / en side eller redigere en eksisterende for at åbne indholdseditoren. Når du er inde, skal du klikke på symbolet (+) for at tilføje en ny blok.

oprettelse af et indlæg og tilføjelse af en blok til det

oprettelse af et indlæg og tilføjelse af en blok til det

Dernæst skal du vælge galleriblokken og føje den til din side. Du kan finde galleriblokken i afsnittet almindelige blokke, eller du kan bruge søgefeltet til hurtigt at finde den.

 valg af galleriblokken, der skal føjes til dit indlæg

valg af Galleriblok for at tilføje til dit indlæg

nu kan du nemt tilføje billeder til din galleriblok ved at trække dem ind i den eller ved at bruge knappen Upload. Du kan også vælge billeder fra dit mediebibliotek.

som du kan se, har vi tilføjet 2 billeder til vores Galleriblok. De er automatisk placeret side om side.

 to billeder i galleriet (sommerfugle og æble)

to billeder i galleriet (sommerfugle og æble)

hvad hvis du vil have 3 billeder side om side? Her er hvad der sker, hvis vi tilføjer et tredje billede. Du skal blot ændre størrelsen på de andre, så de passer til alle 3 side om side:

 tre billeder i galleriet (sommerfugle, æble og blå blomster)

tre billeder i galleriet (sommerfugle, æble og blå blomster)

hvis du uploader et fjerde billede, placeres det under de andre.

fire billeder i galleriet (sommerfugle, æble, blå blomster og robin)

fire billeder i galleriet (sommerfugle, æble, blå blomster og robin)

du kan ændre antallet af billeder ved siden af hinanden i en enkelt kolonne.

Klik først på galleriblokken, hvis den ikke allerede er valgt. På højre side af skærmen kan du se galleriets blokindstillinger.

ændring af indstillingerne for galleriblokken

ændring af indstillingerne for galleriblokken

du kan justere antallet af kolonner her til et hvilket som helst tal mellem 1 og 4. For eksempel, hvis du vil have to billeder side om side og to mere under dem, kan du indstille kolonnerne til 2.

indstilling af galleriet til at have 2 kolonner i stedet for 3

indstilling af galleriet til at have 2 kolonner i stedet for 3

det er så simpelt er det!

hvis du vil ændre, hvor et billede er placeret i dit galleri, skal du bare klikke på det. Du vil derefter se pile, som du kan bruge til at flytte den frem eller tilbage i galleriet.

flytning af et billede frem eller tilbage i galleriet

flytning af et billede frem eller tilbage i galleriet

her er en færdig galleri demo fra vores prøve indlæg:

 2 kolonne galleri i en live post

2-kolonnegalleriet i et live-indlæg

brug af et Plugin til at placere billeder Side om side i Teksttryk

hvis du bruger den gamle klassiske Teksttrykseditor, eller hvis du vil oprette mere komplekse gallerier end Standardgalleriblokken, skal du bruge et plugin til teksttrykgalleri.

vi anbefaler at bruge Envira Gallery, fordi det er det bedste plugin til galleri

af hensyn til denne tutorial bruger vi den gratis version af Envira, men du vil måske få Pro-versionen til at få kraftfulde funktioner som album, billedbilleder osv.

først skal du installere og aktivere Envira Gallery plugin. Hvis du ikke er sikker på hvordan, skal du bare tjekke vores trinvise vejledning om, hvordan du installerer et plugin.

næste, du kan gå til Envira Galleri ” Tilføj nyt i dit dashboard.

Tilføj et nyt galleri i Envira Galleri

Tilføj et nyt galleri i Envira Gallery

du skal give dit galleri en titel. Vi har kaldt vores ‘eksempel Galleri’. Upload derefter de billeder, du vil bruge.

du kan enten trække og slippe dem i uploadfeltet, eller du kan bruge en af knapperne ‘Vælg filer’.

 Giv dit nye galleri et navn

Giv dit nye galleri et navn

Sådan ser billederne ud, når de er uploadet:

 billeder uploadet til Envira Gallery

billeder uploadet til Envira Gallery

du kan give dine billeder en titel og alternativ tekst her. Titlen vises under dit billede, når brugeren bringer deres musemarkør over det.

titlen vises også under billedet i lysboksens popup-tilstand, som vi kigger på om et øjeblik.

hvis du vil redigere titlen og alternativ tekst, skal du klikke på knappen Rediger på et billede i galleriet.

 Klik på knappen Rediger for at redigere et billede i dit galleri

Klik på knappen Rediger for at redigere et billede i dit galleri

du kan derefter ændre titlen på dit billede. Det er som standard billedets filnavn.

du skal også indtaste alternativ tekst, da dette er nyttigt for din SEO. Hvis din titel beskriver billedet, kan du blot gentage det for alt-teksten.

Indstilling af titel og alternativ tekst til billedet

Indstilling af titel og alternativ tekst for billedet

når du er færdig, skal du sørge for at klikke på knappen ‘Gem Metadata’, før du klikker på knappen for at lukke vinduet.

 Klik på knappen Gem Metadata for at gemme dine ændringer

Klik på knappen Gem Metadata for at gemme dine ændringer

for at tilføje dit galleri på siden skal du først offentliggøre det. Gå videre og klik på knappen Publicer i højre side af skærmen.

 Klik på knappen Publicer for at udgive dit galleri, så du kan bruge det på din hjemmeside

Klik på knappen Publicer for at udgive dit galleri, så du kan bruge det på din hjemmeside

nu, redigere et indlæg eller en side eller oprette en ny. Inde i indholdseditoren skal du klikke på (+) for at tilføje en blok til dit indlæg og vælge Envira Gallery-blokken. Du kan finde den i afsnittet almindelige blokke, eller du kan bruge søgefeltet.

Føj Envira-galleriblokken til dit indlæg eller din side

Føj Envira Gallery-blokken til dit indlæg eller din side

du skal derefter klikke på rullemenuen for at vælge dit galleri.

 Vælg dit galleri fra Envira Gallery block

Vælg dit galleri fra Envira Gallery-blokken

du skal se dit galleri på plads i dit indlæg.

du kan justere indstillingerne i højre side af skærmen. For eksempel kan du ændre kolonnelayoutet eller størrelsen på margenen mellem billeder.

Envira-galleriet vist i posteditoren

Envira-galleriet vist i posteditoren

vi besluttede at indstille vores galleri til altid at blive vist i to kolonner. Vi tilføjede også en bredere margin mellem billederne.

brugeren kan klikke på et billede for at se versionen i fuld størrelse i en lysboks. De kan også rulle gennem billederne ved hjælp af lysboksen.

 visning af et billede fra Envira-galleriet i en lysboks

visning af et billede fra Envira gallery i en lysboks

hvis du vil tilføje flere billeder til dit galleri, kan du gå tilbage til det ved at besøge Envira Gallery ” alle gallerier i dit dashboard. Klik blot på navnet på dit galleri for at redigere det.

redigering af et galleri, du allerede har oprettet i Envira Gallery

redigering af et galleri, du allerede har oprettet i Envira Gallery

eventuelle ændringer, du foretager i dit galleri, vises, uanset hvor du har placeret det i dine indlæg, sider eller sidebjælker. Du behøver ikke at tilføje det til disse igen.

Tip: Hvis du bruger den klassiske editor i stedet for blokeditoren, kan du stadig bruge Envira Gallery.

du kan se en ‘Tilføj Galleri’ – knap over den klassiske editor, som du kan bruge til at tilføje et eksisterende galleri til dit indlæg.

tilføjelse af et Envira-galleri i den klassiske editor

tilføjelse af et Envira-galleri i classic editor

du kan også oprette et nyt galleri ved at klikke på knappen ‘Tilføj medier’ og derefter ‘Opret Galleri’.

oprettelse af et nyt galleri ved hjælp af Mediebiblioteket i den klassiske Editor

oprettelse af et nyt galleri ved hjælp af Mediebiblioteket i den klassiske Editor

vi håber, at denne tutorial hjalp dig med at lære at sætte billeder side om side i ordtryk. Du vil muligvis også gennemgå vores guide til, hvordan du justerer billeder i editoren, og vores omfattende liste over de skal have plugins (ekspertvalg).

hvis du kunne lide denne artikel, kan du abonnere på vores YouTube-kanal. Du kan også finde os på Facebook og Facebook.

Leave a Reply

Din e-mailadresse vil ikke blive publiceret.