Hvordan Legge Til Bilder I WordPress I 2022a Tutorial I Å Legge Til Bilder I Classic Og Gutenberg Redaktører (+Redusere Filstørrelse)

I Dag bryter vi ned hvordan du legger til bilder I WordPress og redusere filstørrelsen (for å holde sidene & innlegg lastes så raskt som mulig).

Når du bare lærer grunnleggende om hvordan du starter en blogg, er det mye å finne ut, jeg får det. Vi har snakket om hvordan du endrer skriftstørrelse, endrer skriftfarge, gjør en klikkbar link og så mye mer her.

den gode nyheten er at i 2022 er det veldig enkelt å lære å legge til bilder I WordPress med alle brukervennlighets oppdateringer og forbedringer de har sett det siste tiåret.

i denne raske opplæringen viser jeg deg hvordan du legger til bilder I WordPress-innlegg, både I Den Klassiske Editoren (som jeg foretrekker å bruke) og gjennom deres nyere Gutenberg-Editor.

la Oss nå dykke inn i å legge til bilder I WordPress-innleggene dine-samtidig som de reduserer filstørrelsen så mye som mulig, for å holde SEG i tråd MED SEO-beste praksis og for å holde sidene dine lastet så fort som mulig.

Slik Legger Du Til Bilder WordPress (Og Reduserer Filstørrelsen) i 2022

1. Legge Til Bilder I Innlegg I Den Klassiske WordPress Editor
2. Legge Til Bilder I Innlegg I Gutenberg WordPress Editor
3. Legge Til Et Utvalgt Bilde til Et Innlegg I WordPress

nå raskt, før vi dykke inn i denne opplæringen om å legge til bilder Til WordPress, vil jeg vise deg hvordan du kan redusere et bilde filstørrelse (hjelpe dine innlegg lastes raskere) i 2 enkle trinn.

Installer (Gratis) Komprimere JPEG & PNG Bilder Plugin Av Tiny PNG

Du kan laste ned Gratis Komprimer JPEG & PNG Bilder Plugin For WordPress her Fra WordPress plugin biblioteket.

Alternativt kan du også søke etter plugin og installere det fra direkte i plugin-menyen, tilgjengelig på venstre side av bloggen din admin delen her-eller sjekk ut denne raske opplæringen om hvordan du installerer En WordPress plugin:

når Du har installert Komprimer JPEG & PNG Images Plugin, blir hvert nytt bilde du laster opp til WordPress-bloggen din automatisk optimalisert og filstørrelsen reduseres så mye som mulig uten å gå på kompromiss med kvaliteten på bildet ditt.

Merk: Dette er den beste bildekomprimering plugin på markedet langt. Det tillater opptil 500 gratis bildekompresjoner per måned (som er mye mer enn du sannsynligvis trenger) før du må oppgradere til en betalt plan på $.009 / bilde utover dine første 500 hver måned. Det er et seriøst røverkjøp, og du vil ikke finne et bedre komprimeringsplugin som gir deg flere gratis kreditter.

Men hvis du vil gjøre bildekomprimering direkte på din egen datamaskin (ubegrenset gratis), anbefaler Jeg ImageOptim-programmet.

Last Opp Bildene Dine

Det er det! Seriøst, det er så enkelt.

når du har installert komprimeringspluggen på bloggen din—eller har komprimert enkeltbilder på datamaskinen din først-er du klar til å laste dem opp til innleggene eller sidene Dine I WordPress.

la oss nå grave inn i nøyaktig hvordan du legger til bilder I WordPress.

1. Legge Til Bilder I Innlegg I Den Klassiske WordPress Editor

hvis du er som meg Og fortsatt foretrekker Den Klassiske WordPress Editor layout for å legge til/redigere innleggene dine, så følg med her.

på den annen side, hvis du bruker den nyere Gutenberg-Editoren for innleggets innhold, hopper du ned til neste avsnitt for det gjennomgangen. Hvis du ikke er sikker på hvilken redaktør du bruker, ta en titt på bildeskjermbildene nedenfor her og sammenlign dem med hva redaktøren din ser ut. Vil du bruke Den Klassiske Redaktøren, men ikke sikker på hvordan du får det? Ta 2 minutter å følge Med Yoasts enkle veiledning om å installere Den Klassiske Editoren på WordPress-bloggen din.

1. Åpne Innlegget Du Legger Til Bilder I (Og Finn Riktig Sted)

Først må du sørge for at Du er inne I Innlegget du vil legge til et bilde i.

