Come aggiungere una sezione Ricerca

Ricerca

Una sezione Search permette agli utenti della tua app di trovare qualsiasi articolo, video, foto, podcast, evento o luogo digitando una parola. I risultati sono divisi in una scheda per tipo di contenuto, e una barra di ricerca nella Home mette tutto a portata di tocco.

Aggiungere una sezione Ricerca

La aggiungi da «My App», Structure, con «Add a section»… digita search per trovare il suo riquadro. Un'app può avere più sezioni Search: River Daily ne ha già una, quindi questa nuova riceve un titolo tutto suo.

Dalle un nome di massimo 32 caratteri. Qui, «Search the news».

In «Search engine tabs», ogni tipo di contenuto della tua app è selezionato, e ognuno diventa una scheda di risultati. Clicca su Add.

La sezione si aggiunge in fondo al menu, e l'anteprima mostra la sua pagina: un campo di ricerca sopra una scheda per ogni tipo.

Ricerca nell'anteprima

Gli utenti digitano una parola e premono Invio. Cerchiamo fog.

La ricerca legge il testo dei contenuti, non solo i titoli, e ordina ciò che trova per tipo: due articoli… due foto… e un podcast.

Un tocco apre un elemento nella sua pagina… con la barra degli strumenti della sezione. Qui fog era nel testo, non nel titolo.

Una scheda senza risultati lo dice, e suggerisce un'altra ricerca.

Scegliere cosa cercare

Per scegliere cosa cerca la sezione, aprila e clicca sull'ingranaggio.

La matita di ogni tipo rinomina la sua scheda: Sound diventa Podcasts… e Invio salva la modifica. La scheda dell'anteprima si aggiorna subito.

Per riordinare le schede, trascina un tipo dalle sue frecce: Photos sale, subito dopo Articles.

Deseleziona i tipi che preferisci escludere. Qui, Map e Calendar.

Apri un tipo per scegliere le sue sezioni: se deselezioni Sports, i suoi articoli restano fuori dai risultati… Poi clicca su Save.

Nell'app, il campo di ricerca conserva le ricerche recenti. Un tocco rilancia fog… ora con quattro schede nel nuovo ordine, e senza l'articolo di Sports.

Design

Di nuovo nella sezione, «Edit the design» del riquadro Search imposta l'aspetto delle schede e dei risultati.

In «Tab style», scegli Block o «Material Design»… che sottolinea la scheda selezionata.

In «No results», «Icon color» imposta il colore della lente mostrata quando una scheda non trova nulla… qui, arancione.

Barra degli strumenti

Il suo riquadro Toolbar imposta le azioni mostrate in cima a un elemento aperto dai risultati.

Seleziona Comments… e un pulsante commenti affianca Share, Favorites e i pulsanti della dimensione del testo nella pagina.

Una barra di ricerca nella Home

Aggiungere la sezione ha messo anche la sua barra di ricerca in fondo alla Home, come spiega la nota qui sotto.

Clicca su Reorder, poi spostala in alto con la sua freccia… fino in cima alla lista, e clicca su Done: ora la barra di ricerca è in cima alla Home.

Gli utenti digitano una parola proprio lì… e arrivano ai risultati di «Search the news».

Le modifiche arrivano agli utenti della tua app quando le pubblichi, con «Publish my project».