TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Eri taustakuva Weeblyn eri sivuille

4

Weebly -taustakuvan mukauttaminen

Weebly tarjoaa yli 100 mallia, joissa on kiinteä taustakuva, tässä artikkelissa selitämme seuraavat kaksi mahdollisuutta muuttaa taustakuvaa Weebly -teemassa.

  • Vaihda kaikkien sivujen taustakuva
  • Aseta eri taustakuvia eri sivuille

Molemmissa tapauksissa sinun on valmisteltava omat taustakuvasi, jotka sopivat sivustosi malliin. Voit myös käyttää Weebly -taustakuvan muokkausohjelmaa.

Sivustosi taustakuvan muuttaminen

  • Valmista malli, joka sopii mallisi suunnitteluun ja navigointiin.
  • Kirjaudu Weebly -tiliisi ja muokkaa sivustoa, jonka taustakuvan haluat muuttaa.
  • Siirry Weebly -editorissa "Suunnittelu" -välilehdelle ja napsauta "Muokkaa HTML/CSS" -painiketta.
  • Napsauta "Lisää uusia tiedostoja" "Tiedostot" -osiossa ja lataa taustakuvasi.

Eri taustakuva Weeblyn eri sivuille

Muuta Weebly -sivuston taustakuvaa

  • Siirry kohtaan "main-style.css", joka on käytettävissä "CSS" -osiossa.
  • Etsi CSS: n runko ja korvaa runko -osan viimeinen rivi. Yleensä se on jotain seuraavanlaista:
background: url(main-bg.jpg) repeat;
  • Korvaa rivi alla olevalla koodilla:
background: url (Your-Background-Image-Name.jpg) repeat;
  • Jos nimesit lataamasi taustakuvan muotoon image1.jpg, koodi näyttää seuraavanlaiselta:
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#5a5a5a; background: url(image1.jpg) repeat; }
  • Tallenna teema ja julkaise verkkosivusto. Avaa sivusto selaimessa ja tarkista, että taustakuva on vaihdettu uuteen kuvaan lataamisen yhteydessä.

Erilaisten taustakuvien asettaminen sivustosi eri sivuille

  • Lataa kuvatiedostot noudattamalla samoja ohjeita yllä olevassa menetelmässä. Täällä sinun on ladattava useita kuvia, joita tarvitaan näyttämiseen sivustosi eri sivuilla.
  • Nimeä kuvat nimellä image1.jpg, image2.jpg ja niin edelleen.
  • Siirry " Sivut " -välilehdelle ja valitse sivu, jonka haluat muuttaa taustakuvana.
  • Napsauta "Lisäasetukset" -vaihtoehtoa ja liitä alla oleva koodi "Otsikkokoodi" -osaan alla olevan kuvan mukaisesti.

Eri taustakuva Weeblyn eri sivuille

Muuta Weebly -sivun taustakuvaa

  • Tässä "image1.jpg” on lataamasi taustakuvan nimi.
  • Liitä sama koodi eri sivujen otsikkokoodiosioon muuttamalla kuvan nimeksi "image2.jpg", "image3.jpg" jne.
  • Julkaise sivustosi ja eri sivut näyttävät erilaisia ​​taustakuvia, kun sivusto ladataan selaimeen.

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. HyväksyäLisätietoja