Tässä oppaassa kerromme, miten voit lisätä one.com Website Builder -sivustollesi kuvan, ja mukauttaa sen asetuksia, kuten ulkoasua, linkitystä ja vaihtoehtoista tekstiä.
- Kirjaudu one.com ohjauspaneeliisi ja avaa Website Builder.
- Vedä Kuva-komponentti vasemmasta valikosta työtilaasi.
- Valitse lisättävä kuva tai lataa se tietokoneeltasi tai ulkoisesta URL-osoitteesta.
- Säädä kuvakomponentin kokoa ja paikkaa sivulla mieleiseksesi.
- Valitse kuva ja napsauta ”Muokkaa kuvaa” säätääksesi sen ominaisuuksia.
- Klikkaa Tallenna ja Julkaise, jotta kuva näkyy sivustollasi.
Kuvakomponentin ominaisuudet
Käyttämällä kuvan ylä- tai alapuolella olevaa valikkoa tai siirrettävää kelluvaa valikkoa voit säätää sitä, miten kuvasi näytetään sivustollasi.
1 - Ylä/alavalikko
- Linkitä - Voit muuttaa kuvan linkiksi. Napsauta ketjukuvaketta ja määritä sijainti, johon haluat linkittää.
- Kierrä - Kierrä kuvaa vasemmalle tai oikealle.
- Skaalaa kuvaa - Tämän liukusäätimen avulla voit lähentää ja loitontaa kuvaa muuttamatta komponentin kokoa.
- Korvaa kuva - Napsauttamalla tätä painiketta voit valita toisen kuvan.
2 - Kelluva valikko
-
Skaalaus - Valitse, miten haluat kuvan käyttäytyvän, kun muutat komponentin kokoa.
- Rajaa: säilyttää kuvan skaalauksen komponentin koosta riippumatta.
- Sovita: säätää komponentin kokoa niin, että se sopii kuvaan.
- Venytä: muuttaa kuvan skaalausta komponentin koon mukaan. - Reunus – Klikkaa tätä, jos haluat lisätä kuvaan reunuksen. Voit valita sen värin, peittävyyden ja leveyden. Voit myös pyöristää kuvan kulmat.
- Napsautettaessa - Valitse, mitä tapahtuu, kun käyttäjä napsauttaa kuvaa: ei mitään, näytä iso kuva tai avaa linkki.
-
SEO - Täällä voit kirjoittaa kuvallesi vaihtoehtoisen (alt) otsikon. Tämä teksti näytetään silloin, kun kuvaa ei voida näyttää, ja se toimii vaihtoehtoisena tekstinä.
"Alt" -tekstin lisääminen on ratkaisevan tärkeää hakukoneoptimoinnin (SEO) kannalta. Tarkat tekstimuotoiset kuvailut kuvista auttavat hakukoneita ymmärtämään niiden sisältöä ja kontekstia, mikä parantaa verkkosivustosi näkyvyyttä hakutuloksissa. Lisäksi vaihtoehtoinen teksti parantaa sivustosi saavutettavuutta käyttäjille, jotka eivät voi katsella kuvia. - Mobiilinäkymä - Täällä voit piilottaa kuvan mobiilinäkymässä tai siirtää sen sivun alareunaan, jos kuva on osa malliasi.
Aiheeseen liittyviä artikkeleita: