{"id":134482,"date":"2024-11-12T11:41:55","date_gmt":"2024-11-12T09:41:55","guid":{"rendered":"https:\/\/www.zoner.fi\/tuki\/?page_id=134482"},"modified":"2025-09-25T16:42:24","modified_gmt":"2025-09-25T13:42:24","slug":"galleria-komponentti-zoner-kotisivukoneessa","status":"publish","type":"page","link":"https:\/\/www.zoner.fi\/tuki\/kotisivukone\/zoner\/galleria-komponentti-zoner-kotisivukoneessa\/","title":{"rendered":"Galleria-komponentti Zoner Kotisivukoneessa"},"content":{"rendered":"\n<p>Zoner Kotisivukoneen Galleria-komponentin avulla voit lis\u00e4t\u00e4 sivulle useita kuvia ruudukkona tai diaesityksen\u00e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h_01GJ0E3CM4KMDWYYC41KFF7X0S\">Lis\u00e4\u00e4 Galleria-komponentti sivulle<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Avaa\u00a0Zoner Kotisivukoneen editori.<\/li>\n\n\n\n<li>Napsauta vasemmassa valikossa\u00a0<strong>Galleria<\/strong>\u00a0ja valitse jokin gallerioista.<\/li>\n\n\n\n<li>Ved\u00e4 galleria-komponentti sivulle siihen paikkaan, johon haluat sijoittaa sen.<\/li>\n\n\n\n<li>Valitse kuvat, jotka haluat lis\u00e4t\u00e4, tai lataa ne tietokoneeltasi tai ulkoisesta URL-osoitteesta. Napsauta ponnahdusikkunan alareunassa\u00a0<strong>Lis\u00e4\u00e4 sivulle<\/strong>.<\/li>\n\n\n\n<li>Muuta galleriakomponentin kokoa ja sijaintia haluamallasi tavalla.<\/li>\n\n\n\n<li>Napsauta komponentin yl\u00e4osassa <strong>Gallerian asetukset<\/strong>\u00a0s\u00e4\u00e4t\u00e4\u00e4ksesi gallerian\u00a0asetuksia. Alla kerromme tarkemmin erilaisista asetuksista.<\/li>\n\n\n\n<li>Julkaise galleria sivustolla napsauttamalla\u00a0<strong>Tallenna<\/strong>\u00a0ja\u00a0<strong>Julkaise<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h_01GJ0E3RD1STNJGZZB2FYWS0CR\">Vaihda kuvia ja lis\u00e4\u00e4 uusia<\/h2>\n\n\n\n<p>Jos napsautat sivulla olevaa galleriaa, n\u00e4et kaksi vaihtoehtoa:\u00a0<strong>Gallerian asetukset<\/strong>\u00a0ja\u00a0<strong>Muuta kuvia<\/strong>.<\/p>\n\n\n\n<p>Napsauta&nbsp;<strong>Muuta kuvia<\/strong>&nbsp;-v\u00e4lilehte\u00e4 vaihtaaksesi galleriassa n\u00e4kyvi\u00e4 kuvia. Voit poistaa kuvan napsauttamalla sen kulmassa olevaa roskakorikuvaketta tai muokata sit\u00e4 napsauttamalla kyn\u00e4kuvaketta.<\/p>\n\n\n\n<p>Lis\u00e4\u00e4 galleriaan uusia kuvia napsauttamalla oikeassa yl\u00e4kulmassa\u00a0<strong>Lis\u00e4\u00e4 kuvia.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-1-1024x616.png\" alt=\"\" class=\"wp-image-134483\" srcset=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-1-1024x616.png 1024w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-1-300x181.png 300w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-1-768x462.png 768w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-1.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"step-1\">Galleria-komponentin asetukset<\/h2>\n\n\n\n<p>Kun napsautat galleria-komponentin\u00a0<strong>Gallerian asetukset<\/strong>\u00a0-v\u00e4lilehte\u00e4, n\u00e4et kaksi valikkoa:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Yl\u00e4- tai alapuolen valikko<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00a0<strong>Sarakkeet<\/strong> \u2013<strong>\u00a0<\/strong>S\u00e4\u00e4d\u00e4 sarakkeiden m\u00e4\u00e4r\u00e4\u00e4.<\/li>\n\n\n\n<li>\u00a0<strong>V\u00e4lit <\/strong>\u2013\u00a0S\u00e4\u00e4d\u00e4 kuvien v\u00e4list\u00e4 tyhj\u00e4\u00e4 tilaa.<\/li>\n\n\n\n<li>\u00a0<strong>Rajaa<\/strong> \u2013 Valitse t\u00e4m\u00e4 ruutu, jos haluat, ett\u00e4 kaikki gallerian kuvat rajataan samankokoisiksi.<\/li>\n\n\n\n<li>\u00a0<strong>Kompakti n\u00e4kym\u00e4<\/strong>\u00a0&#8211; Valitse t\u00e4m\u00e4 ruutu, jos haluat, ett\u00e4 kuvat sovitetaan sinisten marginaalien sis\u00e4puolelle.<\/li>\n\n\n\n<li>\u00a0<strong>T\u00e4ysi leveys<\/strong>\u00a0\u2013 Valitse t\u00e4m\u00e4 ruutu, jos haluat, ett\u00e4 galleria kattaa sivun koko leveyden.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Kelluva valikko<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Napsautettaessa<\/strong> \u2013<strong>\u00a0<\/strong>Valitse, mit\u00e4 tapahtuu, kun k\u00e4ytt\u00e4j\u00e4 napsauttaa kuvaa. Vaihtoehtoja ovat ei mit\u00e4\u00e4n, n\u00e4yt\u00e4 iso kuva tai avaa linkki.<\/li>\n\n\n\n<li><strong>Kuvatekstit<\/strong> \u2013\u00a0Valitse t\u00e4m\u00e4, jos haluat lis\u00e4t\u00e4 kuvatekstej\u00e4 gallerian kuviin. Napsauta <strong>Hallinnoi kuvatekstej\u00e4<\/strong> kirjoittaaksesi kuvatekstit ja vaihtoehtoiset tekstit. Voit valita my\u00f6s kuvatekstien tasauksen ja tyylin.<\/li>\n\n\n\n<li><strong>Kuvan tyyli <\/strong>\u2013 T\u00e4\u00e4ll\u00e4 voit muuttaa kuvan kuvasuhteen esimerkiksi vaakakuvaksi tai pystykuvaksi. Voit my\u00f6s lis\u00e4t\u00e4 reunukset ja py\u00f6ristetyt kulmat.<\/li>\n\n\n\n<li><strong>T\u00e4ysi leveys<\/strong>\u00a0\u2013 T\u00e4ss\u00e4 voit s\u00e4\u00e4t\u00e4\u00e4 gallerian koko leveyden sinisten marginaalien ulkopuolelle (t\u00e4ysi leveys) tai niiden sis\u00e4puolelle (oletus).<\/li>\n\n\n\n<li><strong>Mobiilin\u00e4kym\u00e4<\/strong>\u00a0\u2013 Jos kuva on osa mallia, voit lukita sen sivun loppuun. Avaa Mobiilin\u00e4kym\u00e4editori, jos haluat tehd\u00e4 muita muutoksia, kuten piilottaa kuvan mobiilin\u00e4kym\u00e4ss\u00e4.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-2-1024x615.png\" alt=\"\" class=\"wp-image-134484\" srcset=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-2-1024x615.png 1024w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-2-300x180.png 300w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-2-768x462.png 768w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-galleria-komponentti-2.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Zoner Kotisivukoneen Galleria-komponentin avulla voit lis\u00e4t\u00e4 sivulle useita kuvia ruudukkona tai diaesityksen\u00e4. Lis\u00e4\u00e4 Galleria-komponentti sivulle Vaihda kuvia ja lis\u00e4\u00e4 uusia Jos napsautat sivulla olevaa galleriaa, n\u00e4et kaksi vaihtoehtoa:\u00a0Gallerian asetukset\u00a0ja\u00a0Muuta kuvia. Napsauta&nbsp;Muuta kuvia&nbsp;-v\u00e4lilehte\u00e4 vaihtaaksesi galleriassa n\u00e4kyvi\u00e4 kuvia. Voit poistaa kuvan napsauttamalla sen kulmassa olevaa roskakorikuvaketta tai muokata sit\u00e4 napsauttamalla kyn\u00e4kuvaketta. Lis\u00e4\u00e4 galleriaan uusia kuvia napsauttamalla oikeassa &#8230; <a title=\"Galleria-komponentti Zoner Kotisivukoneessa\" class=\"read-more\" href=\"https:\/\/www.zoner.fi\/tuki\/kotisivukone\/zoner\/galleria-komponentti-zoner-kotisivukoneessa\/\" aria-label=\"Lue lis\u00e4\u00e4 aiheesta Galleria-komponentti Zoner Kotisivukoneessa\">Lue lis\u00e4\u00e4<\/a><\/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":"130269,130616,132278,132348,130722,130667","_relevanssi_noindex_reason":"","footnotes":""},"categories":[166],"tags":[164],"wf_page_folders":[],"class_list":{"0":"post-134482","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\/134482","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=134482"}],"version-history":[{"count":4,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/134482\/revisions"}],"predecessor-version":[{"id":134488,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/134482\/revisions\/134488"}],"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=134482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/categories?post=134482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/tags?post=134482"},{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/wf_page_folders?post=134482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}