Tässä oppaassa kerromme, miten voit lisätä Zoner Kotisivukone -sivustollesi kuvan ja muokata sen asetuksia, kuten ulkoasua, linkitystä ja vaihtoehtoista tekstiä.
- Avaa Zoner Kotisivukone.
- Vedä Kuva-komponentti vasemmasta valikosta työtilaasi.
- Valitse lisättävä kuva tai lataa se tietokoneeltasi tai ulkoisesta URL-osoitteesta.
- Säädä tarvittaessa kuvakomponentin kokoa ja paikkaa sivulla.
- Valitse kuva ja napsauta ”Muokkaa kuvaa” säätääksesi sen asetuksia. Lue niistä lisää alempana.
- Klikkaa Tallenna ja Julkaise, jotta kuva näkyy sivustollasi.
Kuvakomponentin ominaisuudet
Muokkaa kuvan asetuksia käyttämällä sen ylä- tai alapuolella olevaa valikkoa tai siirrettävää kelluvaa valikkoa.
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 kuva käyttäytyy komponentin kokoa muutettaessa.
– 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 tärkeää saavutettavuuden ja hakukoneoptimoinnin (SEO) kannalta. Tarkat tekstimuotoiset kuvailut kuvista auttavat hakukoneita ymmärtämään niiden sisältöä ja kontekstia, mikä parantaa sivustosi 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ästä tai siirtää sen sivun alareunaan, jos kuva on osa malliasi.
