--- title: Google Sites -sivustojen ulkoasun ja navigaation muokkaaminen description: Google Sivustojen uusi ulkoasun muokkaustoiminto helpottaa sivuston editointia. Katso helpot ohjeet ja ota uutuus käyttöön. image: https://blogi.cloudpoint.fi/hubfs/Imported_Blog_Media/editsitelayout-1.png --- # Google Sites -sivustojen ulkoasun ja navigaation muokkaaminen 29.8.2012 10:32:00 *Huomautus: Tämä artikkeli on alun perin julkaistu 29.8.2012. Tämän jälkeen palvelun käyttöliittymässä ja toiminnoissa on saattanut tapahtua muutoksia.* Miten Google Sites -sivuston ulkoasun ja rakenteen muokkaaminen toimii? Nykyaikaisessa Google Sites -palvelussa (Google Sivustot) sivuston ulkoasun, navigaation ja rakenteen hallinta on tehty erittäin vaivattomaksi. Sivuston muokkaus perustuu selkeään visuaaliseen käyttöliittymään ja valmiisiin rakenne-elementteihin, joten koodausosaamista tai monimutkaisia valikoita ei tarvita. Voit muokata sivuston rakennetta, sivujärjestystä ja valikkoja suoraan selaimessasi. Ohjeet sivuston navigaation ja ulkoasun muokkaamiseen: 1. **Navigaation sijainnin ja tyylin muuttaminen:** * Klikkaa sivun yläreunassa olevaa rataskuvaketta (Asetukset / Settings). * Valitse avautuvasta ikkunasta *Siirtymistila* (Navigation). * Voit valita navigaatiovalikon sijainniksi joko yläreunan (*Ylhäällä*) tai sivupalkin (*Sivulla*). Samasta valikosta voit myös määrittää valikkopalkin taustavärin (läpinäkyvä, valkoinen tai musta).* *2. **Sivujen ja valikkorakenteen hallinta:** * Siirry muokkaustilassa oikeanpuoleisen sivupaneelin *Sivut* (Pages) -välilehdelle. * Voit lisätä uusia sivuja klikkaamalla alareunan plus-painiketta (+), muuttaa sivujen järjestystä vetämällä ja pudottamalla niitä haluamaasi kohtaan sekä luoda alavalikkoja vetämällä sivuja toisten sivujen alle. * Klikkaamalla sivun nimen vieressä olevaa kolmea pistettä voit määrittää sivun aloitussivuksi, piilottaa sen navigaatiosta tai poistaa sen kokonaan. 3. **Ulkoasun ja elementtien muokkaaminen:** * Oikean reunan *Lisää* (Insert) -paneelista voit lisätä sivullesi valmiita asettelulohkoja (Layouts), tekstikenttiä, kuvia ja tiedostoja suoraan Google Drivestä. * *Teemat* (Themes) -välilehdeltä voit muokata koko sivuston väriteemaa, fontteja ja yleisilmettä yhdellä klikkauksella. Katso viralliset lisätiedot ja ohjeet: [Googlen virallinen Sites-ohjekeskus](https://support.google.com/sites) Lähde: Google Workspace Cloudpoint on sitoutunut auttamaan asiakkaitaan kaikissa tilanteissa. Ajattelemme asiakkaan puolesta ennen napin painallusta alati muuttuvassa maailmassa. Yhteistyö- ja toimintamallimme varmistaa onnistumisen siellä missä teemme töitä – Huolehdimme projektien tuesta ja aikataulun pitävyydestä. [Google Sivustot](https://blogi.cloudpoint.fi/tag/google-sivustot) ##### Jaa postaus! [Twitter ](https://twitter.com/intent/tweet?url=https://blogi.cloudpoint.fi/2012/08/29/google-sivustojen-editointi-uusiutuu-2) [LinkedIn ](https://www.linkedin.com/shareArticle?mini=true&url=https://blogi.cloudpoint.fi/2012/08/29/google-sivustojen-editointi-uusiutuu-2) [Facebook ](https://www.facebook.com/sharer/sharer.php?u=https://blogi.cloudpoint.fi/2012/08/29/google-sivustojen-editointi-uusiutuu-2) #### Heräsikö ajatus? Kirjoita kommentti! ### Sinua saattavat kiinnostaa myös nämä postaukset: [Kopioi Google Sivusto ](https://blogi.cloudpoint.fi/2018/09/27/kopioi-google-sivusto-2) ##### [Kopioi Google Sivusto](https://blogi.cloudpoint.fi/2018/09/27/kopioi-google-sivusto-2) 27 syyskuuta, 2018 Miten Google Sites -sivusto kopioidaan helposti? Google Sites -sivuston kopioiminen onnistuu nopeasti avaamalla haluttu ... [Lue koko postaus](https://blogi.cloudpoint.fi/2018/09/27/kopioi-google-sivusto-2) [Twitter ](https://twitter.com/intent/tweet?url=https://blogi.cloudpoint.fi/2018/09/27/kopioi-google-sivusto-2) [LinkedIn ](https://www.linkedin.com/shareArticle?mini=true&url=https://blogi.cloudpoint.fi/2018/09/27/kopioi-google-sivusto-2) [Facebook ](https://www.facebook.com/sharer/sharer.php?u=https://blogi.cloudpoint.fi/2018/09/27/kopioi-google-sivusto-2) [Google Sitesin tuoreimmat kuulumiset ](https://blogi.cloudpoint.fi/2018/09/12/google-sitesin-tuoreimmat-kuulumiset) ##### [Google Sitesin tuoreimmat kuulumiset](https://blogi.cloudpoint.fi/2018/09/12/google-sitesin-tuoreimmat-kuulumiset) 12 syyskuuta, 2018 Google Sites on monipuolinen työkalu, jota voidaan käyttää useaan tarkoitukseen. Sitesin uusi versio on ehtinyt olla mar... [Lue koko postaus](https://blogi.cloudpoint.fi/2018/09/12/google-sitesin-tuoreimmat-kuulumiset) [Twitter ](https://twitter.com/intent/tweet?url=https://blogi.cloudpoint.fi/2018/09/12/google-sitesin-tuoreimmat-kuulumiset) [LinkedIn ](https://www.linkedin.com/shareArticle?mini=true&url=https://blogi.cloudpoint.fi/2018/09/12/google-sitesin-tuoreimmat-kuulumiset) [Facebook ](https://www.facebook.com/sharer/sharer.php?u=https://blogi.cloudpoint.fi/2018/09/12/google-sitesin-tuoreimmat-kuulumiset) [Näin luot kopion Google Sivustosta ](https://blogi.cloudpoint.fi/2012/11/01/nain-luot-kopion-google-sivustosta-2) ##### [Näin luot kopion Google Sivustosta](https://blogi.cloudpoint.fi/2012/11/01/nain-luot-kopion-google-sivustosta-2) 1 marraskuuta, 2012 Miten Google Sites -sivustosta luodaan kopio helposti? Google Sites -sivuston kopioiminen onnistuu nopeasti avaamalla si... [Lue koko postaus](https://blogi.cloudpoint.fi/2012/11/01/nain-luot-kopion-google-sivustosta-2) [Twitter ](https://twitter.com/intent/tweet?url=https://blogi.cloudpoint.fi/2012/11/01/nain-luot-kopion-google-sivustosta-2) [LinkedIn ](https://www.linkedin.com/shareArticle?mini=true&url=https://blogi.cloudpoint.fi/2012/11/01/nain-luot-kopion-google-sivustosta-2) [Facebook ](https://www.facebook.com/sharer/sharer.php?u=https://blogi.cloudpoint.fi/2012/11/01/nain-luot-kopion-google-sivustosta-2) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "cloudpoint.fi", "url" : "https://blogi.cloudpoint.fi/author/cloudpointfi" }, "dateModified" : "2021-06-30T13:08:29.440Z", "datePublished" : "2012-08-29T07:32:00.000Z", "headline" : "Google Sites -sivustojen ulkoasun ja navigaation muokkaaminen", "image" : [ "https://blogi.cloudpoint.fi/hubfs/Imported_Blog_Media/editsitelayout-1.png" ], "mainEntityOfPage" : { "@id" : "https://blogi.cloudpoint.fi/2012/08/29/google-sivustojen-editointi-uusiutuu-2", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blogi.cloudpoint.fi/hubfs/Cloudpoint%20ProX%20theme%20images/cloudpoint_vertical_RGB.png" }, "name" : "Cloudpoint" } } ``` ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Organization", "name" : "Cloudpoint" }, "description" : "Google Sivustojen uusi ulkoasun muokkaustoiminto helpottaa sivuston editointia. Katso helpot ohjeet ja ota uutuus käyttöön.", "headline" : "Google Sivustojen editointi uusiutuu – Näin käytät sitä", "image" : "https://f.hubspotusercontent00.net/hubfs/5576300/Imported_Blog_Media/editsitelayout-1.png", "publisher" : { "@type" : "Organization", "name" : "Cloudpoint" } } ```