Slik utformer du seksjonene dine

Seksjonsdesign

Hver seksjon i appen din har eget design. For hver av sidene velger du en mal, og deretter fargene, skrifttypene, informasjonen og bildene som skal vises. Slik gjør du det.

Åpne Structure i «My App».

Klikk på seksjonen du vil designe, her Local, en seksjon med artikler.

Den har to sider, artikkellisten og selve artikkelen, og hver har sitt eget design.

Artikkellisten

Klikk på «Edit the design» for listen.

Begynn med malen. Den valgte har en hake. Bruk pilene for å se de andre.

Velg «Visual Card»… så blir hver artikkel et stort kort med bildet sitt.

Hver tekst har egen skrifttype, størrelse og farge. Her en ny farge for titlene… så får alle titlene den.

Under Thumbnail velger du formatet på bildene. «Golden ratio»… gir dem en bredere og flatere form.

Fordi kortene har en bakgrunnsfarge, kan bildene gå fra kant til kant. Klikk på «Disable Edge-to-edge»… så ligger hvert bilde nå inne i kortet sitt, med en marg rundt.

Tokens

Under Display velger du hvilken informasjon hvert kort viser. Merk av for «Info below title»… så vises et sammendrag under hver tittel.

Se på disse feltene: Ordene i hakeparenteser er tokens. Appen erstatter dem med hver artikkels egne data, her datoen og sammendraget.

Bak spørsmålstegnet finner du alle sammen: tittel, forfatter, antall kommentarer, en relativ dato og mer, per innholdstype.

Kombiner dem med dine egne ord. Her «Published» etterfulgt av tokenet for en relativ dato… så viser hvert kort nå en relativ dato, ikke hele datoen.

Artikkelsiden

Nå er det artikkelsidens tur. Gå tilbake til seksjonen… og klikk på «Edit the design» under Article.

Artikkelsiden har egne maler. Verktøylinjen kan være nederst, øverst eller på siden. Velg «ToolBar Up»… så flyttes verktøylinjen til toppen.

Under Content velger du hvordan tittelen og informasjonen justeres. «Left alignment»… plasserer dem til venstre.

Under Toolbar velger du hvilke handlinger leserne dine får. Fjern merket for «Font size»… så forsvinner de to knappene fra verktøylinjen.

For full kontroll bruker HTML-koden til artikkelsiden de samme tokenene: Plasser tittelen, datoen, forfatteren og innholdet slik du vil.

Publisering

Verdt å vite: Bruker du farger eller skrifttyper i «App style», erstattes designet i alle seksjonene.

Publiser oppdateringen av appen din fra menyen Publish, så brukerne dine ser endringene.