Aseta taustakuva WordPress-verkkosivustollesi

jokainen sivuillasi käyttämäsi kuva tai video määrittelee brändisi yleisöllesi. Joten taustakuvat sivustossasi ovat tärkeitä, ja sinun pitäisi suunnitella tai valita ne pitäen silmällä brändin tyyli ja kohdeyleisö.

tässä opetusohjelmassa opit useita tapoja asettaa taustakuvan WordPress-verkkosivustollesi. Vien sinut läpi prosessin asettamalla WordPress taustakuvan yksityiskohtaisesti, jotta voit helposti tehdä sen itse.

isännöitkö WordPress-sivustoasi WordPress.com tai käytät itse hallittua palvelinta, tämä opetusohjelma on sinua varten. Opit seuraavat menetelmät asettamalla taustakuvan WordPress verkkosivuilla:

  • Lisää taustakuva WordPress teema-asetuksilla
  • Lisää taustakuva WordPress-liitännäisillä
  • lisää taustakuvat CSS: llä

vaihtoehto 1. Lisää taustakuvan WordPress teema asetukset

Monet vapaa WordPress teemoja voit asettaa taustakuvan. Käytän Twenty Twenty-One-teemaa, joka on yksinkertainen blogien, salkkujen ja pienyritysten teema. Tämä teema mahdollistaa myös taustakuvan.

kirjaudu WordPress-sivustosi admin-osioon. Voit käsitellä useimmat WordPress asetukset täältä.

  • WordPress
    miten kirjautua WordPress sivuston Admin Dashboard
    Adi Purdila

valitse Appearance, joka sisältää kaikki asetukset siitä, miltä sivustosi näyttää. Sinua pyydetään valitsemaan teema. Valitse Twenty kaksikymmentäyksi teemaksi (tai muu teema, jonka avulla voit olla taustakuvan).

vie nyt ulkonäkövalikon yli ja napsauta taustaa. Teeman muokkausikkuna ilmestyy ja voit valita taustakuvan.

taustakuvataustakuvataustakuva

Nyt, Valitse kuva ja joko Valitse kuva WordPress-kirjastostasi tai lataa kuva.

voit asettaa taustakuvan yksityiskohdat, kuten alt-tekstin, otsikon, kuvatekstin ja kuvauksen. Jos keskityt SEO, se on aina hyvä idea lisätä alt tekstiä.

taustakuvan yksityiskohdattaustakuvan yksityiskohdattaustakuvan yksityiskohdat

kun olet valinnut kuvan ja tallentanut asetukset, WordPress-taustakuvasi muuttuu. Nyt, voit tutkia eri valmiiksi vaihtoehtoja(täytä näyttö, sovi näyttö, jne.), jonka avulla voit saada taustakuvan näyttämään juuri siltä, miltä haluat sen.

esiasetuksetesiasetuksetesiasetukset

Muista napsauttaa Tallenna muutokset-painiketta vasemmassa yläkulmassa tai muutoksiasi ei tallenneta.

Vaihtoehto 2. Lisää taustakuva WordPress Plugins

käyttämällä plugins tehdä muutoksia ulkoasua sivustosi on suositeltavaa vain, jos sinulla on itse hallinnoitu WordPress sivuston tai jos olet sijoittanut maksettu suunnitelma WordPress.com. jos päätät käyttää plugins kanssa ilmaiseksi WordPress.com tili, verkkotunnuksesi muuttuu .wordpress.com to .wpcomstaging.com, joka ei ole ihanteellinen.

liitännäiset tarjoavat paljon ominaisuuksia ja toiminnallisuutta WordPress-sivustollesi. Esimerkiksi, jossa tausta plugin, voit lisätä erilaisia taustoja useilla alueilla sivustosi: viestit, sivut, ja luokat. Voit myös asettaa YouTube-videon taustaksi yhdellä liitännäisellä. Liitännäiset voivat myös muuttaa puhelimien kuvien ja videoiden kokoa, jotta yleisö voi helposti nauttia sivustostasi puhelimistaan.

  • WordPress
    mikä on WordPress-liitännäinen?
    Rachel McCollin
  • WordPress
    17 parasta Videotaustaliitännäistä WordPress
    Nona Blackman

