Slik bruker du «Rediger side» på Opplink

En side er en rekke seksjoner ovenfra og ned. Hver seksjon har egen bakgrunn: Ingen, Kort, Aksent, Primær-myk, Hero-glød, Dempet, Gradient, Prikker, Rutenett eller Striper. Alle følger temaet, så de fungerer i både lys og mørk modus. I tillegg kan seksjonen ha et bakgrunnsbilde eller et bevegelig bilde (Lottie) med et mørkt overlegg du styrer i prosent.

Legger du tekst over et bakgrunnsbilde, trenger den en innholdsramme for å være lesbar: Kort, Myk, Glass, Kun kant, Skygge, Stiplet, Primærkant eller Gradient, med egen dekkevne der rammen har farge. Kantlinjer settes på topp, bunn, begge eller ingen. Bredden er smal, normal eller bred, og «Synlig for» lar deg skjule en seksjon for utloggede.

Test selv: legg et bakgrunnsbilde på en seksjon med tekst, uten ramme, og les teksten på telefonen i sollys. Sett så rammen til «Kort». Det er derfor rammen finnes.

Inne i en seksjon ligger innholdet i grupper med én til fire kolonner hver. Én seksjon kan ha flere grupper under hverandre: en overskrift i én kolonne, to kort side om side i gruppa under. Kolonnebreddene kan være like eller egendefinerte i prosent, mellomrommet settes i piksler (0 gir en kollasje), «lik høyde» strekker kort i samme rad til den høyeste, og hver kolonne kan ha egen bakgrunn.

Ett råd for mobil: fire kort i én gruppe med to kolonner stables 1, 3, 2, 4 på en smal skjerm. Bruk heller to grupper med to kolonner hver, så leses de 1, 2, 3, 4 overalt.

Test selv: lag en gruppe med to kolonner og et ikon-kort i hver. Slå på «lik høyde» og skriv en lang tekst i det ene kortet. Se hva som skjer med det andre.

Trykk «Legg til blokk» i en kolonne og velg fra paletten: Overskrift, Tekst, Merke, Knapper, Bilde, Ikon, Ikon-kort, Kort/ramme, Luft, Skillestrek, Slideshow, Bevegelig bilde, Ofte stilte spørsmål, Fortelling (scroll) og modulene Oppslaget, Oppdrag, Kategorier og Annonser. Video og Komponent er forbeholdt administrator, som også styrer hvilke moduler du ser i paletten.

Klikk på en blokk for å redigere den i panelet nederst. Blokker flyttes med pilene eller ved å dra, og slettes med den røde søppelbøtta. «Luft» gir ekstra avstand ett sted, mens avstanden mellom alle seksjoner styres under Tema. Ikon-kort kan ha et stort, svakt tall bak seg, og «Ofte stilte spørsmål» gir strukturdata som søkemotorer kan vise rett i treffet.

Mediavisning er blokka for bilde, film og Lottie i lag: samme spilleliste som seksjonsbakgrunnen, med egne effekter per lag. Ett bilde er bare én rad. Bilde, Slideshow og Video finnes fortsatt – Bilde er raskeste vei til ett bilde som flyter med teksten, og Video har spiller med kontroller og innbygging fra YouTube og Vimeo.

Test selv: legg inn en «Ofte stilte spørsmål»-blokk med tre spørsmål i en artikkel, lagre, og åpne artikkelen utlogget. Spørsmålene kan foldes ut.

Tekstblokker støtter fet skrift med to stjerner rundt ordet, lenker med «Sett inn lenke»-knappen (eller klammeparentes rundt teksten og adressen i vanlig parentes rett etter), punktlister med bindestrek og mellomrom først på linja, nummererte lister med «1. », og kode med aksenttegn rundt. Tom linje gir nytt avsnitt.

Kursiv med én stjerne støttes ikke, stjernene blir stående. Interne lenker går rett videre, mens lenker ut av opplink.no viser en advarsel om at leseren forlater Opplink. Overskrifter har nivå fra 2 og ned. Nivå 1 er artikkeltittelen, som alltid vises over innholdet.

Test selv: skriv en tekstblokk med en fet setning, en punktliste og én ekstern lenke. Lagre, og klikk lenken. Advarselen du ser, er den leserne dine også ser.

Alle bildefelt i sidebyggeren, i Bilde, Slideshow, Kort, Fortelling, seksjons- og kolonnebakgrunner og merke-ikoner, har to knapper: last opp en ny fil, eller «Velg fil» fra biblioteket. Alt du eller kollegene dine har lastet opp, samles under fanen Medier på Min bedrift, med filtrering på type, søk og «I bruk»-telling som viser hvor en fil brukes. Sletter du en fil som er i bruk, får du se hvor før du bekrefter. Bilder komprimeres automatisk ved opplasting, og samme bilde kan brukes mange steder uten å lastes opp igjen.

Test selv: åpne Medier på Min bedrift og se på «I bruk»-tallet på tre filer. Finn én med 0. Trenger du den?

Blokker, kolonner, grupper og seksjoner har en glød-skala i innstillingene (tannhjulet) som står på 0, altså av. Drar du den opp, begynner elementet å lyse. På overskrifter og tekst gløder selve bokstavene. På merker, ikoner, bilder og kort gløder omrisset av formen. På seksjoner legges gløden på innholdsrammen hvis den har en, ellers på hele båndet. Standardfargen er temaets primærfarge, og du kan velge en egen. Luft, Komponent, Fortelling og Video har bevisst ingen glød.

