Näin lisäät hakuosion

Haku

Search-osion avulla sovelluksesi käyttäjät löytävät minkä tahansa artikkelin, videon, kuvan, podcastin, tapahtuman tai paikan kirjoittamalla sanan. Tulokset lajitellaan sisältötyypin mukaan omille välilehdilleen, ja Etusivun hakupalkki tuo kaiken yhden napautuksen päähän.

Hakuosion lisääminen

Lisäät sen kohdassa ”My App”, Structure, painikkeella ”Add a section”… hae sitten sanalla search, niin löydät Search-kortin.

Sovelluksessa voi olla useita Search-osioita: River Daily -sovelluksessa on jo yksi, joten tämä uusi saa oman otsikon. Napsauta Add.

Nimeä osio. Napsauta sitten Add.

Osio lisätään valikkosi loppuun, ja esikatselu näyttää sen sivun: hakukentän ja sen alla välilehden kullekin tyypille.

Haku esikatselussa

Käyttäjät kirjoittavat sanan ja painavat Enteriä. Haetaan sanalla fog.

Haku lukee sisältösi tekstin, ei vain otsikoita, ja lajittelee löydöt tyypin mukaan: kaksi artikkelia… kaksi kuvaa… ja yhden podcastin.

Napautus avaa kohteen omalle sivulleen… jossa on osion työkalurivi. Tässä fog oli tekstissä, ei otsikossa.

Välilehti, jolla ei ole osumia, kertoo sen ja ehdottaa toista hakua.

Haettavan sisällön valinta

Valitse, mitä osio hakee: avaa se ja napsauta ratasta.

Kunkin tyypin kynällä nimeät sen välilehden uudelleen: Sound vaihtuu nimeksi Podcasts… ja Enter tallentaa sen. Esikatselun välilehti päivittyy heti.

Vaihda välilehtien järjestystä vetämällä tyyppiä sen nuolista: Photos nousee heti Articles-rivin alle.

Poista valinta tyypeiltä, jotka haluat jättää pois. Tässä Map ja Calendar.

Avaa tyyppi ja valitse sen osiot: kun poistat Sportsin valinnan, sen jutut jäävät pois tuloksista… Napsauta sitten Save.

Sovelluksessa hakukenttä muistaa viimeisimmät haut. Yksi napautus hakee taas sanalla fog… nyt neljällä välilehdellä uudessa järjestyksessä ja ilman Sports-juttua.

Ulkoasu

Osiossa Search-kortin ”Edit the design” määrittää välilehtien ja tulosten ulkoasun.

Valitse välilehtien tyyli: Block tai ”Material Design”… joka alleviivaa valitun välilehden.

Kohdassa ”No results” asetus ”Icon color” määrittää suurennuslasin värin, kun välilehti ei löydä mitään… tässä oranssi.

Työkalurivi

Toolbar-kortti määrittää toiminnot, jotka näkyvät tuloksista avatun kohteen yläreunassa.

Valitse Comments… ja kohteen sivulle tulee kommenttipainike jakamisen, suosikkien ja tekstikoon painikkeiden viereen.

Hakupalkki Etusivulla

Osion lisääminen sijoitti myös sen hakupalkin Etusivusi loppuun, kuten alla oleva huomautus kertoo.

Napsauta Reorder ja siirrä se ylös sen nuolella… listan kärkeen ja napsauta Done: hakupalkki on nyt Etusivusi yläreunassa.

Käyttäjät kirjoittavat sanan suoraan siihen… ja päätyvät osion ”Search the news” tuloksiin.

Muutoksesi tulevat sovelluksesi käyttäjille, kun julkaiset ne painikkeella ”Publish my project”.