Comment ajouter une section Recherche ?

La section Recherche

Avec une section Recherche, vos utilisateurs trouvent n'importe quel article, vidéo, photo, podcast, événement ou lieu en tapant un mot. Les résultats sont classés en un onglet par type de contenu, et une barre de recherche sur l'accueil met tout à portée d'un appui.

Ajouter une section Recherche

Vous l'ajoutez depuis « My App », Structure, avec « Add a section »… puis recherchez search pour trouver la carte Search.

Une app peut avoir plusieurs sections Recherche : River Daily en a déjà une, donc la nouvelle reçoit son propre titre. Cliquez sur Add.

Nommez la section. Puis cliquez sur Add.

La section s'ajoute à la fin de votre menu, et l'aperçu montre sa page : un champ de recherche au-dessus d'un onglet par type.

Rechercher dans l'aperçu

Les utilisateurs tapent un mot et appuient sur Entrée. Cherchons fog.

La recherche lit le texte de vos contenus, pas seulement les titres, et classe ce qu'elle trouve par type : deux articles… deux photos… et un podcast.

Un appui ouvre un élément sur sa propre page… avec la barre d'outils de la section. Ici, fog figurait dans le texte, pas dans le titre.

Un onglet sans résultat l'indique, et suggère une autre recherche.

Choisir ce qui est recherché

Pour choisir ce que parcourt la section, ouvrez-la et cliquez sur l'engrenage.

Le crayon de chaque type renomme son onglet : Sound devient Podcasts… et Entrée l'enregistre. L'onglet de l'aperçu suit aussitôt.

Faites glisser un type par ses flèches pour réordonner les onglets : Photos remonte, juste après Articles.

Décochez les types que vous préférez exclure. Ici, Map et Calendar.

Ouvrez un type pour choisir ses sections : décocher Sports exclut ses articles des résultats… puis cliquez sur Save.

Dans l'app, le champ de recherche garde les recherches récentes. Un appui relance fog… désormais avec quatre onglets dans le nouvel ordre, et sans l'article Sports.

Le design

De retour dans la section, « Edit the design » de la carte Search règle l'aspect des onglets et des résultats.

Choisissez un style d'onglets : Block, ou « Material Design »… qui souligne l'onglet sélectionné.

Sous « No results », « Icon color » règle la couleur de la loupe affichée quand un onglet ne trouve rien… ici, orange.

La barre d'outils

La carte Toolbar de la section règle les actions affichées en haut d'un élément ouvert depuis les résultats.

Cochez Comments… et un bouton de commentaires rejoint Share, Favorites et la taille de police sur la page de l'élément.

Une barre de recherche sur l'accueil

L'ajout de la section a aussi placé sa barre de recherche à la fin de votre accueil, comme l'explique la note.

Cliquez sur Reorder, puis remontez-la avec sa flèche… tout en haut de la liste, puis cliquez sur Done : la barre de recherche est en tête de l'accueil.

Les utilisateurs tapent un mot directement ici… et arrivent sur les résultats de « Search the news ».

Vos modifications n'arrivent dans votre app qu'une fois publiées, avec « Publish my project ».