Hoe je een zoeksectie toevoegt

Zoeken

Met een Search-sectie vinden de gebruikers van je app elk artikel, elke video, foto, podcast, elk evenement of elke plek door een woord te typen. De resultaten staan in één tabblad per type content, en een zoekbalk op de startpagina zet alles op één tik afstand.

Een zoeksectie toevoegen

Je voegt ze toe in ‘My App’, Structure, met ‘Add a section’… typ search om de tegel te vinden. Een app kan meerdere Search-secties hebben: River Daily heeft er al een, dus deze nieuwe krijgt een eigen titel.

Geef ze een naam van maximaal 32 tekens. Hier ‘Search the news’.

Onder ‘Search engine tabs’ is elk type content van je app aangevinkt, en elk type wordt een tabblad met resultaten. Klik op Add.

De sectie komt onderaan je menu, en de preview toont de pagina: een zoekveld boven een tabblad per type.

Zoeken in de preview

Gebruikers typen een woord en drukken op Enter. We zoeken naar fog.

De zoekfunctie leest de tekst van je content, niet alleen de titels, en sorteert wat ze vindt per type: twee artikelen… twee foto's… en een podcast.

Een tik opent een item op een eigen pagina… met de werkbalk van de sectie. Hier stond fog in de tekst, niet in de titel.

Een tabblad zonder treffers meldt dat, en stelt een andere zoekopdracht voor.

Kiezen wat er doorzocht wordt

Om te kiezen wat de sectie doorzoekt, open je ze en klik je op het tandwiel.

Met het potlood van een type hernoem je het tabblad: Sound wordt Podcasts… en Enter slaat het op. Het tabblad in de preview volgt meteen.

Sleep een type aan zijn pijlen om de tabbladen te herschikken: Photos gaat omhoog, direct na Articles.

Vink de types uit die je liever weglaat. Hier Map en Calendar.

Open een type om de secties te kiezen: vink je Sports uit, dan blijven die artikelen buiten de resultaten… en klik dan op Save.

In de app onthoudt het zoekveld recente zoekopdrachten. Eén tik zoekt opnieuw naar fog… nu met vier tabbladen in de nieuwe volgorde, en zonder het artikel uit Sports.

Ontwerp

Terug in de sectie bepaal je met ‘Edit the design’ van de kaart Search het uiterlijk van de tabbladen en resultaten.

Kies een ‘Tab style’: Block, of ‘Material Design’… dat het geselecteerde tabblad onderstreept.

Onder ‘No results’ bepaalt ‘Icon color’ de kleur van het vergrootglas dat verschijnt als een tabblad niets vindt… hier oranje.

Werkbalk

De kaart Toolbar bepaalt de acties bovenaan een item dat je vanuit de resultaten opent.

Vink Comments aan… en op de itempagina komt een reactieknop naast Share, Favorites en de knoppen voor tekstgrootte.

Een zoekbalk op de startpagina

Met de sectie kwam ook haar zoekbalk onderaan je startpagina, zoals de opmerking eronder uitlegt.

Klik op Reorder en zet hem dan omhoog met zijn pijl… tot bovenaan de lijst, en klik op Done: de zoekbalk staat nu bovenaan je startpagina.

Gebruikers typen daar meteen een woord… en komen uit bij de resultaten van ‘Search the news’.

Je wijzigingen komen pas bij de gebruikers van je app als je ze publiceert, via ‘Publish my project’.