Her har vi selve siden og alle elementer på siden. Her kan man nemt tilføje og redigere indholdet.
Tilføje links i et tekstelement
Tilføje links på billede element
Størrelsen højden og bredden på videoer
Two column content og To kolonnes indhold
Kolonneopdeler: One – Two column content
Vælg hvor mange nyheder der skal vises på forsiden
Opret nyt element
Du trykker på det element du gerne vil redigere og hvis du vil oprette et nyt element, så vælger du et element og trykker på plus tegnet oppe i menuen som kommer op ved at trykke på elementet.
Når du har valgt plustegnet, så skal du tage stilling til om det nye element skal placere over (pil op) eller under (pil nedad) det allerede eksisterende element. Dernæst vælger du det ønskede element i listen under:
Ved siden af plustegnet er der en række andre muligheder:
Først har vi øjet til at skjule elementet. Knappen er blå hvis elementet er skjult – tryk på øjet igen for at synliggøre elementet igen.
Dernæst har vi kopi og klip funktioner hvis det valgte element skal genbruges eller flyttes. Når enten kopier eller klip knappen er valgt, så kommer indsæt knappen frem:
Den valgte knap bliver blå for at indikere om du er ved at kopiere eller klippe.
Den sidste knap benyttes hvis elementet skal slettes helt.
Elementtyper
Det er forskelligt hvilke elementtyper det er muligt at tilføje alt afhængig af hvilken slags side du er på og hvor du er på siden.
Der findes en række elementer som er udviklet specielt til bestemte sider eller hvor der kræver en bestemt adgang – dem med rødt kryds over. Her i manualen beskrives kun de elementer som alle kan benytte – dem uden rødt kryds.
Følgende elementer er almindelige tekst og billede elementer:
- Overskrift
- Tekst
- Billede
- Tekst med billede
- Header with text
- Header with text and image
- Large header with text and image – er udviklet til brug inde i kolonne opdeleren One – Two column content – teaser only og fylder to tredje del af siden. Læs mere i afsnit Kolonneopdeler: One – Two column content
Der finder også tre forskellige fakta bokse, en almindelige (Factbox), en med tekst ovenover og til venstre (Factbox with text) og en faktaboks der kan foldes ud:
Factbox og Factbox with text har som standard hjemmesidens primære farve (den sorte på vores demoside og den lilla farve på folkekirken.dk) under blyanten kan man vælge den alternative farve som er grå på alle sider eller en border i den primære farve:
Factbox – expendable har den primære farve når den er foldet sammen og den skifter farve til den alternative når den bliver foldet ud:
Quote er citat funktion hvor det er muligt at indsætte et citat med evt. navn på personen og hvor det er fra:
Det er ikke nødvendigt at udfylde andet end selve citatet, det der ikke blier udfyldt det kommer ikke med i frontend:
Icon with text er et ikon med tekst ved siden af. Det bliver mest brugt i den farvede eller sorte kasse i bunden af siden. For at lave et ikon skriver du et tal, punktum eller komma i ikon feltet. Se ”oversættelsestabel” på ikoner her:
”Koden” for noden er 9, for info tegnet er: osv…
- Slider er billede element som benyttes til at tilføje flere billeder som man kan blade imellem. Se nærmere i afsnit Slider
- HTML er et fleksibelt element hvor man kan for eksempel tilføje youtube video. Se nærmere i afsnit HTML
- Youtube er et specielt element egnet til youtube videoer. Se nærmere i afsnit Youtube
- Seperator er en delestreg lige som dem der er mellem to og tre kolonner.
- To kolonnes indhold er et element som deler siden op i to kolonner som du så kan vælge hvilke elementer du vil have i de to kolonner. Se nærmere i afsnit Two column content og To kolonnes indhold
- Plugin-visning benyttes til kalendervisning på forsiden. Se nærmere i artiklen Kalender afsnit Vis din kalender på forsiden
- News overview er en udtræk af de nyeste nyheder og egnet til forsiden men kan også benyttes på andre sider. Se nærmere i afsnit News overview
- News article list og News article column list er to forskellige listevisninger af nyheder. Se nærmere i artikel Sidetræet afsnit At oprette en nyhed - News article
- Calender er et element som viser de begivenheder som i har på jeres neos konto i outlook. Se nærmere i artikel Kalender afsnit Vis begivenhederne på hjemmesiden
- Specielle elementer som kun benyttes få steder:
- Search – benyttes kun på søg siden som er oprettet fra starten af.
- Frontpage Top Image – topbillede kun til forsiden.
- Three column content – teaser only er kun egnet til forsiden, kan teknisk set tilføjes til andre sider men her skal man være opmærksom på at elementet kan f.eks. gå over elementer i højresiden.
Redigering af tekstelementer
Når man tilføjer et tekstelement, vises øverst på selve siden en bar som giver flere muligheder for redigering:
Her kan du vælge overskrifter bredformat og kursiv.
Der er også mulighed for at lave tabeller, men det frarådes pga. mobilvenlighed.
Til sidst er der indstillinger for placering af tekst og mulighed for opstilling med punkter, tal eller bogstaver.
Tilføje links i et tekstelement
Tryk på link knappen: Så bliver den blå og der kommer et tekstfelt hvor du både kan linke til interne sider ved at søge på sidenavnet (NB! Der kan være forskel om du søger med store eller små bogstaver) og eksterne sider, samt dokumenter fra mediearkivet.
Når man linker til interne sider eller dokumenter i mediearkivet så er det bedre at søge på noget specifikt fordi det er meget data der skal søges i og det kan tage lang tid at finde hvis man søger på noget generelt ord som kirke eller referat.
Det er her hvor du tilføjer e-mail links ved at skrive e-mailen og trykke på Format as email?
Billede
For at tilføje billeder, vælger du et billedelement. Når du har valgt det ønskede billedelement, vises et billedikon på siden og indstillinger til højre:
For at vælge et billede trykker du på kameraikonet for at komme ind i filarkivet. (Vær opmærksom på at blyanten er valgt, ikke tandhjulet )
Når du har fundet det ønskede billede, så husk at beskære billedet:
Alt efter billedets placering, så vælger neos en passende beskæring, nogen gang er det muligt at vælge mellem flere forskellige beskæringer men neos vil altid foreslå den bedste:
Husk at vælge Anvend (den grønne knap nede i højre side) når billedet er som det skal være.
Det er også muligt at vælge om billedet skal være centreret eller placeret til venstre eller højre. Det vælger du under blyanten og i afsnittet Placering:
Tilføje links på billede element
I ruden til højre under blyanten er der en boks hvor man kan linke til både interne og eksterne sider, samt dokumenter fra mediearkivet:
Indsæt link hvis der skal linkes til en ekstern side og søg i sidenavn eller filnavn hvis der skal linkes internt.
Slider
Hvis du har mange billeder f.eks. fra en begivenhed, ville det være smartest at bruge en billede slider. På den måde gier du mere plads til tekst på siden og brugeren kan blade imellem billederne.
Når du har tilføjet en slider til siden, så vises denne boks:
Tilføje billeder på samme måde som med andre billedelementer (vælg kameraikonet i menuen til højre, under blyanten).
Til at starte med er der kasser til to billeder. For at tilføje flere kasser til billederne vælger du plustegnet over elementet. Du kan se at du er ved at tilføje et billede ind i slidere ved at du kun har mulighed for at vælge imellem få element typer.
For at tilføje et nyt element under slideren skal du sørge for at den er ”foldet ud” ved at trykke på den grå tekst boks hvor der står Slider: Click to show all slides.
Nu, når du trykker på plustegnet over slideren, får du mulighed for alle de forskellige typer af elementer.
Det nemmeste er at benytte strukturoverblikket i venstre side:
Her har du et godt overblik over billederne og kan nemt trække dem op og ned for at lave den ønskede rækkefølge, samt tilføje nye billeder det rigtige sted i rækkefølgen.
Lydfil afspiller
Lydfil afspiller - Der er kommet en afspiller til almindelige lydfiler lagt op i mediearkivet, den kan findes under navnet "Audio".
HTML
HTML benyttes til indlejring af indhold fra andre sider som f.eks. youtube. Her er der også mulighed for at tilføje mailchimp HTML for tilmelding til nyhedsbrev – se nærmere på : http://mailchimp.com/ .
Når du har tilføjet elementet, vises der er en boks:
Du vælger hvilket indhold du vil dele ved at trykke på elementet og i ruden til højre trykker du på Edit HTML source. (Vær opmærksom på at blyanten er valgt, ikke tandhjulet )
Her indsætter du HTML kilden i stedet for teksten Enter HTML here (behold <p> og </p>) og tryk den grønne Anvend knap ned i bunden i højre siden.
Størrelsen højden og bredden på videoer
Hvis du har tilføjet en video som ikke fylder hele kassen, som her:
Så kan du vælge ’Rediger HTML kode’ og indstille bredden i koden:
Bredden på en almindelige side i neos er 646.
På en fuld width page er den 932 og en lille kasse på forsiden er den 292.
Husk også at indstille højden. Den rette højde finder du ved at gange den ønskede bredde med den nuværende højde og dividere med den nuværende bredde.
Benyt evt. denne gratis omregner: https://andrew.hedges.name/experiments/aspect_ratio/
I koden kan i se at nuværende bredde er 560 og højden er 315. Indtast tallene i forholdsvis W1 og H1. Derefter indtastes den ønskede bredde, som er 646 i dette tilfælde:
Så ved i at højden skal være 363 hvis i ønsker bredde på 646.
Disse tal rettes i koden og nu fylder videoen hele kassen:
Youtube
Benyttes til deling af youtube videoer. Indsæt videoens ID og juster evt. højden i højre siden under blyanten:
ID kan du blandt andet finde i url’en (det er alt det der står efter tegnet =):
Two column content og To kolonnes indhold
Du kan vælge at dele din side op i kolonner ved at tilføje Two column content eller To kolonnes indhold.
Ved at trykke på en af kolonnerne vises et plus tegn som du trykker på for at vælge hvilket element du vil have i din kolonne.
Forskellen på de to er at der er en delestreg imellem Two column content:
De kommer automatisk og dem kan man hverken fjerne eller tilføje men man kan vælge mellem de to opdeler.
Kolonneopdeler: One – Two column content
One – Two column content kolonneopdeleren deler midtersiden op i to kolonne hvor den ene kolonne fylder to tredjedel og den anden fylder en tredjedel. Til den to tredjedel er der udviklet en stort billedelement med tekst og overskrift: Large header with tekst and image.
Se her nedenunder hvor der er et stort billedelement i venstre siden og et almindeligt i højre siden:
Kolonneopdeleren kan indstilles til enten at placere to tredjedelen i højre eller venstreside. Det indstilles under blyanten:
Large header with tekst and image : Udover overskrift, tekst og billede er der også mulighed for at tilføje en forrider og to linkfelter.
Disse indsættes under blyanten her:
Når der er indtastet adresser/destinationer i de to linkfelter så kommer der to tekstfelter frem som udfyldes efter eget ønske (aktiver rediger af tekstfelterne ved at trykke på ’Enter link text’):
Det stadigvæk også muligt at indsætte et link på selve elementet her:
News overview
News overview er én mindre visning af de nyeste nyheder.
Elementet er egnet til forsiden, især til højre for topbilledet:
Indsæt elementet og vælg den side som den skal trække nyheder fra ved at søge siden hvor nyhederne ligger på under Link to list page under blyanten:
Vælg hvor mange nyheder der skal vises på forsiden
Det er muligt at justere på hvor mange nyheder der vises på forsiden. Det kan være nødvendigt at justere på antallet for at nyhedslisten flugter med topbilledet. Som udgangspunkt vises de 2 nyeste nyheder men under Number of articles under blyanten kan du indtaste det ønskede antal:
Derudover er det muligt at fravælge den nyeste (den nyhedsartikel der har den nyeste publiceringsdato) ved at sætte hak i Exclude latest news: