Pohjan asettelujen suunnittelu erikokoisille näytöille

Voit suunnitella pohjan asetteluja erikokoisille laitteille sopiviksi ja optimoida sisältöä sopimaan erikokoisten näyttöjen selaimiin.

Aiheet:

Tietoja pohjan asettelujen suunnittelusta erikokoisilla näytöillä varustelluille laitteille

Voit suunnitella pohjan asetteluja erikokoisille laitteille sopiviksi ja optimoida sisältöä selainkäyttöön esimerkiksi matkapuhelimessa, tabletissa tai kannettavassa tietokoneessa.

Pohjan asettelujen optimointi erikokoisille näytöille

Kun avaat työkirjan erikokoisissa laitteissa, pohjan näyttökoko skaalautuu selaimen näyttökoon mukaan selaimen oletusarvoja käyttäen. Selaimen koon muuttaminen kokoa pienentämällä voi vaikuttaa yksityiskohtien näkyvyyteen visualisoinneissa. Esimerkiksi pistediagrammin tai lämpökartan tiedot tai suurin osa ruutuvisualisoinnin mittaustiedoista saattavat muuttua vaikealukuisiksi, joten tärkeät tiedot jäävät näkymättömiin.

Kun pohjan kokoa pienennetään selaimessa, visualisoinnit saattavat muuttua liian pieniksi, jolloin tiedot eivät näy kunnolla.
Tässä kuvassa näkyy selaimessa tarkasteltava pohja pienennetyssä koossa. Jotkin visualisoinnit ovat muuttuneet liian pieniksi, jolloin tiedot eivät näy kunnolla.

Pohjan tekijänä voit suunnitella katkokohtia. Silloin visualisointien esitys mukautuu uuden näyttökoon mukaiseksi, kun pohjan näyttökokoa pienennetään. Jos esimerkiksi käytettävissä oleva näyttö on liian pieni koko visualisoinnin näyttämiseen, voit järjestää visualisoinnin uudelleen tai piilottaa sen, jotta pienempi näyttökoko toimisi paremmin. Määritä erilaisia pohjan näyttökokoja ja asetteluja pohjan katkokohtia käyttäen. Jokainen katkokohta edustaa eri näyttöko'oissa näytettävien visualisointien järjestystä.

Optimoitu pohja, joka sisältää pienemmän näyttökoon katkokohdan, sisältää visualisoinnit, jotka on järjestetty siten, että niiden katselu käy helpommin pienemmässä laitteessa.
Kuvassa näkyy optimoitu visualisointi, joka on luotu käyttämällä katkokohtaa pieninäyttöiselle laitteelle.

Liukusäätimellä voit määrittää näyttökoot tilanteisiin, jolloin käyttäjät katselevat pohjia erikokoisissa laitteissa. Voit vaihtaa visualisointien näyttötapaa esimerkiksi muuttamalla niiden sijaintia, kokoa tai näkyvyyttä pohjassa.

Kun lisäät katkokohdan pohjaan, katkokohdan näyttökoko määrittää, miten visualisoinnit näkyvät, kun niitä tarkastellaan kyseistä näyttökokoa käyttäen. Voit vaihtaa visualisointien sijaintia, muuttaa niiden kokoa tai poistaa niitä pohjan katkokohdasta ja optimoida siten visualisointien näkyvyyden käyttäjille. Jokaiselle katkokohdalle voidaan määrittää erilaisia visualisoinnin kokoonpanoja, ja eri katkokohtien erot näkyvät käyttäjälle vain silloin, kun selaimen näyttökoon tarkkuus vastaa sen katkokohdan näyttökokoa, jota muutokset koskevat.

Pohjan asettelujen suunnittelu eri laitteissa näyttämistä varten

