Arbejde med WordPress' billedblok: Sådan tilføjer du billeder i WordPress [+hemmeligt tip].

For mange brugere kan det være virkelig frustrerende at arbejde med billeder. Det er ikke altid let at vælge det rigtige størrelsesforhold eller at ændre størrelsen på billederne, så de ser godt ud i hele layoutet.

1. Derfor skal du bruge WordPress' billedblok
2. Sådan tilføjer du billeder med WordPress' billedblok
3. Yderligere formatering af billedprocessen
4. Ekstra tip fra os inde i artiklen

Ældre WordPress-versioner (op til v5.0) tilføjede billeder ved hjælp af knappen +Add Media. Problemet var, at selv med minimale ændringer i billedstørrelsen skulle du uploade det igen. Det betyder spild af tid og overflødige klik.

Den nye blokbaserede Gutenberg-editor ændrer måden, hvorpå man tilføjer billeder til WordPress for at gøre processen enklere for slutbrugerne. I denne artikel vil vi vise dig en praktisk guide til at tilføje og redigere WordPress' billedblok. Derudover vil vi forklare endnu en mulighed for at indsætte billeder - hvordan man kopierer og indsætter et billede i indholdsområdet med blot et par klik. Vi vil også introducere dig for de nye funktioner, der er kommet med WP 5.3.

Men lad os først tale om, hvorfor du skal bruge billeder i indlæg og på sider.

Hvorfor er WordPress' billedblok et must-have for din hjemmeside?

Tiltræk opmærksomhed

Billeder tiltrækker de besøgendes opmærksomhed. De skal være interessante for at holde de besøgende på din hjemmeside i længere tid. Tænk på et blogindlæg uden billeder. Det er bare en masse tekst. Ved første øjekast er det ikke særlig interessant, selv om det kunne være værdifuldt og fuld af information. Desuden kan fotos hjælpe med at forestille sig og beskrive dit emne bedre.

Derfor er vi nødt til at bruge WordPress' billedblok til at fokusere på vigtige ting.

Illustrativ tekst og kontekst

Billeder er også en vigtig del af forståelsen af indhold, fordi de giver besøgende mulighed for bedre at forstå, hvad artiklen handler om. Takket være infografik kan du forklare komplicerede sammenhænge og fortælle tingene på en enkel måde. Det hjælper besøgende med bedre at orientere sig i det problem, du taler om.

Gør hjemmesiden pænere

Desuden sætter billeder prikken over i'et på hele hjemmesidedesignet. Det handler ikke kun om hjemmesidens layout, men også om brugervenlighed. Korrekt valgte og placerede billeder kan hjælpe besøgende med at surfe lettere rundt på din hjemmeside.

Sådan tilføjer du billeder i WordPress' blokeditor

For at indsætte et billede i et indlæg eller en side skal du tilføje en kerneblok - billedblok. Der er flere måder at gøre det på:

- Brug "+" i den øverste bjælke eller hvor som helst i editoren

- Brug skråstreg "/" og skriv ordet "image" bagefter

Der oprettes en ny blok, hvor du kan tilføje aktuelle billeder.

Upload af billeder til WordPress

Hvordan placerer man billeder der, hvor man ønsker?

• Brug Upload, og vælg et billede fra din harddisk.
• Brug mediebiblioteket, hvor du kan vælge billeder, der allerede er uploadet til din hjemmeside.
• Brug musen, og træk og slip billedet
• Indsæt billedets URL-adresse

Mindre kendt metode til at tilføje WordPress-billeder

Udover at uploade billeder gennem upload-vinduet som nævnt tidligere, er der en anden måde at indsætte billeder på (og det er en hurtig måde!). Med den forbedrede WordPress-editor er du i stand til at:

• Kopier billedet fra et hvilket som helst indhold, eller
• Bare "træk" billedet med en musemarkør

Indsæt eller flyt (drop) derefter det valgte billede til det ønskede sted i indholdsområdet.

Den samme teknik kan du også bruge, hvis du vil indsætte et billede, der er taget fra din skærm. Det kræver kun tre enkle trin. Det første, Du er nødt til at tage et skærmbillede ved hjælp af print screen-funktionen. For eksempel har Windows 10 et standard Snippet-værktøj kaldet Snip & Sketch, som også er tilgængeligt via en genvej - bare tryk Win+Shift+S-tasterne sammen på dit tastatur. Vælg derefter det billedområde, du vil fange. Det sidste trin er at indsætte det kopierede billede (eller en del af det) i indholdsområdet ved hjælp af den grundlæggende genvej Ctrl+V.

Og hvad sker der med WordPress-billedet, som du har indsat i din editor? Jo, det føjes automatisk til mediebiblioteket, hvor du kan redigere billedet.

Begrænsede muligheder for billedmetadata

I billedredigeringen kan du indstille titel, billedtekst, beskrivelse og alternativ tekst. Desværre kan du ikke ændre billedets filnavn - det vil beholde sit autogenererede navn, f.eks. billede-1.png og så videre. Denne type filnavn kan være en lille ulempe med hensyn til SEO-optimering på grund af konflikt med anbefalinger om filnavngivning. Derfor er du nødt til at overveje dette aspekt, før du flytter WordPress-billeder til indholdsområdet.

