• Gå direkte til primær navigation
  • Skip til indhold
  • Gå direkte til primær sidebar

WPTRICKS{DK}

En blog om WordPress, Webudvikling og gode idéer!

  • Forsiden
  • WordPress Guide
  • WordPress Hosting
  • Gratis WordPress Sparring
  • Er mit domæne ledigt?
  • Få gratis hjælp til WordPress
Du er her: Forside / WordPress Guide / Billeder i WordPress

Billeder i WordPress

En klog mand sagde engang: “Et billede siger mere end tusind ord” – og det er jo egentlig rigtigt – især hvis man har svært ved at beskrive et billede, som det kan forekomme når man ser på kunst. Men det er ikke det det skal handle om nu, i stedet vil jeg vise dig hvordan du kan bruge billeder i WordPress. Billeder er med til at gøre dine artikler og sider mere læsbare ved at give øjnene en “pause” fra al den tekst – ydermere kan det være med til at hjælpe med at vise ens pointe mere klart. Jeg bruger gerne billeder når jeg skal vise hvor man kigge i en WordPress guide f.eks. Nu er det din tur til at lære det.

Hvordan indsætter jeg billeder i WordPress?

Jeg starter altid med at skrive min artikel fuldt ud, før jeg begynder at indsætte billeder. På den måde kan jeg danne mig et overbliv over, hvornår der er brug for et billede, så øjnene kan slappe lidt af. At indsætte er billede i WordPress er ganske nemt – og jeg vil endda gå så langt som at sige, at det er nemmere end i Word (der er altid problemer med alignment i Word(!)). Når du har skrevet din tekst, skal du sætte din markør der, hvor du vil have dit billede – herefter skal du klikke på “Tilføj medier”:

Herefter kommer der en popup frem, som viser “Mediebibliotek”. Du skal ikke tage dig af, hvis der står “Ingen emner fundet” – det er kun fordi du ikke har uploadet noget endnu. Hvis du tidligere har uploadet billeder, så vil du kunne se dem her, så du behøver faktisk ikke uploade det samme billede flere gange, hvis du skal bruge det på flere forskellige sider og indlæg. Du kan uploade et billede på 2 forskellige måder – du kan enten bruge “drag & drop” eller du kan uploade filerne med en klassisk filupload:

I den lille røde cirkel, øverst til venstre, kan du uploade dit billede med den klassiske uploader, som man kender fra så mange forskellige steder. F.eks. når man skal vedhæfte en fil i en mail, så kommer der oftest en klassisk uploader frem – det samme vil ske her. MEN! Du kan gøre det på en endnu nemmere måde, og det er egentlig bare at trække billedet fra f.eks. dit skrivebord, og smide det ind i den store røde cirkel (eller faktisk i hele det hvide felt), og dit billede vil herefter, automatisk, blive uploadet.

Når dit billede er færdigt med at blive uploadet, vil du kunne se et flueben i øverste højre hjørne af billedet – det betyder egentlig bare, at det er det billede du er ved at sætte ind i din tekst. Yderst til højre, vil du kunne se en masse forskellige detaljer – og du vil have mulighed for at rette nogle af dem. Herunder har jeg gennemgået hvad de betyder enkeltvis:

URL: Viser egentlig bare URL’en til dit billede – dette felt kan ikke rettes

Titel: Dette er titlen på dit billede. Så kan du nemmere finde den i oversigten over alle billeder

Billedtekst: Dette kaldes også en “caption tekst” og vil blive vist lige under billedet. Man bruger det f.eks. til at kreditere fotografen f.eks.

Alt Tekst: Alt teksten burde, kort, beskrive hvad billedet indeholder. Denne tekst er god for din SEO, men er også hjælpsom hvis nogle af dine brugere benytter oplæsning af et website (svagtseende f.eks.)

Beskrivelse: Dette er en beskrivelse af billedet, som egentlig ikke vises, med mindre man linker til billedets “side for vedhæftning”. Men det er super godt at skrive en beskrivelse af SEO-mæssige årsager, da dine billeder typisk vil linke til vedhæftningssiden fra Googles billedsøgning.

