Miten lisään kuvan Website Builder -sivustolleni?

Tässä oppaassa kerromme, miten voit lisätä one.com Website Builder -sivustollesi kuvan, ja muokata sen asetuksia, kuten ulkoasua, linkitystä ja vaihtoehtoista tekstiä.

1. Kirjaudu one.com-ohjauspaneeliin ja klikkaa Website Builder.
2. Vedä Kuva-komponentti vasemmasta valikosta työtilaasi.
3. Valitse lisättävä kuva tai lataa se tietokoneeltasi tai ulkoisesta URL-osoitteesta.
4. Säädä kuvan kokoa ja sijoita se haluamaasi paikkaan sivulla.
5. Valitse kuva ja klikkaa Muokkaa kuvaa säätääksesi kuvan ominaisuuksia.
6. Klikkaa Tallenna ja Julkaise, jotta kuva näkyy sivustollasi.

Kuvakomponentin ominaisuudet

Kuvan asetuksia voi säätää sen ylä- tai alapuolella olevasta valikosta sekä siirrettävästä, kelluvasta valikosta.

1 - Ylä-/alavalikko

• Linkki - Voit muuttaa kuvan linkiksi. Klikkaa ketjukuvaketta ja määritä sijainti, johon haluat linkittää.
• Kierrä - Kierrä kuvaa vasemmalle tai oikealle.
• Skaalaa kuvaa - Tämän liukusäätimen avulla voit zoomata kuvaa muuttamatta komponentin kokoa.
• Korvaa kuva - Klikkaa tätä painiketta, jos haluat 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ä klikkaa kuvaa: ei mitään, näytä iso kuva tai avaa linkki.
• SEO - Tässä voit syöttää kuvalle vaihtoehtoisen (alt) otsikon. Tämä teksti näytetään, jos kuvaa ei voida näyttää, ja se toimii myös alt-tekstinä. Alt-tekstin lisääminen on tärkeää hakukoneoptimoinnin kannalta. Alt-teksti auttaa hakukoneita ymmärtämään kuvan sisältöä ja kontekstia, mikä parantaa sivuston näkyvyyttä hakutuloksissa. Alt-tekstit parantavat myös sivuston saavutettavuutta niille käyttäjille, jotka eivät näe kuvia.
• Mobiilinäkymä - Täällä voit piilottaa kuvan mobiilinäkymässä tai siirtää sen sivun alareunaan, jos kuva on osa malliasi.
• Animaatio - Lisää animaatiotehoste, jotta kuva erottuu sivustolla vieläkin paremmin. Voit valita häivytys-, liu-utus- tai pomppuefektin.

Aiheeseen liittyviä artikkeleita:

• Animaatioiden käyttäminen Website Builderissä
• Galleria- ja kuvaliukusäädinkomponenttien käyttäminen Website Builderissä