Justering af billeder

Billedjustering er en af de vigtigste funktioner. Uanset om du tilføjer WordPress-billedblokken til et indlæg eller en side, bør du altid overveje placeringen afhængigt af hjemmesidens design. Baseret på det kan billedjustering vælges i værktøjslinjen over det. Som standard kan du justere billedet til venstre, højre eller centrere det. Nogle WordPress-temaer tillader, at billeder centreres som bred eller fuld bredde. Det afhænger virkelig af temaets funktioner, da ikke alle temaer understøtter det.

Ændring af billedstørrelse

Den revolutionerende funktion ved billedblokken i WordPress-editoren er praktisk størrelsesændring. Du skal blot trække i siden af billedet for at gøre det mindre eller større. På den måde kan du tilpasse billedstørrelsen afhængigt af teksten i indholdet. Editoren bevarer automatisk billedets proportioner, så du ikke behøver at bekymre dig om deformationer.

Ny blokstil, der forvandler et billede til en cirkelform

Hvis du bruger den seneste tilgængelige version af WordPress, har du måske bemærket en ny cirkelbeskæringsstil, som du kan bruge til dit billede. Billedets form kan ændres via den øverste værktøjslinje ved at klikke på det første "Skift bloktype eller stil"-ikon. Standardformen (rektangel) vil blive skåret til en cirkelform.

Nye funktioner i WordPress' billedblok (tilføjet i WP 5.3)

Understøttelse af billeder i høj opløsning

Et af de største højdepunkter i WP 5.3 er forbedret billedbehandling på WordPress-platformen. At arbejde med billeder har nu to hovedfunktioner:

1. Genoptagelse af upload - Hvis du uploader fotos i høj opløsning, og internetforbindelsen svigter, fortsætter uploadprocessen automatisk fra det afbrudte punkt.
2. Automatisk billedrotation - den seneste WP-version sikrer, at forkert roterede billeder automatisk roterer til den korrekte position, når de uploades.

Indstillinger i Inspektør

For at konfigurere de nøjagtige dimensioner kan du bruge inspektøren i højre sidepanel i editoren. Indstillinger for billedstørrelse tilbyder formater, der er klar til brug, såsom miniature, medium, stor eller fuld størrelse. Du kan selvfølgelig indstille bredden og højden i pixels eller procent.

Det er meget hurtigt og praktisk, fordi du kan foretage alle ændringer i billedstørrelse direkte i WordPress Images-blokken og alt på ét sted i blokeditoren.

Andre indstillinger for billedblokken

Sådan tilføjer du en URL-adresse

Billeder kan bruges som statiske billeder, eller de kan også være klikbare og linke til:

•   Mediefil
•   Vedhæftet side
•   Brugerdefineret URL

Sådan redigerer du et billede i WordPress' billedblok

Hvert billede kan redigeres ved at klikke på blyantikonet. Et modalvindue med mediebiblioteket åbnes, hvor du kan skrive alt-tekst, titel, billedtekst og beskrivelse. På samme måde som du allerede er vant til at gøre det i ældre WordPress-versioner med klassisk editor.

Hvorfor er det vigtigt at få disse tekster udfyldt?

Hvis besøgende klikker på billedet for at se det større, ser de billedets titel (f.eks. Citadela hjemmeside) og ikke billedets filnavn. Hvis der er problemer med at indlæse billedet, vil der også blive vist en alternativ tekst på din hjemmeside.

Ekstra tips

Ud over alle disse grunde og indstillinger for WordPress' billedblokke er der det vigtigste. Du kan få flere besøgende på din hjemmeside ved at bruge billeder. Så hvordan får man dem?

I dag er folk dovne til at læse. De foretrækker at scrolle ned gennem billederne for at finde svar. Hvordan kan det være, at dine fotos og billeder kan rangere? Tekster er svaret. Meget vigtigt for SEO-optimering er den perfekte billedtitel og -beskrivelse. Glem ikke at udfylde den alternative tekst. Så kan Google bedre forstå billedet. Så du har en større chance for at placere det i billedsøgeresultaterne.

2 måder at tilføje billedtekst på

Det er meget nemt at tilføje billedtekst ved hjælp af blokeditoren. Lige under billedet er der plads til at skrive tekst. Dette er den første måde - billedteksten skrives til netop dette billede på den givne underside.

Den anden måde er at skrive billedteksten med blyantikonet (Rediger billede) i mediebiblioteket. På denne måde tilføjer du billedteksten globalt på hele hjemmesiden. Det betyder, at hvis du bruger det samme billede tre forskellige steder, vil det altid bruge denne billedtekst.

Kan du lide, hvor nemt det er at tilføje billeder i WordPress' billedblok? Prøv det selv!

Find ud af mere om vores helt nye Citadela WordPress-tema og dets skræddersyede layoutpakker. De er specielt designet og udviklet til forskellige typer af virksomheder, og de understøtter også den nye måde at redigere indhold på via WordPress' blokeditor.