da vil du navigere markøren til det nøyaktige stedet i innlegget ditt som du vil legge til bildet.

2. Klikk På» Legg Til Media » – Knappen Øverst I Redigeringsprogrammet

den knappen vil se slik ut her:

Når du klikker på» Legg Til Media » – knappen, vil du bli presentert med skjermen der du kan laste opp bildefilen din.

3. Klikk På «Last Opp Filer»

Klikk på fanen For «Last Opp Filer» og du vil bli tatt til skjermen der du kan bruke velgerverktøyet til å velge en bildefil fra hvor den ligger på datamaskinen din.

Alternativt, hvis du skal dra en bildefil fra skrivebordet og laste det opp – du kan hoppe over» Last Opp Filer » – skjermen og bare flytte rett til å dra bildet inn og slippe det (det er en demo av dette i neste trinn).

4. Last Opp Bildefilen

jeg foretrekker å dra bildefiler fra skrivebordet mitt og slippe dem inn i filopplasteren (i stedet for å bruke velgeren til å finne dem på datamaskinen min), da det er mye raskere.

her er en rask video / GIF demonstrasjon av hvordan du legger til et bilde fra skrivebordet Til WordPress:

når du har lastet opp bildet ditt, vil komprimeringspluggen fungere det er magisk å bidra til å redusere filstørrelsen (bak kulissene).

Notat: Før du fullfører bildealternativene dine og klikker på «Sett inn i post», vil du skrive UT EN SEO-vennlig Alt-Tekst for bildet ditt—noe som beskriver hva som skjer i bildet ditt, og ideelt veving i et av målordene du håper artikkelen til slutt vil rangere for (i organiske søkeresultater).

5. Velg Bildealternativene dine og Klikk på «Sett inn i post»

Til Slutt har Du noen alternativer å definere for bildet ditt. Dette inkluderer:

• Kontrollere justeringen av hvordan bildet ditt vises i innlegget ditt (jeg velger Alltid Senterjustering)
• Lage bildekobling til en annen side eller et innlegg på bloggen din(eller en ekstern lenke du vil henvise leserne til)
• Skjermstørrelse (jeg anbefaler alltid å laste opp som full størrelse for å unngå tap av bildekvalitet)

etter å ha valgt disse alternativene, er du klar til å klikke på «Sett inn i post» og du er god til å gå!

den knappen vil være her nederst til høyre på skjermen:

Nå blir du tatt tilbake til redigeringsvinduet ditt, og du vil se bildet du nettopp har lagt til, sitter der der du lastet opp det.

Husk at du fortsatt har noen raske & enkle redigeringsalternativer hvis du bestemmer deg for å endre noe med visningen av det nye bildet:

• du kan endre størrelsen manuelt ved å ta tak i et av hjørnene og dra det opp eller ned i størrelse
• du kan klikke ned på midten av bildet og dra det rundt i innlegget ditt for å flytte det
• du kan alltid slette bildet ved å klikke på «backspace» eller «delete» på tastaturet og starte på nytt

Og det er det! Du har lært hvordan du legger til Et bilde I WordPress Med Den Klassiske Editoren.

2. Legge Til Bilder I Innlegg I Gutenberg WordPress Editor

I Gutenberg WordPress Editor, vil dine postredigeringsalternativer se mye annerledes ut enn Det Du ser fra Den Klassiske Editoren.

Gutenberg tar en tilnærming til å legge til / redigere innhold gjennom et system av» blokker » som tekstblokker, topptekstblokker, bildeblokker og så videre. Så la oss dykke inn i å legge til bilder I Gutenberg.

1. Velg» Legg Til Bilde «- Ikonet

etter at du har lagt til et bilde på riktig sted i innlegget ditt, velg» Legg Til Bilde » – ikonet. Det vil se slik ut her:

når du klikker på «Legg til bilde» – ikonet, har du noen alternativer for hvordan du kan legge til et bilde i innlegget ditt.

2. Velg Hvordan Du Vil Legge Til Bildet

I Gutenberg har Du noen raske alternativer for hvordan du legger til et bilde I WordPress. Det inkluderer:

• Last opp (som åpner en valgskjerm som lar deg velge bildefilen fra datamaskinen)
• Mediebibliotek (som tar deg til ditt eksisterende bibliotek med bilder-hvorfra du også kan dra & slippe inn et bilde)
• Sett inn FRA URL (hvis det er et bilde som ligger et sted på nettet som du vil importere, kan du lime inn den linken her)

