Sovelluksen yläpalkin määrittäminen

Yläpalkki

Header eli yläpalkki on sovelluksesi yläreunassa ja pysyy näkyvissä kaikkialla: se tekee sovelluksestasi tunnistettavan, antaa osioille otsikot, sisältää pikalinkkejä ja auttaa käyttäjiä suunnistamaan.

Yläpalkin asetukset löytyvät valikosta ”My App”.

Napsauta sovelluksesi rakenteessa kohtaa Header.

Yläpalkin korkeus

Valitse ensin yläpalkin korkeus: Small, Medium tai Large.

Valitse Medium… ja yläpalkki kasvaa korkeammaksi, otsikko tai logo pysyy samana.

Valitse Large… ja voit lisätä lyhyen kuvauksen. Kirjoita se tähän… ja napsauta OK.

Kuvaus näkyy otsikkosi alla suuressa yläpalkissa.

Medium ja Large koskevat päänavigaatiosi osioita; muilla sivuilla yläpalkki on aina pieni. Tämä sovellus pysyy Small-koossa.

Otsikko tai logo

Logo-lohkossa sovelluksesi nimi näkyy tekstinä tai kuvana. Jos haluat vaihtaa tekstin, kirjoita otsikkosi… ja napsauta OK.

Esikatselu päivittyy heti.

Vaihda otsikon väri: napsauta väriä, kirjoita värikoodi tai valitse sävy ja napsauta Choose.

Otsikko saa uuden värin.

Valitse fontti luettelosta… ja esikatselu näyttää sen.

Säädä sen kokoa liukusäätimellä.

Otsikko kasvaa.

Jos haluat näyttää tekstin sijaan logon, napsauta Logo ja valitse vähintään 800 × 200 pikselin kuva.

Logosi korvaa tekstin.

Sijoita se vasemmalle tai pidä se keskellä.

Tässä se siirtyy vasemmalle.

Valitse sitten, mitä yläpalkki näyttää käyttäjien selatessa: aina logosi, valinnalla ”Logo only”, kuten tällä osiosivulla… tai kunkin osion nimen, valinnalla ”Section title”.

Navigointipainikkeet

Yläpalkin vasemmassa reunassa ovat navigointipainikkeet: Back-painike, tässä esikatselussa, ja Menu-painike, jos navigaatiosi käyttää sellaista. Niiden kuvakkeen ja värin valitset tässä.

Esimerkiksi Back-painikkeelle uusi väri… näkyy heti.

Tausta

Valitse taustalle väri sekä alareunan väri.

Yläpalkki saa uuden taustavärin.

Pienessä yläpalkissa voit käyttää myös taustakuvaa, kooltaan 1242 × 192 pikseliä.

Kuva täyttää nyt yläpalkin.

Poista se napsauttamalla kuvan roskakorikuvaketta… ja vahvista.

Yläpalkin taustaväri tulee taas näkyviin.

Vieritystehoste

Vieritystehoste määrittää, mitä yläpalkki tekee alaspäin vieritettäessä: se pysyy paikallaan tai piiloutuu. Medium- tai Large-kokoinen yläpalkki voi myös kutistua.

Hiding-asetuksella yläpalkki liukuu piiloon, kun sivua vieritetään.

Toiminnot yläpalkissa

Oikealla ovat toiminnot: pikalinkit valitsemillesi sivuille. Lisää toiminto napsauttamalla ”Add an action”… ja valitse sen kohde, tässä osio Search.

Uusi pikalinkki näkyy yläpalkissa oletuskuvakkeella.

Jos haluat vaihtaa sen, napsauta kuvaketta… hae kuvakekirjastosta ja valitse suurennuslasi.

Pikalinkissä näkyy nyt suurennuslasi. Voit myös valita sen värin; tabletilla ja tietokoneella siinä voi olla otsikko, ja tietokoneella se voi näkyä painikkeena.

Yläpalkissa näkyy kaksi pikalinkkiä; muut siirtyvät lisävalikkoon.

Oma yläpalkki osiolle

Jokaisella osiolla voi olla myös oma yläpalkki. Palaa rakenteeseen… ja napsauta jotakin osiota.

Avaa Header… ja valitse ”Modify the header of this section”.

Asetukset toimivat kuten yleisessä yläpalkissa. Tässä eri taustaväri… vain tälle osiolle.

Jos haluat palata yleiseen yläpalkkiin, napsauta rataskuvaketta… valitse sitten ”Go back to default header” ja vahvista.

Osio käyttää taas yleistä yläpalkkia.

Julkaisu

Jotta käyttäjäsi näkisivät muutokset, julkaise sovelluksesi päivitys Publish-valikosta.