Du har tatt et bilde av produktet ditt og vil legge det inn på nettsiden. Eller du har lastet ned et profilbilde som skal brukes på "Om oss"-siden. Uansett hva du skal med bildene, starter alt i WordPress sitt mediebibliotek. Mediebiblioteket er den sentrale lagringen for alle filer du bruker på nettsiden, og å forstå hvordan det fungerer sparer deg for mye frustrasjon. Her er alt du trenger å vite for å legge til bilder og mediefiler i WordPress.
Mediebiblioteket: alle filene dine samlet
Mediebiblioteket i WordPress er akkurat det det høres ut som: et bibliotek for mediefiler. Alle bilder, videoer, PDF-er og andre filer du laster opp, samles her. Du finner det under Media i sidemenyen i kontrollpanelet.
Du kan vise biblioteket som et rutenett med miniatyrbilder eller som en listevisning med filnavn, forfatter og dato. Rutenettet er oversiktlig for bilder, mens listen er mer praktisk når du har mange filer av forskjellig type og vil sortere dem.
Mediebiblioteket er vedvarende. Det betyr at filer du laster opp, blir liggende selv om du sletter innlegget eller siden de ble brukt i. Fjerner du et bilde fra et innlegg, fjernes det bare fra innlegget. Filen ligger fortsatt i mediebiblioteket og kan brukes igjen hvor som helst.
Laste opp filer til WordPress
Det er flere måter å laste opp filer på. Den mest direkte er å gå til Media og klikke Legg til ny mediefil. Du kan enten klikke og velge filer fra maskinen din, eller dra og slippe dem rett inn i nettleservinduet. Du kan laste opp flere filer samtidig.
Du kan også laste opp filer direkte fra redigeringsverktøyet mens du jobber med et innlegg eller en side. Legger du til en bildeblokk, får du valget mellom å laste opp, velge fra mediebiblioteket, eller sette inn fra en URL.
Maksstørrelsen for opplasting er som regel 300 MB per fil, men dette kan variere avhengig av webhotellet ditt. WordPress støtter de vanligste filformatene: JPEG, PNG, GIF og WebP for bilder, MP4 for video, MP3 for lyd, og PDF for dokumenter. SVG-filer støttes ikke som standard fordi de kan inneholde skadelig kode. Trenger du SVG-støtte, finnes det utvidelser som legger til dette med sikkerhetsfiltrering.
Legge til bilder i WordPress i innlegg og sider
Den vanligste måten å legge til bilder på er gjennom bildeblokken i redigeringsverktøyet. Skriv /bilde i et tomt avsnitt, og bildeblokken dukker opp. Velg Last opp for et nytt bilde, Mediebibliotek for et bilde du allerede har lastet opp, eller Sett inn fra URL for å lenke til et bilde som er lagret et annet sted.
Når bildet er satt inn, kan du justere størrelse, justering og stil direkte i blokkverktøylinjen. Du kan dra i hjørnene for å endre størrelsen, eller velge mellom forhåndsdefinerte størrelser i innstillingspanelet til høyre.
For mer avanserte layouts kan du bruke Media og tekst-blokken, som plasserer et bilde ved siden av tekst. Eller du kan bruke Kolonne-blokken for å sette bilder side om side. Guiden for å skrive innlegg dekker disse blokkene i detalj.
Redigere bilder i WordPress
Du trenger ikke et eksternt bilderedigeringsprogram for enkle justeringer. WordPress har et innebygd redigeringsverktøy som dekker det grunnleggende. Klikk på et bilde i mediebiblioteket og deretter Rediger bilde.
Her kan du beskjære bildet for å fjerne uønskede deler, skalere det til en annen størrelse, og rotere det 90 grader om gangen. Du kan også speilvende bildet horisontalt eller vertikalt.
Beskjæring er den mest brukte funksjonen. Velg et forhåndsbestemt sideforhold (for eksempel 16:9 for en bredformat-visning) eller dra fritt for å velge akkurat det området du vil beholde. Klikk Lagre når du er fornøyd. WordPress oppretter en ny versjon av bildet, slik at originalen alltid er tilgjengelig.
For mer avansert bilderedigering som fargekorrigering, retusjering eller grafisk design bør du bruke et verktøy som Photoshop, Canva eller GIMP før du laster opp til WordPress.
Alt-tekst: synlighet for søkemotorer og tilgjengelighet
Hvert bilde du laster opp, bør ha en alternativ tekst (alt-tekst). Alt-teksten er en tekstbeskrivelse av bildet som tjener to formål.
For det første bruker søkemotorer alt-teksten til å forstå hva bildet viser. Google kan ikke "se" bilder på samme måte som mennesker. Alt-teksten er din måte å fortelle søkemotoren hva bildet inneholder, noe som hjelper med bildeSEO og den generelle rangeringen av siden.
For det andre brukes alt-teksten av skjermlesere for synshemmede. Når en skjermleser møter et bilde, leser den opp alt-teksten. Uten alt-tekst vet brukeren bare at det er et bilde der, men ikke hva det viser.
Skriv alt-tekst som beskriver bildet konkret. "Kvinne som holder en kopp kaffe på en kafé" er mye bedre enn "bilde1" eller "foto". Du finner alt-tekstfeltet i høyre sidefelt når du klikker på et bilde i redigeringsverktøyet, eller i detalj-visningen i mediebiblioteket.
Metadata og fildetaljer
Hver fil i mediebiblioteket har metadata som du kan redigere. Klikk på en fil i mediebiblioteket for å se detaljene.
Tittel er navnet som vises internt i WordPress. Den genereres automatisk fra filnavnet, men du kan endre den til noe mer beskrivende.
Bildetekst (caption) er teksten som vises under bildet når det er satt inn i et innlegg eller på en side. Ikke alle temaer viser bildetekst, men mange gjør det.
Beskrivelse er et lengre tekstfelt for intern bruk. Det er sjelden synlig for besøkende, men kan brukes av noen temaer og utvidelser.
Endringer i metadata lagres automatisk. Du trenger ikke klikke en lagre-knapp. Bare klikk ut av feltet, og endringen er registrert.
Holde mediebiblioteket ryddig
Etter hvert som nettsiden din vokser, samler mediebiblioteket seg opp med filer. Noen tips for å holde orden: Gi filene dine beskrivende navn før du laster dem opp. "kontor-oslo-fasade.jpg" er lettere å finne igjen enn "IMG_4523.jpg". Bruk søkefeltet i mediebiblioteket for å finne filer raskt. Du kan filtrere etter filtype og dato.
Sletter du en fil fra mediebiblioteket, slettes den permanent. WordPress advarer deg om filen brukes et sted, men sjekk likevel før du sletter. Et slettet bilde som fortsatt er referert til i et innlegg, vises som et tomt felt for besøkende.
Neste steg
Nå som du vet hvordan du legger til bilder og mediefiler i WordPress, kan du bruke dem til å bygge visuelt innhold. Slik bygger du en omslagsside viser deg hvordan du lager en hero-seksjon med et stort bakgrunnsbilde og tekst. Vil du lage innlegg som kombinerer tekst og bilder effektivt, dekker guiden for å skrive innlegg dette i detalj.
Denne videoen er hentet fra kurset WordPress - komplett guide på Utdannet.no. I det fulle kurset lærer du å håndtere bilder i WordPress profesjonelt, optimalisere bilder for raskere lastetid, og bruke mediebiblioteket til å holde nettsiden din organisert.