her er et øyeblikksbilde av disse alternativene (personlig klikker jeg bare På «Last opp» og tar raskt bildet jeg vil ha fra skrivebordet mitt):

3. Last Opp Bildet

når du har valgt bildet du vil laste opp, klikker du bare på» Åpne » – knappen, og det blir lagt til i innlegget ditt.

nå som du har lagt til bildet, vises et mindre miniatyrbilde av det som en ny blokk i innlegget ditt.

her er et skjermbilde av hvordan det vil se ut:

4. Bildeinnstillinger & Hurtigredigeringsalternativer

Før du går Videre, vil du få bildeinnstillingene dine oppringt (i HENHOLD TIL BESTE PRAKSIS FOR SEO).

og akkurat som Med Den Klassiske Editoren, kan du definere mange forskjellige innstillinger og egenskaper for et bilde. Med Gutenberg er Det bare gjort litt annerledes. Bildeinnstillingene er i stedet plassert over på høyre sidebar (etter først å klikke en gang på bildet).

slik ser disse innstillingene ut:

sørg for å definere bildeinnstillingene for minst disse to egenskapene:

• Skrive SEO-vennlig alternativ tekst som beskriver bildet og vever i en søkeordsetning
• Bildestørrelse (jeg viser alltid bilder i full størrelse for å unngå tap av kvalitet)

Du kan også klikke på» Stil » – innstillingene for å legge til litt mer nyansert styling & innebygde beskjæringsfunksjoner med Gutenberg.

5. Flytte Bilder Rundt I Et Innlegg Via Gutenberg

En veldig kul bivirkning Av Gutenberg-redaktørens fokus på å bruke» blokker » av innhold, er hvor enkelt du kan flytte bildene dine (eller innholdsblokker for den saks skyld) rundt i et innlegg.

etter å ha klikket en gang på bildet du vil omorganisere i innlegget ditt-vil du se «opp» og «ned» piler vises rett ved siden av bildet.

Klikk på disse pilene for å flytte bildet opp eller ned i innlegget ditt, slik som:

Og det er det! Du er klar.

Du har nå lært hvordan du legger til Et Bilde Til WordPress i Gutenberg-Editoren, samt 🙂

3. Å legge Til Et Utvalgt Bilde i Et Innlegg I WordPress

Utvalgte bilder er avgjørende i En WordPress-blogg – fordi de er bildene som vises øverst på blogginnleggene dine (og i både søkeresultater og på sosiale medier når innholdet ditt blir delt).

Sist Men Ikke minst, her er hvordan du legger til et utvalgt bilde til et innlegg (eller en side) I WordPress.

Nederst til høyre I WordPress-Redigeringsvinduet ser du en seksjon for å legge til et utvalgt bilde. Klikk på «Angi utvalgt bilde» og du vil bli tatt til standard bildeopplastingsskjermbildet der du kan legge til i bildet du vil bli vist øverst i innlegget ditt (også i søkeresultater og på sosiale plattformer).

etter at du har lastet opp bildet du vil bruke og klikket på «Sett utvalgt bilde», blir du tatt tilbake til redigeringsskjermen din, og du vil se et lite miniatyrbilde av bildet som vises nederst til høyre (for å bekrefte at du har lagt til riktig bilde) som det:

Ganske enkelt, ikke sant?

hvis du valgte feil bilde (eller vil gjøre endringer senere), kan du bare klikke på teksten «Fjern utvalgt bilde», og du får muligheten til å velge eller laste opp et annet bilde som skal vises i innlegget ditt.

Avsluttende Tanker Om Hvordan Du Legger Til Et Bilde I WordPress

Å Legge til bilder i innleggene Dine i WordPress trenger ikke å være vanskelig.

enten Du bruker Den Klassiske Redaktøren Eller Gutenberg for bloggen din, har Teamet Bak WordPress jobbet hardt for å gjøre å legge til bilder en veldig enkel prosess.

hvis du fortsatt har problemer, vennligst send meg en kommentar nederst i dette innlegget, og jeg er glad for å hjelpe deg med å feilsøke eventuelle problemer du har.

Det var alt for i dag!

vi dekket bare hvordan du legger til bilder I WordPress 👏

Liker du det du ser? Registrer deg for å få mer blogging tutorials og råd.

Vil Du Ha Mer Blogging Tutorials?

Gå over og sjekk ut min ultimate guide til å starte en blogg og tjene penger på det i år.