So fügen Sie einen Bereich „Suche“ hinzu

Suche

Mit einem Suchbereich finden Ihre Nutzer per Suchwort jeden Artikel, jedes Video, Foto, jeden Podcast, jedes Event oder jeden Ort. Die Ergebnisse stehen in einem Tab pro Inhaltstyp, und eine Suchleiste auf der Startseite macht alles mit einem Tippen erreichbar.

Einen Suchbereich hinzufügen

Klicken Sie unter „My App“, Structure, auf „Add a section“… und geben Sie search ein, um die Kachel zu finden. Eine App kann mehrere Suchbereiche haben: River Daily hat schon einen, also bekommt der neue einen eigenen Titel.

Benennen Sie ihn mit höchstens 32 Zeichen. Hier: „Search the news“.

Unter „Search engine tabs“ ist jeder Inhaltstyp Ihrer App angehakt, und jeder wird zu einem Ergebnis-Tab. Klicken Sie auf Add.

Der Bereich steht nun am Ende Ihres Menüs, und die Vorschau zeigt seine Seite: ein Suchfeld über einem Tab pro Typ.

In der Vorschau suchen

Nutzer geben ein Wort ein und drücken die Eingabetaste. Suchen wir nach fog.

Die Suche liest den Text Ihrer Inhalte, nicht nur die Titel, und sortiert die Treffer nach Typ: zwei Artikel… zwei Fotos… und ein Podcast.

Ein Tippen öffnet einen Eintrag auf seiner eigenen Seite… mit der Symbolleiste des Bereichs. Hier stand fog im Text, nicht im Titel.

Ein Tab ohne Treffer zeigt das an und schlägt eine andere Suche vor.

Festlegen, was durchsucht wird

Wählen, was der Bereich durchsucht: Öffnen Sie ihn und klicken Sie aufs Zahnrad.

Mit dem Stift eines Typs benennen Sie seinen Tab um: Sound wird zu Podcasts… und die Eingabetaste speichert. Der Tab in der Vorschau folgt sofort.

Ziehen Sie einen Typ an seinen Pfeilen, um die Tabs umzusortieren: Photos rückt direkt hinter Articles.

Deaktivieren Sie die Typen, die Sie weglassen möchten. Hier Map und Calendar.

Öffnen Sie einen Typ, um seine Bereiche zu wählen: Ohne Haken bei Sports fehlen dessen Artikel in den Ergebnissen… Klicken Sie dann auf Save.

In der App merkt sich das Suchfeld die letzten Suchen. Ein Tippen startet fog erneut… jetzt mit vier Tabs in neuer Reihenfolge und ohne den Sports-Artikel.

Design

Zurück im Bereich legt „Edit the design“ der Karte Search das Aussehen der Tabs und Ergebnisse fest.

Wählen Sie einen „Tab style“: Block oder „Material Design“… der den gewählten Tab unterstreicht.

Unter „No results“ legt „Icon color“ die Farbe der Lupe fest, die erscheint, wenn ein Tab nichts findet… hier Orange.

Symbolleiste

Die Karte Toolbar legt die Aktionen oben in einem aus den Ergebnissen geöffneten Eintrag fest.

Aktivieren Sie Comments… und neben Share, Favorites und den Schriftgrößen-Buttons erscheint ein Kommentar-Button.

Eine Suchleiste auf der Startseite

Mit dem Bereich kam auch seine Suchleiste ans Ende Ihrer Startseite, wie der Hinweis unten erklärt.

Klicken Sie auf Reorder und schieben Sie sie mit ihrem Pfeil… bis ganz nach oben. Klicken Sie auf Done: Die Suchleiste steht jetzt oben auf Ihrer Startseite.

Nutzer geben direkt dort ein Wort ein… und landen bei den Ergebnissen von „Search the news“.

Ihre Nutzer sehen die Änderungen, sobald Sie sie mit „Publish my project“ veröffentlichen.