Test selv: sett glød på 40 på ett merke og på en overskrift i samme seksjon, og se dem i lys og mørk modus (bytt tema i profilmenyen). Blir det for mye, er 20 til 30 vanlig.

Verktøylinjen til hver seksjon, gruppe og blokk har en tryllestav. Den er blå når elementet har en animasjon. Trykk den, og et panel med ferdige oppsett og alle innstillingene åpnes nederst. Tre familier:

• Når elementet kommer til syne (spilles én gang): Ton inn, Zoom, Skarpt fra uskarpt, Vipp, Roter, Skjev, Sprett og Avdekk.
• Følger scrollen: Parallakse opp og ned, Vokser med scroll, Toner med scroll, med bevegelse opp til 400 piksler.
• Tekst-effekter for overskrift, tekst og merke: Skrivemaskin og Bokstav for bokstav.

Du styrer varighet, forsinkelse og bevegelseslengde, og «Trinnvis» på en gruppe lar blokkene komme etter tur. «Forhåndsvisning» spiller effekten én gang. Et element kan også festes mens resten scroller forbi; står blokka alene i kolonnen, setter du en «festelengde» som lager plassen den skal stå gjennom. Lesere som har slått av bevegelse i operativsystemet, ser innholdet uten animasjon.

Test selv: gi en gruppe med to kort «Vipp opp» med trinnvis, og «Bokstav for bokstav» på overskriften over. Det er oppsettet Oppslaget bruker på de nyeste artiklene.

Blokka Fortelling (scroll) er scrollytelling slik aviser gjør det: bildet står fast mens kapitlene scroller forbi, og krysstoner til neste kapittels bilde. Hvert kapittel har et bilde (kapitler uten eget bilde arver forrige), et merke, en overskrift og en tekst. Inntil 20 kapitler, men tre til fem er nok.

Øverst i innstillingene velger du medium: Bilder eller Film. Med film står filmen stille mens kapitlene scroller forbi, og scrollen kan styre selve avspillingen. Bytter du fram og tilbake, beholder du kapitlene, så det koster ingenting å prøve. Film er forbeholdt administrator som standard.

Innstillingene: tekstpanel (glass, kort eller vanlig), mørkt overlegg, kapittelhøyde i prosent av skjermen, framdriftsstrek, svak zoom, luft mot kanten, og bredde i prosent av skjermen, slik at bildet kan dekke hele skjermbredden selv om seksjonen er smalere. Viktigst på mobil er siktepunktet: klikk i bildet for å bestemme hva som alltid skal være synlig når det beskjæres, med et eget siktepunkt for små skjermer. Sett seksjonen til «Bred».

Hvert kapittel kan også ha sin egen bevegelse, de samme som i spillelista: zoom fra og til, et siktepunkt som flytter seg, og rotasjon. Bevegelsen kjøres mens kapitlet er det aktive, og hvor lenge den bruker setter du med «Bevegelseslengde» på blokka.

Test selv: lag en fortelling med tre kapitler og to bilder (det tredje arver). Åpne den på telefonen og se om det viktigste i bildene er synlig bak panelet. Hvis ikke, flytt siktepunktet for mobil.

Bakgrunnen i en seksjon er en spilleliste. Hver rad er noe som spilles, og radene går etter hverandre. En rad kan ha inntil tre lag oppå hverandre – for eksempel en Lottie-animasjon øverst, et bilde med gjennomsiktighet i midten og en film nederst. Legger du bare inn ett bilde, blir det også en rad, slik at alt oppfører seg likt.

Varigheten til en rad er enten filmens egen lengde eller et antall sekunder du setter selv. Er det bare én rad, går filmen i loop og bildet blir stående – den lastes ikke inn på nytt bare for å vise seg selv igjen.

Effekter per lag: zoom fra og til (for eksempel 100 % til 120 % fra start til slutt), et siktepunkt som flytter seg fra ett sted til et annet så bildet panorerer, rotasjon, og toning inn eller ut fra svart, hvitt eller gjennomsiktig. Gjennomsiktig lar det som ligger bak – neste lag eller nettsidens egen bakgrunn – skinne gjennom. Hver rad har i tillegg sin egen overgang og sitt eget overlegg, mørkt eller lyst.

Neste rad byttes inn først når den er ferdig lastet, så leseren aldri ser den buffre. Er den ikke klar, spilles den pågående om igjen til den er det. Utenfor skjermen står alt stille, så en film lenger nede på siden ikke tapper batteriet. I redigering står første rad stille, så bakgrunnen ikke bytter seg mens du jobber.

Toning inn toner hele bakgrunnen fram når den er lastet. Den gjelder bare bakgrunnen, aldri innholdet oppe på – innholdet animeres med tryllestaven, som før. Ligger det også et fast bakgrunnsbilde i seksjonen, brukes det som plakat mens en film laster, slik at siden ser riktig ut også for lesere med batterisparing som ikke får filmen avspilt i det hele tatt.

Den samme spillelista finnes som en blokk i innholdet: Mediavisning. Der velger du i tillegg sideforhold eller høyde, bredde i prosent av skjermen og rundhet. Film som lag er forbeholdt administrator, fordi film tar mye lagringsplass – bilde og Lottie kan alle bruke.

Test selv: legg to rader i en seksjon, gi den første et bilde med zoom fra 100 % til 125 %, sett overgangen til «Ton over», lagre og åpne siden utlogget. Bildet skal kjøre rolig innover, og radene skal gli over i hverandre uten en eneste sort flate.