tätä opetusohjelma, käytämme hyvin perus ilmainen plugin. Sitä kutsutaan yksinkertainen Koko näytön taustakuvan plugin.

kun olet aktivoinut liitännäisen, siirrä hiiresi ulkonäön päälle. Nyt, klikkaa uusi vaihtoehto, Fullscreen bg Kuva.

Fullscreen bg ImageFullscreen bg ImageFullscreen bg Image

napsauta Valitse kuva ja lataa haluamasi kuva WordPress-taustakuvaksi. Voit myös valita kuvan Mediakirjastostasi, jos olet aiemmin lisännyt haluamasi taustakuvan sinne.

Valitse kuvaValitse kuvaValitse kuva

voit halutessasi lisätä yksityiskohtia, kuten alatekstin, kuvatekstin ja kuvan kuvauksen. Valitse Käytä kuvaa ja tallenna asetukset.

suuntaa nyt verkkosivuillesi katsomaan, miltä WordPress – taustakuvasi näyttää.

vaihtoehto 3. Lisää taustakuvia CSS: llä

uudelleen, lisätäksesi taustakuvan CSS: llä, sinun tulee olla itse isännöimäsi WordPress-sivusto tai tilata maksullinen suunnitelma WordPress.com. Custom CSS ei vain avulla voit lisätä taustakuvan, mutta voit myös tehdä erilaisia muutoksia ulkoasua sivustosi, jotta se näyttää siltä, miten haluat.

Siirry WordPress-kojelautaan ja napsauta ulkonäkö > lisä CSS.

ylimääräinen CSSylimääräinen CSSylimääräinen CSS

nyt lisää nämä koodirivit CSS-kenttään asettaaksesi WordPress-taustakuvan.

body { background-image: url("https://theimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

korvaa http://theimageurl sen kuvan URL, jota haluat käyttää WordPress-taustakuvana.

Voit myös lisätä omia taustoja ja kuvia yksittäisiin julkaisuihin WordPress-verkkosivustollasi. Voit tehdä sen, tarvitset tämän koodin:

body.category-slug { background-image: url("http://anotherimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

aivan kuten aiemminkin, sinun on korvattava http://anotherimageurl sen kuvan URL-osoitteella, jota haluat käyttää. Sinun on myös korvattava slug sivustosi olemassa olevan luokan nimellä.

kun olet tehnyt muutokset CSS: ssä, älä unohda napsauttaa Tallenna muutokset-painiketta tallentaaksesi kaikki muutokset. Nyt voit vierailla sivustossasi nähdäksesi uuden taustakuvan!

kiinnitä huomiota kuvan kokoon

ennen kuin lataat mitään kuvaa WordPress-sivustollesi, keskity sen kokoon. On houkuttelevaa lisätä laadukas visuaalinen. Tämä voi kuitenkin lisätä sivustosi latausnopeutta. Ei kuulosta isolta jutulta.; kuitenkin, hitaampi sivustosi on, sitä suurempi bounce korko, eli enemmän ihmisiä jättää sivuston ennen lukemista tai nähdä sen sisällön. Tämä puolestaan vaikuttaa käännytyksiin. Google on sanonut, että kaksi sekuntia on ihanteellinen Sivuston nopeus, varsinkin jos pyörität liiketoimintaa.

toisaalta huonolaatuisten kuvien lisääminen vain pienemmän koon vuoksi voi myös vaikuttaa käyttäjäkokemukseen negatiivisesti. Ihanteellinen käytäntö on siis säilyttää tasapaino ja lisätä hyvälaatuisia kuvia, mutta vain silloin, kun se on tarpeen—silloin ne tuovat lisäarvoa sisällöllesi ja vain tarvittavalle resoluutiolle.

Yhteenveto

tässä opetusohjelmassa näytin kolme tapaa asettaa WordPress-taustakuva.

  1. taustakuvan lisääminen teeman ulkonäköasetusten kautta
  2. käyttämällä liitännäistä taustakuvan lisäämiseksi
  3. mukautetun CSS: n lisääminen

Saatat tai et tarvitse taustakuvaa WordPress-verkkosivustollesi. Kuitenkin, jos haluat olla taustakuvan, tiedä, että se on merkittävä tekijä, joka asettaa brändin tyyli yleisöllesi. Joten varmista, että WordPress taustakuvan heijastaa brändin kuvan.

Leave a Reply