Arbeide med WordPress' bildeblokk: Slik legger du til bilder i WordPress [+ Hemmelig tips].

For mange brukere kan det være frustrerende å jobbe med bilder. Det er ikke alltid like lett å velge riktig størrelsesforhold eller å endre størrelsen på bildene slik at de ser bra ut i hele oppsettet.

1. Hvorfor bruke WordPress' bildeblokk
2. Slik legger du til bilder med WordPress' bildeblokk
3. Prosess for ytterligere formatering av bilder
4. Ekstra tips fra oss inne i artikkelen

Eldre WordPress-versjoner (frem til v5.0) la til bilder ved hjelp av +Add Media-knappen. Problemet var at selv med minimale endringer i bildestørrelsen måtte du laste det opp på nytt. Det betyr bortkastet tid og overflødige klikk.

Den nye blokkbaserte redaktøren Gutenberg endrer måten å legge til bilder i WordPress på for å gjøre prosessen enklere for sluttbrukerne. I denne artikkelen gir vi deg en praktisk veiledning i hvordan du legger til og redigerer bildeblokker i WordPress. I tillegg forklarer vi hvordan du kan kopiere og lime inn et bilde i innholdsområdet med bare noen få klikk. Vi vil også introdusere deg for de nye funksjonene i WP 5.3.

Men la oss først snakke om hvorfor du bør bruke bilder i innlegg og sider.

Hvorfor er WordPress' bildeblokk et must for nettstedet ditt?

Tiltrekke seg oppmerksomhet

Bilder tiltrekker seg oppmerksomheten til besøkende på nettstedet. De må være interessante for at de besøkende skal bli værende lenger på nettstedet ditt. Tenk på et blogginnlegg uten bilder. Det er bare en haug med tekst. Ved første øyekast er det ikke særlig interessant, selv om det kan være verdifullt og fullt av informasjon. Bilder kan dessuten gjøre det lettere å forestille seg og beskrive temaet ditt.

Derfor må vi bruke WordPress Image Block for å fokusere på det som er viktig.

Illustrerende tekst og kontekst

Bilder er også en viktig del av forståelsen av innholdet fordi de gjør det lettere for besøkende å forstå hva artikkelen handler om. Takket være infografikk kan du forklare kompliserte sammenhenger og fortelle ting på en enkel måte. Det gjør det lettere for de besøkende å sette seg inn i problemet du snakker om.

Gjør nettstedet penere

Dessuten setter bilder prikken over i-en på hele nettsidedesignet. Det handler ikke bare om nettsidens layout, men også om brukervennlighet. Riktig valgte og plasserte bilder kan gjøre det enklere for besøkende å navigere på nettstedet ditt.

Slik legger du til bilder i WordPress Block Editor

For å sette inn et bilde i et innlegg eller en side må du legge til en kjerneblokk - bildeblokk. Det finnes flere måter å gjøre det på:

- Bruke "+" i topplinjen eller hvor som helst i redigeringsprogrammet

- Bruke skråstrek "/" og skrive ordet "image" etterpå

Det opprettes en ny blokk der du kan legge til aktuelle bilder.

Laste opp bilder til WordPress

Hvordan legger du bilder der du vil?

• Bruk Upload, og velg et bilde fra harddisken.
• Bruk mediebiblioteket, der du kan velge bilder som allerede er lastet opp til nettstedet ditt.
• Bruk musen og dra og slipp bildet
• Sett inn URL-adressen til bildet

Mindre kjent metode for å legge til WordPress-bilder

I tillegg til å laste opp bilder via opplastingsvinduet som nevnt tidligere, finnes det en annen måte å sette inn bilder på (og det er en rask måte!). Med den forbedrede WordPress-editoren kan du gjøre følgende:

• Kopier bilde fra hvilket som helst innhold, eller
• Bare "dra" bildet med musepekeren.

Deretter setter du inn eller flytter (slipper) det valgte bildet til ønsket sted i innholdsområdet.

Den samme teknikken kan du også bruke hvis du vil lime inn et bilde som er tatt fra skjermen. Du trenger bare tre enkle trinn. For det første, du må ta et skjermbilde ved hjelp av utskriftsfunksjonen. Windows 10 har for eksempel et standard Snippet-verktøy kalt Snip & Sketch, som også er tilgjengelig via en snarvei - bare trykk Win+Shift+S samtidig på tastaturet. Deretter velger du det bildeområdet du vil ta bilde av. Det siste trinnet er å lime inn det kopierte bildet (eller en del av det) i innholdsområdet ved hjelp av hurtigtasten Ctrl+V.

Og hva skjer med WordPress-bildet du har limt inn i redigeringsprogrammet? Vel, det blir automatisk lagt til i mediebiblioteket der du kan redigere bildet.

Begrensede alternativer for metadata for bilder

I bilderedigeringen kan du angi tittel, bildetekst, beskrivelse og alternativ tekst. Dessverre kan du ikke endre bildets filnavn - det beholder det automatisk genererte navnet, f.eks. bilde-1.png og så videre. Denne typen filnavn kan være en liten ulempe når det gjelder SEO-optimalisering på grunn av konflikt med anbefalingene for filnavn. Derfor må du vurdere dette aspektet før du flytter WordPress-bilder til innholdsområdet.