Justering: Her kan du justere hvor billedet skal stå. Du kan wrappe teksten rundt om billedet, højre- eller venstrestille det eller bare centrere det

Link til: Her vælger du hvad dit billede skal linke til. Jeg bruger oftest “Ingen” eller “Mediefil”. Det er bestemt ikke altid, at “Side for vedhæftning” ser særlig pænt ud. Du kan også vælge “Tilpasset URL” og så linke til en ekstern kilde.

Størrelse: Dette siger sig selv – prøv dig frem, og se hvilken størrelse der passer bedst til din side/indlæg.

Hvordan redigerer jeg billederne?

Når du har indsat dit billede, så kan det være at du har brug for at rette det til. Det kan være at justeringen ikke er helt korrekt, størrelsen eller måske linket der er helt forkert. Heldigvis kan du rette dette super nemt. Du klikker bare på billedet. så kommer der automatisk en lille værktøjslinje frem. Jeg har markeret værktøjslinjen med rød farve herunder. Den blå farve viser de punkter du kan trække i, for at tilpasse billedets størrelse, og den sorte pil viser, hvor du kommer ind i yderligere indstillinger, hvor du kan rette billedetekst, URL osv.

Andre muligheder?

  • Du kan også oprette et galleri på dine sider og indlæg

Læserinteraktioner

Kommentarer

  1. Simon skriver

    31. juli 2020 kl. 14:52

    Hejsa :) Jeg savner en funktion der gør at der kommer en stroke/streg rundt om billederne på ens side, findes det :)?

    Svar
    • Aris skriver

      3. august 2020 kl. 08:49

      Hej Simon

      Tak for din kommentar.
      Der er ikke en decideret funktion til dette – dog kan du gøre det med CSS.
      Men pas på med bare at give ALLE billeder en stroke, da det kan ende med at logo også får dette.

      Du kan læse lidt mere om hvordan man gør det med CSS her: https://www.w3docs.com/snippets/css/how-to-add-border-to-image-in-css.html

      Håber det giver lidt mere mening – ellers siger du bare til.

      MVH
      Aris

      Svar
  2. Vejen til Birkin skriver

    22. januar 2021 kl. 20:34

    Jeg har en masse gamle billeder liggende i mit bibliotek, kan jeg på nogen måde se om de er vedhæftet i en blog indlæg eller ej? Vil gerne rydde lidt op.
    /Annette

    Svar
    • Aris skriver

      5. februar 2021 kl. 10:01

      Hej Annette

      Du kan med fordel bruge dette plugin: https://wordpress.org/plugins/media-cleaner/

      Det kan hjælpe dig med at få renset ud i dit mediebibliotek :)

      MVH
      Aris

      Svar
      • Vejen til Birkin skriver

        5. februar 2021 kl. 10:10

        Tak 😀

        Svar
  3. kenneth skriver

    24. juli 2022 kl. 23:57

    hvordan laver jeg det sådan at når jeg klikker på billedet så ser man billedet i en større udgave, og klik på det store billede så kommer man tilbage til original billede?

    Svar
  4. Aris skriver

    26. juli 2022 kl. 09:01

    Hej Kenneth

    Hvis du bruger Gutenberg, så skulle det gerne være en del af indstillingerne.
    Ellers skal du nok kigge efter et plugin, hvis ikke dit theme kan håndtere lightbox.

    Giver det mening?
    Ellers send en besked via formularen her på siden, så kan jeg hjælpe dig videre :)

    / Aris

    Svar
  5. Emil Brandt Rex skriver

    13. september 2022 kl. 08:25

    Hej champ,

    Tak for dit oplæg.

    Måske kunne du guide mig i en retning, der vil optimere den tekst, som man kan skrive til sit billede. Det vil være en god hjælp med din ekspertise.

    De bedste hilsner

    http://www.EmilBrandtRex.dk – stifter af kommunikationsvirksomheden: En kærlighedshistorie – der er specialiseret i strategisk storytelling og design.
    Design er storytelling

    Svar
    • Aris skriver

      9. oktober 2022 kl. 16:04

      Hej Emil

      Jeg er desværre ikke ekspert i optimering af tekster, så det vil næsten være synd at lytte til mig. Jeg vil anbefale, at du tager fat i nogle kloge hoveder i diverse Facebook grupper – jeg er sikker på, at du kan få meget mere ud af dem.

      Jeg er mere til teknisk SEO – altså optimering af websites og er begyndt at kigge op struktur af indhold.

      Håber du finder den hjælp, som du søger.
      Rigtig god søndag (i skrivende stund)

      /Aris

      Svar
  6. Emilie Hasløv skriver

    16. oktober 2022 kl. 13:24

    Hej,

    Jeg savner noget viden om hvordan man kan få farver på de billeder man lægger op. Jeg har fulgt din vejledning, og på trods af billedet er i farver. Så bliver det sort/hvidt efter jeg har lagt det ind på min hjemmeside. Jeg har ledt efter en knap, der kan ændre dette, men desværre uden held.. Ved du hvad det kan skyldes?

    Mvh Emilie

    Svar
    • Aris skriver

      22. december 2022 kl. 09:52

      Hej Emilie

      Det lyder til, at du bruger Gutenberg som editor på din side.
      Hvis det er tilfældet, så vil du kunne finde indstillinger for dit billede i sidepanelet til højre – der kan du angive om det skal være sort/hvid eller i farver.

      Der skulle også gerne være andre muligheder, så som at lægge et filter på osv. Jeg håber det besvarede dit spørgsmål, ellers er du velkommen til at kontakte mig via kontaktformularen.

      MVH
      Aris

      Svar

