{"id":133405,"date":"2024-11-12T11:20:50","date_gmt":"2024-11-12T09:20:50","guid":{"rendered":"https:\/\/www.zoner.fi\/tuki\/?page_id=133405"},"modified":"2025-09-25T16:42:49","modified_gmt":"2025-09-25T13:42:49","slug":"miten-lisaan-kuvan-zoner-kotisivukone-sivustolleni","status":"publish","type":"page","link":"https:\/\/www.zoner.fi\/tuki\/kotisivukone\/zoner\/miten-lisaan-kuvan-zoner-kotisivukone-sivustolleni\/","title":{"rendered":"Miten lis\u00e4\u00e4n kuvan Zoner Kotisivukone -sivustolleni?"},"content":{"rendered":"\n

T\u00e4ss\u00e4 oppaassa kerromme, miten voit lis\u00e4t\u00e4 Zoner Kotisivukone -sivustollesi kuvan ja muokata sen asetuksia, kuten ulkoasua, linkityst\u00e4 ja vaihtoehtoista teksti\u00e4.<\/p>\n\n\n\n

    \n
  1. Avaa Zoner Kotisivukone.<\/li>\n\n\n\n
  2. Ved\u00e4\u00a0Kuva<\/strong>-komponentti vasemmasta valikosta ty\u00f6tilaasi.<\/li>\n\n\n\n
  3. Valitse lis\u00e4tt\u00e4v\u00e4 kuva tai lataa se tietokoneeltasi tai ulkoisesta URL-osoitteesta.<\/li>\n\n\n\n
  4. S\u00e4\u00e4d\u00e4 tarvittaessa kuvakomponentin kokoa ja paikkaa sivulla.<\/li>\n\n\n\n
  5. Valitse kuva ja napsauta \u201dMuokkaa kuvaa<\/strong>\u201d s\u00e4\u00e4t\u00e4\u00e4ksesi sen\u00a0asetuksia. Lue niist\u00e4 lis\u00e4\u00e4 alempana.<\/li>\n\n\n\n
  6. Klikkaa\u00a0Tallenna<\/strong>\u00a0ja\u00a0Julkaise<\/strong>, jotta kuva n\u00e4kyy sivustollasi.<\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Kuvakomponentin ominaisuudet<\/h2>\n\n\n\n

    Muokkaa kuvan asetuksia k\u00e4ytt\u00e4m\u00e4ll\u00e4 sen yl\u00e4- tai alapuolella olevaa valikkoa tai siirrett\u00e4v\u00e4\u00e4 kelluvaa valikkoa.<\/p>\n\n\n\n

    1. Yl\u00e4\/alavalikko<\/h3>\n\n\n\n
      \n
    • \u00a0Linkit\u00e4:\u00a0<\/strong>Voit muuttaa kuvan linkiksi. Napsauta\u00a0ketjukuvaketta<\/strong>\u00a0ja m\u00e4\u00e4rit\u00e4 sijainti, johon haluat linkitt\u00e4\u00e4.<\/li>\n\n\n\n
    • \u00a0Kierr\u00e4<\/strong>: Kierr\u00e4 kuvaa vasemmalle tai oikealle.<\/li>\n\n\n\n
    • \u00a0Skaalaa kuvaa<\/strong>: T\u00e4m\u00e4n liukus\u00e4\u00e4timen avulla voit l\u00e4hent\u00e4\u00e4 ja loitontaa kuvaa muuttamatta komponentin kokoa.<\/li>\n\n\n\n
    • \u00a0Korvaa kuva<\/strong>: Napsauttamalla t\u00e4t\u00e4 painiketta voit valita toisen kuvan.<\/li>\n<\/ul>\n\n\n\n

      2. Kelluva valikko<\/h3>\n\n\n\n
        \n
      • \u00a0Skaalaus<\/strong>: Valitse, miten kuva k\u00e4ytt\u00e4ytyy komponentin kokoa muutettaessa.
        – Rajaa:<\/strong>\u00a0S\u00e4ilytt\u00e4\u00e4 kuvan skaalauksen komponentin koosta riippumatta.
        – Sovita:<\/strong>\u00a0S\u00e4\u00e4t\u00e4\u00e4 komponentin kokoa niin, ett\u00e4 se sopii kuvaan.
        – Venyt\u00e4:<\/strong>\u00a0Muuttaa kuvan skaalausta komponentin koon mukaan.<\/li>\n\n\n\n
      • \u00a0Reunus:\u00a0<\/strong>Klikkaa t\u00e4t\u00e4, jos haluat lis\u00e4t\u00e4 kuvaan reunuksen. Voit valita sen v\u00e4rin, peitt\u00e4vyyden ja leveyden. Voit my\u00f6s py\u00f6rist\u00e4\u00e4 kuvan kulmat.<\/li>\n\n\n\n
      • \u00a0Napsautettaessa:\u00a0<\/strong>Valitse, mit\u00e4 tapahtuu, kun k\u00e4ytt\u00e4j\u00e4 napsauttaa kuvaa: ei mit\u00e4\u00e4n, n\u00e4yt\u00e4 iso kuva tai avaa linkki.<\/li>\n\n\n\n
      • \u00a0SEO:\u00a0<\/strong>T\u00e4\u00e4ll\u00e4 voit kirjoittaa kuvallesi vaihtoehtoisen (alt) otsikon. T\u00e4m\u00e4 teksti n\u00e4ytet\u00e4\u00e4n silloin, kun kuvaa ei voida n\u00e4ytt\u00e4\u00e4, ja se toimii vaihtoehtoisena tekstin\u00e4.
        Alt-tekstin lis\u00e4\u00e4minen<\/strong>\u00a0on t\u00e4rke\u00e4\u00e4 saavutettavuuden ja hakukoneoptimoinnin (SEO) kannalta. Tarkat tekstimuotoiset kuvailut kuvista auttavat hakukoneita ymm\u00e4rt\u00e4m\u00e4\u00e4n niiden sis\u00e4lt\u00f6\u00e4 ja kontekstia, mik\u00e4 parantaa sivustosi n\u00e4kyvyytt\u00e4 hakutuloksissa. Lis\u00e4ksi vaihtoehtoinen teksti parantaa sivustosi saavutettavuutta k\u00e4ytt\u00e4jille, jotka eiv\u00e4t voi katsella kuvia.<\/li>\n\n\n\n
      • \u00a0Mobiilin\u00e4kym\u00e4<\/strong>: T\u00e4\u00e4ll\u00e4 voit piilottaa kuvan mobiilin\u00e4kym\u00e4st\u00e4 tai siirt\u00e4\u00e4 sen sivun alareunaan, jos kuva on osa malliasi.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

        T\u00e4ss\u00e4 oppaassa kerromme, miten voit lis\u00e4t\u00e4 Zoner Kotisivukone -sivustollesi kuvan ja muokata sen asetuksia, kuten ulkoasua, linkityst\u00e4 ja vaihtoehtoista teksti\u00e4. Kuvakomponentin ominaisuudet Muokkaa kuvan asetuksia k\u00e4ytt\u00e4m\u00e4ll\u00e4 sen yl\u00e4- tai alapuolella olevaa valikkoa tai siirrett\u00e4v\u00e4\u00e4 kelluvaa valikkoa. 1. Yl\u00e4\/alavalikko 2. Kelluva valikko<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":137385,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"130657,130722,132254,132144,132140,132080","_relevanssi_noindex_reason":"","footnotes":""},"categories":[166],"tags":[164],"wf_page_folders":[],"class_list":{"0":"post-133405","1":"page","2":"type-page","3":"status-publish","5":"category-zoner-kotisivukone","6":"tag-kuvat"},"_links":{"self":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/comments?post=133405"}],"version-history":[{"count":3,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133405\/revisions"}],"predecessor-version":[{"id":133475,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133405\/revisions\/133475"}],"up":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/137385"}],"wp:attachment":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/media?parent=133405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/categories?post=133405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/tags?post=133405"},{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/wf_page_folders?post=133405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}