Justering av bilder

Bildejustering er en av hovedfunksjonene. Uansett om du legger til en WordPress-bildeblokk i et innlegg eller en side, bør du alltid vurdere plasseringen avhengig av nettstedets design. Basert på dette kan du velge bildejustering i verktøylinjen over bildet. Som standard kan du justere bildet til venstre, høyre eller sentrere det. Noen WordPress-temaer tillater at bilder sentreres i bred eller full bredde. Det avhenger av temafunksjonene, ettersom ikke alle temaer støtter dette.

Endre størrelse på bilder

Den revolusjonerende funksjonen til bildeblokken i WordPress-editoren er praktisk størrelsesjustering. Bare dra i siden av bildet for å gjøre det mindre eller større. På den måten kan du tilpasse bildestørrelsen til teksten i innholdet. Redigeringsprogrammet beholder automatisk bildets proporsjoner, noe som betyr at du ikke trenger å bekymre deg for deformasjoner.

Ny blokkstil som forvandler et bilde til en sirkelform

Hvis du bruker den nyeste tilgjengelige versjonen av WordPress, har du kanskje lagt merke til den nye sirkelbeskjæringsstilen som du kan bruke for bildet ditt. Bildets form kan endres via verktøylinjen øverst ved å klikke på det første ikonet "Endre blokktype eller stil". Standardformen (rektangel) vil bli endret til en sirkelform.

Nye funksjoner i WordPress Images-blokken (lagt til i WP 5.3)

Støtte for høyoppløselige bilder

Et av de største høydepunktene i WP 5.3 er forbedret bildebehandling på WordPress-plattformen. Arbeidet med bilder har nå to hovedfunksjoner:

1. Gjenoppta opplasting - Hvis du laster opp høyoppløselige bilder og internettforbindelsen brytes, fortsetter opplastingsprosessen automatisk fra det avbrutte punktet.
2. Automatisk bilderotasjon - den nyeste versjonen av WP sørger for at feilroterte bilder automatisk roteres til riktig posisjon når de lastes opp.

Innstillinger i Inspector

For å konfigurere de nøyaktige dimensjonene kan du bruke inspektøren i høyre sidefelt i redigeringsverktøyet. Innstillingene for bildestørrelse tilbyr formater som er klare til bruk, for eksempel miniatyrbilde, medium, stor eller full størrelse. Du kan selvfølgelig angi bredde og høyde i piksler eller prosent.

Det er veldig raskt og praktisk fordi du kan gjøre alle endringer i bildestørrelsen direkte i WordPress Images-blokken og alt på ett sted i blokkeredigeringen.

Innstillinger for andre bildeblokker

Slik legger du til URL-adresse

Bilder kan brukes som statiske bilder, eller de kan også være klikkbare og lenke til:

•   Mediefil
•   Vedleggsside
•   Tilpasset URL

Slik redigerer du bilder i WordPress' bildeblokk

Hvert bilde kan redigeres etter at du har klikket på blyantikonet. Et modalvindu med mediebiblioteket åpnes, der du kan skrive alt-tekst, tittel, bildetekst og beskrivelse. På samme måte som du allerede er vant til å gjøre det i eldre WordPress-versjoner med klassisk redigeringsprogram.

Hvorfor er det viktig å fylle ut disse tekstene?

Hvis besøkende klikker på bildet for å se det større, vises bildetittelen (for eksempel Citadela hjemmeside) og ikke filnavnet. Hvis det er problemer med å laste inn bildet, vises en alternativ tekst på nettstedet ditt.

Ekstra tips

I tillegg til alle disse grunnene og innstillingene for WordPress' bildeblokker er det en ting som er viktigst. Du kan få flere besøkende til nettstedet ditt ved å bruke bilder. Så hvordan får du tak i dem?

I dag er folk late til å lese. De foretrekker å scrolle nedover bildene for å finne svar. Hvordan kommer det seg at bildene og bildene dine kan rangere? Tekster er svaret. Den perfekte bildetittelen og beskrivelsen er svært viktig for SEO-optimalisering. Ikke glem å fylle ut alternativ tekst. Da kan Google bedre forstå bildet. Dermed har du større sjanse for å rangere det i bildesøkeresultatene.

2 måter å legge til bildetekst på

Det er veldig enkelt å legge til bildetekst ved hjelp av blokkeredigeringsverktøyet. Rett under bildet er det plass til å skrive tekst. Dette er den første måten - bildeteksten skrives til akkurat dette bildet på en gitt underside.

Den andre måten er å skrive bildetekst ved hjelp av blyantikonet (Rediger bilde) i mediebiblioteket. På denne måten legger du til bildeteksten globalt på hele nettstedet. Det betyr at hvis du bruker det samme bildet på tre forskjellige steder, vil det alltid bruke denne bildeteksten.

Liker du hvor enkelt det er å legge til bilder i WordPress' bildeblokk? Prøv det selv!

Les mer om vårt splitter nye Citadela WordPress-tema og de skreddersydde layoutpakkene. De er spesialdesignet og -utviklet for ulike typer virksomheter, og de støtter også den nye måten å redigere innhold på via WordPress Block Editor.