Hoe u uw secties ontwerpt

Sectieontwerp

Elke sectie van je app heeft een eigen ontwerp. Per pagina kies je een sjabloon en daarna de kleuren, lettertypen, informatie en afbeeldingen die de pagina toont. Zo doe je dat.

Open Structure in ‘My App’.

Klik op de sectie die je wilt ontwerpen, hier Local, een sectie met artikelen.

Deze sectie heeft twee pagina's: de artikellijst en het artikel zelf. Elke pagina heeft een eigen ontwerp.

Artikellijst

Klik voor de lijst op ‘Edit the design’.

Begin met het sjabloon. Het huidige heeft een vinkje; met de pijlen zie je de andere.

Kies ‘Visual Card’… en elk artikel wordt een grote kaart met zijn foto.

Elke tekst heeft een eigen lettertype, grootte en kleur. Hier een nieuwe kleur voor de titels… en elke titel krijgt die kleur.

Kies onder Thumbnail het formaat van de foto's. ‘Golden ratio’… geeft ze een bredere, plattere vorm.

De kaarten hebben een achtergrondkleur, dus foto's kunnen van rand tot rand lopen. Klik op ‘Disable Edge-to-edge’… en elke foto staat nu binnen de kaart, met een marge.

Tokens

Kies onder Display welke informatie elke kaart toont. Vink ‘Info below title’ aan… en onder elke titel verschijnt een samenvatting.

Kijk naar deze velden: de woorden tussen vierkante haken zijn tokens. De app vervangt ze door de gegevens van elk artikel, hier de datum en de samenvatting.

Het vraagteken toont ze allemaal: titel, auteur, aantal reacties, een relatieve datum en meer, voor elk type inhoud.

Combineer ze met je eigen woorden. Hier ‘Published’, gevolgd door het token voor een relatieve datum… en elke kaart toont nu een relatieve datum in plaats van de volledige.

Artikelpagina

Nu de artikelpagina. Ga terug naar de sectie… en klik onder Article op ‘Edit the design’.

De artikelpagina heeft eigen sjablonen, met de werkbalk onderaan, bovenaan of aan de zijkant. Kies ‘ToolBar Up’… en de werkbalk gaat naar boven.

Kies onder Content de uitlijning van de titel en de bijbehorende informatie. ‘Left alignment’… zet ze links.

Kies onder Toolbar welke acties je lezers krijgen. Vink ‘Font size’ uit… en de twee knoppen ervan verdwijnen uit de werkbalk.

Wil je volledige controle? De HTML-code van de pagina gebruikt dezelfde tokens: orden de titel, de datum, de auteur en de inhoud zoals jij wilt.

Publiceren

Goed om te weten: als je in ‘App style’ kleuren of lettertypen toepast, vervangt dat het ontwerp van elke sectie.

Publiceer de update van je app via het menu Publish, zodat je gebruikers de wijzigingen zien.