Skriv et svar Annuller svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

Primær Sidebar

Annonce

Søg

Mine anmeldelser

  • Kinsta.com(☆☆☆☆☆)
  • Nordicway.dk(☆☆☆☆)
  • UnoEuro / simply.com (☆☆☆)
  • One.com (☆☆)

Hold dig opdateret

Et par gange om året sender jeg et nyhedsbrev ud, med alle de nye tiltag jeg har gang i.
INGEN SPAM - det lover jeg!


… eller vælg en kategori

  • AngularJS (3)
  • Gammel (1)
  • Generelt (51)
  • Gør det selv (31)
  • Hosting (4)
  • WooCommerce (1)
  • WordPress Admin (4)
  • WordPress Fejl (4)
  • WordPress Guide (18)
  • WordPress Nyt (8)
  • WordPress Plugins (20)
  • WordPress Temaer (10)
  • WordPress Tips (31)
  • WordPress Tutorials (2)

Billigt webhotel

Arkiver

  • januar 2024 (1)
  • juli 2023 (1)
  • april 2023 (1)
  • februar 2023 (1)
  • januar 2023 (1)
  • juni 2022 (1)
  • februar 2022 (2)
  • januar 2022 (1)
  • december 2021 (2)
  • oktober 2021 (1)
  • april 2021 (1)
  • marts 2021 (1)
  • februar 2021 (2)
  • november 2020 (1)
  • august 2020 (1)
  • juli 2020 (2)
  • juni 2020 (1)
  • marts 2020 (1)
  • februar 2020 (2)
  • januar 2020 (5)
  • november 2019 (1)
  • maj 2019 (1)
  • april 2019 (1)
  • september 2018 (1)
  • juni 2018 (2)
  • april 2018 (1)
  • december 2017 (3)
  • oktober 2017 (1)
  • september 2017 (1)
  • november 2016 (1)
  • juni 2016 (1)
  • april 2016 (1)
  • marts 2016 (1)
  • juli 2015 (1)
  • september 2014 (1)
  • juni 2014 (3)
  • marts 2014 (5)
  • februar 2014 (2)
  • november 2013 (4)
  • oktober 2013 (1)
  • maj 2013 (1)
  • april 2013 (2)
  • marts 2013 (1)
  • januar 2013 (7)
  • december 2012 (2)

© Copyright 2012 - 2025 | WPTricks.dk | Sitemap | Cookie- og Privatlivspolitik