{"id":133253,"date":"2024-11-12T11:47:43","date_gmt":"2024-11-12T09:47:43","guid":{"rendered":"https:\/\/www.zoner.fi\/tuki\/?page_id=133253"},"modified":"2025-09-25T16:43:10","modified_gmt":"2025-09-25T13:43:10","slug":"mobiilinakymaeditorin-kaytto-zoner-kotivukoneessa","status":"publish","type":"page","link":"https:\/\/www.zoner.fi\/tuki\/kotisivukone\/zoner\/mobiilinakymaeditorin-kaytto-zoner-kotivukoneessa\/","title":{"rendered":"Mobiilin\u00e4kym\u00e4editorin k\u00e4ytt\u00f6 Zoner Kotivukoneessa"},"content":{"rendered":"\n<p>Zoner Kotisivukoneen mobiilin\u00e4kym\u00e4editorin avulla voit sovittaa kotisivusi mobiililaitteita varten ilman, ett\u00e4 tekem\u00e4si muutokset vaikuttavat sivustosi tietokoneversioon.<\/p>\n\n\n\n<p>Voit:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#piilota-elementteja-mobiilinakymasta\">Piilottaa elementtej\u00e4 mobiilin\u00e4kym\u00e4st\u00e4<\/a><\/li>\n\n\n\n<li><a href=\"#muuta-fonttikokoa\">Muuttaa fonttikokoa<\/a><\/li>\n\n\n\n<li><a href=\"#saada-painikkeiden-tasausta\">S\u00e4\u00e4t\u00e4\u00e4 painikkeiden tasausta<\/a><\/li>\n\n\n\n<li><a href=\"#muokkaa-otsikkoa-ja-valikkoa\">Muokata otsikkoa ja valikkoa<\/a><\/li>\n\n\n\n<li><a href=\"#muuta-komponenttien-jarjestysta\">Muuttaa komponenttien j\u00e4rjestyst\u00e4<\/a><\/li>\n\n\n\n<li><a href=\"#lukitse-komponentit-alareunaan\">Lukita komponentit alareunaan<\/a><\/li>\n<\/ul>\n\n\n\n<p>Kehit\u00e4mme Zoner Kotisivukonetta jatkuvasti. Jotkut muutokset ovat kuitenkin havaittavissa vasta, kun olet julkaissut sivustosi uudelleen. T\u00e4st\u00e4 syyst\u00e4 suosittelemme, ett\u00e4 julkaiset sivustosi uudelleen ennen mobiilin\u00e4kym\u00e4n muokkaamista.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"piilota-elementteja-mobiilinakymasta\">Piilota elementtej\u00e4 mobiilin\u00e4kym\u00e4st\u00e4<\/h2>\n\n\n\n<p>Voit piilottaa sivuston osioita, jotka eiv\u00e4t sovellu mobiilin\u00e4kym\u00e4\u00e4n. T\u00e4llainen voi olla esimerkiksi suurikokoinen otsikko.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Valitse piilotettava komponentti ja piilota se napsauttamalla oikealla n\u00e4kyv\u00e4\u00e4 silm\u00e4kuvaketta.<\/li>\n\n\n\n<li>Komponentti n\u00e4kyy nyt&nbsp;<strong>Piilotetut elementit<\/strong>&nbsp;-kohdan luettelossa vasemmalla.<\/li>\n\n\n\n<li>Jos haluat palauttaa komponentin n\u00e4kyv\u00e4ksi, napsauta Piilotetut elementit -kohdan +-kuvaketta.<\/li>\n<\/ul>\n\n\n\n<p><strong>Vinkki:<\/strong>&nbsp;Seuraavista n\u00e4pp\u00e4inkomennoista voi olla hy\u00f6ty\u00e4, kun muokkaat sivuston mobiilin\u00e4kym\u00e4\u00e4:&nbsp;<strong>Ctrl\/Cmd+J<\/strong>&nbsp;vaihtaa mobiili- ja ty\u00f6p\u00f6yt\u00e4editorin v\u00e4lill\u00e4, ja&nbsp;<strong>Ctrl\/Cmd+P<\/strong>&nbsp;tuo n\u00e4kyviin sivuston esikatselun.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-mobiilinakyma-1-1024x692.png\" alt=\"\" class=\"wp-image-134506\" srcset=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-mobiilinakyma-1-1024x692.png 1024w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-mobiilinakyma-1-300x203.png 300w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-mobiilinakyma-1-768x519.png 768w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/10\/kotisivukone-mobiilinakyma-1.png 1324w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"muuta-fonttikokoa\">Muuta fonttikokoa<\/h2>\n\n\n\n<p>Voit pienent\u00e4\u00e4 tai suurentaa fonttikokoa sek\u00e4 muuttaa tekstin tasausta. Napsauta mukautettavaa teksti\u00e4, niin n\u00e4et seuraavat vaihtoehdot:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pienenn\u00e4 tai suurenna teksti\u00e4 napsauttamalla&nbsp;<strong>A-<\/strong>&nbsp;ja&nbsp;<strong>A+<\/strong>&nbsp;-kuvakkeita.<\/li>\n\n\n\n<li>Valitse tekstin tasaus nelj\u00e4st\u00e4 eri vaihtoehdosta.<\/li>\n\n\n\n<li>Tyhjenn\u00e4 kaikki muotoiluasetukset ja palauta oletustila napsauttamalla&nbsp;<strong>Tx<\/strong>&nbsp;-painiketta.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"saada-painikkeiden-tasausta\">S\u00e4\u00e4d\u00e4 painikkeiden tasausta<\/h2>\n\n\n\n<p>Voit muuttaa mobiilin\u00e4kym\u00e4ss\u00e4 n\u00e4kyvien painikkeiden tasausta.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Napsauta s\u00e4\u00e4dett\u00e4v\u00e4\u00e4 painiketta ja valitse sitten haluamasi tasaus vaihtoehdoista Vasemmalla, Oikealla, Keskell\u00e4 ja Tasaa molemmat reunat.<\/li>\n\n\n\n<li>Tasaa molemmat reunat -asetus venytt\u00e4\u00e4 painikkeen koko sivun levyiseksi.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"muokkaa-otsikkoa-ja-valikkoa\">Muokkaa otsikkoa ja valikkoa<\/h2>\n\n\n\n<p>Voit muokata otsikon ulkoasua n\u00e4yt\u00f6n yl\u00e4reunassa niin, ett\u00e4 se sopii sivustollesi. Oletusarvon mukaan vasemmassa yl\u00e4kulmassa n\u00e4kyy sivun nimi ja oikeassa yl\u00e4kulmassa valikkokuvake. Otsikon tyyli taas perustuu malliin.<\/p>\n\n\n\n<p>Avaa asetusn\u00e4ytt\u00f6 napsauttamalla oikean yl\u00e4kulman valikkokuvaketta. Voit muuttaa seuraavia asetuksia:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>N\u00e4yt\u00e4 logo<\/strong>&nbsp;\u2013 Valitse t\u00e4m\u00e4 ruutu, jos haluat logon n\u00e4kyv\u00e4n sivuston otsikon vasemmassa yl\u00e4kulmassa. Voit valita haluamasi kuvan, mutta on suositeltavaa k\u00e4ytt\u00e4\u00e4 kuvaa, jonka tausta on l\u00e4pin\u00e4kyv\u00e4.<\/li>\n\n\n\n<li><strong>N\u00e4yt\u00e4 nimi<\/strong>&nbsp;\u2013 Oletusarvon mukaan n\u00e4ytet\u00e4\u00e4n sivun nimi, mutta voit halutessasi valita n\u00e4ytett\u00e4v\u00e4ksi verkkosivuston nimen.<\/li>\n\n\n\n<li><strong>Kiinte\u00e4 otsikko<\/strong>&nbsp;\u2013 Valitse t\u00e4m\u00e4 ruutu, jos haluat, ett\u00e4 otsikko pysyy sivulla vierailijoiden vieritt\u00e4ess\u00e4 sivua alasp\u00e4in.&nbsp;<\/li>\n\n\n\n<li><strong>K\u00e4yt\u00e4 mukautettua tyyli\u00e4<\/strong>&nbsp;\u2013 Valitse t\u00e4m\u00e4 ruutu, jos haluat muokata otsikon, valikon ja taustan tyyli\u00e4. Voit vaihtaa fonttia, v\u00e4ri\u00e4 ja taustav\u00e4ri\u00e4. Valikkotyyli-kohdassa voit muokata suljetun valikon, avoimen valikon tyyli\u00e4 ja valitun sivun ulkoasua avoimessa valikossa.<br>Oletuksena t\u00e4t\u00e4 vaihtoehtoa ei ole valittu, ja mallisi tyyli\u00e4 k\u00e4ytet\u00e4\u00e4n.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"muuta-komponenttien-jarjestysta\">Muuta komponenttien j\u00e4rjestyst\u00e4<\/h2>\n\n\n\n<p>Voit muuttaa sivulla olevien komponenttien j\u00e4rjestyst\u00e4 siirt\u00e4m\u00e4ll\u00e4 niit\u00e4 yl\u00f6s- tai alasp\u00e4in.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Napsauta siirrett\u00e4v\u00e4\u00e4 komponenttia, pid\u00e4 hiiren painike painettuna ja ved\u00e4 komponenttia yl\u00f6s- tai alasp\u00e4in.<\/li>\n\n\n\n<li>Vaihtoehtoisesti voit siirt\u00e4\u00e4 komponenttia n\u00e4yt\u00f6n oikealla puolella olevien nuolien avulla.<\/li>\n\n\n\n<li>Jotkin komponentit on m\u00e4\u00e4ritetty ruudun sis\u00e4iseksi ryhm\u00e4ksi, eik\u00e4 niit\u00e4 voi siirt\u00e4\u00e4 ruudun ulkopuolelle. Ruutua voi kuitenkin siirt\u00e4\u00e4 kaikkine komponentteineen.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"lukitse-komponentit-alareunaan\">Lukitse komponentit alareunaan<\/h2>\n\n\n\n<p>Malliin (alatunnisteeseen) sis\u00e4ltyv\u00e4t osat voidaan lukita sivujen alareunaan.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Napsauta alareunaan siirrett\u00e4v\u00e4\u00e4 komponenttia ja valitse n\u00e4kyviin tulevasta valikosta kohta&nbsp;<strong>Lukitse alareunaan<\/strong>.<\/li>\n\n\n\n<li>Alareunaan lukitut osat on merkitty sinisell\u00e4 \u00e4\u00e4riviivalla, jos viet hiiren niiden p\u00e4\u00e4lle. Alareunaan lukittujen komponenttien j\u00e4rjestyst\u00e4 ei voi muuttaa.<\/li>\n\n\n\n<li>Jos haluat poistaa lukituksen, valitse komponentti ja napsauta oikealla n\u00e4kyv\u00e4\u00e4 lukituksen avauskuvaketta.<\/li>\n<\/ul>\n\n\n\n<p><strong>Vinkki:<\/strong>&nbsp;Voit lukita koko alatunnisteen tai vain sen osat alareunaan.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zoner Kotisivukoneen mobiilin\u00e4kym\u00e4editorin avulla voit sovittaa kotisivusi mobiililaitteita varten ilman, ett\u00e4 tekem\u00e4si muutokset vaikuttavat sivustosi tietokoneversioon. Voit: Kehit\u00e4mme Zoner Kotisivukonetta jatkuvasti. Jotkut muutokset ovat kuitenkin havaittavissa vasta, kun olet julkaissut sivustosi uudelleen. T\u00e4st\u00e4 syyst\u00e4 suosittelemme, ett\u00e4 julkaiset sivustosi uudelleen ennen mobiilin\u00e4kym\u00e4n muokkaamista. Piilota elementtej\u00e4 mobiilin\u00e4kym\u00e4st\u00e4 Voit piilottaa sivuston osioita, jotka eiv\u00e4t sovellu mobiilin\u00e4kym\u00e4\u00e4n. T\u00e4llainen voi &#8230; <a title=\"Mobiilin\u00e4kym\u00e4editorin k\u00e4ytt\u00f6 Zoner Kotivukoneessa\" class=\"read-more\" href=\"https:\/\/www.zoner.fi\/tuki\/kotisivukone\/zoner\/mobiilinakymaeditorin-kaytto-zoner-kotivukoneessa\/\" aria-label=\"Lue lis\u00e4\u00e4 aiheesta Mobiilin\u00e4kym\u00e4editorin k\u00e4ytt\u00f6 Zoner Kotivukoneessa\">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":"132894,131506,132140,130498,130722,132826","_relevanssi_noindex_reason":"","footnotes":""},"categories":[166],"tags":[157],"wf_page_folders":[],"class_list":{"0":"post-133253","1":"page","2":"type-page","3":"status-publish","5":"category-zoner-kotisivukone","6":"tag-mobiili-ja-hakukoneoptimointi"},"_links":{"self":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133253","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=133253"}],"version-history":[{"count":4,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133253\/revisions"}],"predecessor-version":[{"id":134581,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133253\/revisions\/134581"}],"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=133253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/categories?post=133253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/tags?post=133253"},{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/wf_page_folders?post=133253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}