Voit luoda pohjan katkokohtia, joilla määritetään, kuinka visualisoinnit näkyvät käyttäjillä erikokoisilla näytöillä varustetuissa laitteissa. Voit esimerkiksi määrittää erilaisia katkokohtia, joilla optimoidaan näyttö mobiililaitteen selaimessa, tabletissa tai kannettavassa tietokoneessa.

Opastuskuvake Opastus

  1. Siirrä kotisivulla hiiren osoitin työkirjan kohdalle, valitse Toiminnot ja Avaa.
  2. Avaa työkirja muokattavaksi valitsemalla Muokkaa.
  3. Laajenna pohja enimmäiskokoon ja määritä Pohjan ominaisuudet -kohdassa Asettelu-valinnaksi Automaattinen sovitus ja valitse OK.
  4. Avaa editori napsauttamalla alatunnisteessa olevaa Responsiivisen pohjan editori -kohtaa. Editorissa voit määrittää katkokohtia pohjan näyttämiseksi eri tavalla eri laitteissa.
    Responsiivisen pohjan editori

  5. Pohjan katkokohdan määritys:
    • Lisää katkokohta liukusäätimen nykyiseen sijaintiin - Napsauta ja vedä liukusäädin pikseleinä ilmaistuun näyttökoon arvoon, jota haluat käyttää tässä katkokohdassa
      Vedä liukusäädin haluttuun, pikseleinä ilmaistuun leveyteen.

      . Lisää sen jälkeen katkokohta liukusäätimen nykyiseen sijaintipaikkaan valitsemalla Lisää katkokohta Lisää katkokohta liukusäätimen sijaintipaikkaan napsauttamalla Lisää katkokohta -kuvaketta..
    • Katkokohdan arvon manuaalinen syöttö - Valitse Avaa responsiivisen pohjan editorivalikko, valitse Lisää katkokohta ja syötä Sijainti-kenttään sen kentän numero, johon haluat sijoittaa tämän katkokohdan.
      Katkokohdan lisääminen syöttämällä sijainti manuaalisesti

  6. Määritä enemmän pohjan katkokohtia toistamalla edellinen vaihe.
  7. Sisällytä visualisointeja kuhunkin pohjan katkokohtaan tai sulje niitä pois:
    • Kaksoisnapsauta hallinnoitavaa pohjan katkokohtaa hiiren kakkospainikkeella (Pohjan katkokohta ja sen merkintä) ja valitse Katkokohdan hallinta.
      Katkokohdan hallinta -valintaikkunassa voit sisällyttää visualisointeja tähän pohjan katkokohtaan tai sulkea niitä pois.

    • Napsauta luettelossa visualisointia, jonka haluat sulkea pois tämän pohjan katkokohdan pohjasta tai lisätä siihen, ja valitse sitten OK.
      Katkokohdan hallinta -valintaikkunassa voit sisällyttää visualisointeja tähän pohjan katkokohtaan tai sulkea niitä pois.

  8. Valinnainen: Luo visualisointi ja lisää se katkokohtaan valitsemalla tietoja Tiedot-paneelista ja lisäämällä ne pohjaan.
    Uusi visualisointi lisätään vain nykyiseen katkokohtaan. Voit lisätä visualisoinnin pohjan muihin katkokohtiin valitsemalla visualisoinnin kyseisen katkokohdan Katkokohdan hallinta -valintaikkunassa olevasta luettelosta.
  9. Valinnainen: Optimoi visualisointien näyttäminen pohjan katkokohdalle.
    Voi halutessasi optimoida sisällön näytön pienemmässä laitteessa, kuten matkapuhelimessa.
    • Järjestä visualisoinnit uudelleen - Napsauta visualisointeja ja vedä niitä uuteen sijaintiin.
    • Optimoi visualisointeja - Ominaisuudet-paneelissa voit piilottaa tarpeetonta sisältöä, kuten otsikon tai merkkien selityksen.
    Kun optimoit jonkin katkokohdan visualisointeja, kyseiset muutokset eivät koske pohjan muita katkokohtia.
  10. Valitse Tallenna.