Skip til primært indhold

Brødtekst

Brødtekstmodulet kan bruges til tekst med links, tabeller mv. - IKKE til billeder og video

Brødtekstmodulet

Brødtekstmodulet er det modul, du oftest vil bruge. Du kan indsætte lige så mange brødtekstmoduler på en side, som du har brug for - og ikke præcis den rækkefølge du ønsker.

Brug kun modulet til tekst

Du må i udgangspunktet ikke indsætte billeder og video i brødtekstmodulet, selvom det teknisk er muligt at gøre det. Det skyldes, at billeder/video ikke er responsive, når de indsættes via brødtekstmodulet. Derfor tilpasser de sig ikke mindre skærmstørrelser, hvilket gør, at de bliver for store til visning på mobiltelefoner og tablets.

Brug i stedet modulerne billedgalleri, video eller embedded indhold, hvis du vil vise billeder, video o.l. på en side.  

Sådan gør du

  1. Under indhold - klik "Tilføj indhold".
  2. Klik "brødtekst".
    Vælg brødtekst
  3. Læs mere om tekstredigering i Umbraco under "Rediger brødtekst".
  1. Under brødtekstmodulet kan du vælge, om du vil anvende en indholdsfortegnelse til brødteksten. Indholdsfortegnelsen får sit indhold fra de steder, du har angivet en overskrift på siden.
  2. Klik på pilen i dropdown-menuen
  3. Vælg hvilke slags overskrifter, indholdsfortegnelse skal liste. Indholdsfortegnelsen viser den valgte overskriftstype og opefter. 
    Indholdsfortegnelse
  1. Navigér hen til det brødtekstmodul du ønsker at kopiere, og marker feltet.
  2. Klik på ikonet med de to dokumenter i feltets højre side.
  3. Modulet er nu kopieret til udklipsholderen.
  4. Når du klikker på "tilføj indhold" på en hvilken som helst side, bliver det kopierede indhold synligt og kan indsættes.
    Indsæt brødtekst fra udklipsholder
     
  1. Navigér hen til det brødtekstmodul, du ønsker at slette, og marker feltet.
  2. Klik på skraldespandsikonet yderst til højre.
    Slet brødtekstmodul
  3. Bekræft eller fortryd sletningen i dialogboksen. 
    Slet dialogboks

Brødteksteditoren

Brødtekst redigeres i editoren, der forkortes RTE (Rich Text Editor).

RTE ser sådan ud og indeholder forskellige redigeringsmuligheder.

Teksten kan formateres i flg. 4 formater:

  1. Normal
  2. Overskrift 2
  3. Overskrift 3
  4. Overskrift 4

Brug kun disse 4 typer, og brug dem hierarkisk, fordi din tekst på hjemmesiden skal overholde kravene til webtilgængelighed. Det betyder bl.a., at du ikke kan have en overskrift 3 på siden, før du har overskrift 2. Som bonus bliver din tekst også mere brugervenlig og nemmere at læse for søgemaskiner.

Afsnitsoverskrifter i Overskrift 2

Brødtekst i afsnit i skrifttypen Normal.

Underoverskrifter i Overskrift 3

Brødtekst i afsnit i skrifttypen Normal.

Under-under overskrift i Overskrift 4

Brødtekst i afsnit i skrifttypen Normal.

Fed og kursiv er tekstfremhævningsværktøjer, der skal anvendes med omhu, og de må aldrig anvendes som overskrifter. Hvis du har en overskrift, skal du kun anvende typografier Overskrift, 2, 3 eller 4.

Fed anvendes til at markere enkelte ord eller hele sætninger. Marker ordet eller sætningen, som skal markeres med fed skrift og tryk på ”B” i redigeringspanelet. 

Kursiv anvendes til at markere enkelte ord eller hele sætninger. Marker ordet eller sætningen, som skal markeres med kursiv skrift og tryk på ”I” i redigeringspanelet. 

For at understrege et ord eller en sætning, markér ordet eller sætningen og tryk på ”U” i redigeringspanelet. Alt understregning af ord bør undgås, da dette indikerer, at det er link. Anvend derfor aldrig understregning. 

Tekst kan placeres:

  • Til venstre
  • I midten el. centreret og
  • Til højre

Punktopstilling vælges her:

Klik på ikonet for punktopstilling ved både:

  1. Begyndelsen af punktopstillingen og
  2. Afslutningen af punktopstillingen.

Du kan også markere den tekst, som du ønsker at lave punktopstilling på og trykke på ikonet.

4 typer punkter

Vælg mellem 4 typer punkter:

Standard

Standard ser sådan ud:

  • Punkt i Standard
  • Næste punkt i Standard

Cirkel

Cirkel ser sådan ud:

  • Punkt i Cirkel
  • Næste punkt i Cirkel

Disk

Disk er magen til Standard og ser sådan ud:

  • Punkt i Disk
  • Næste punkt i Disk

Kvadrat

Kvadrat ser sådan ud:

  • Punkt i Kvadrat
  • Næste punkt i Kvadrat

Punktopstilling kan laves med tal for at vise punkterne i en bestemt rækkefølge. Det kaldes en numerisk opstilling og vælges her:

Klik på ikonet for numerisk opstilling ved både:

  1. Begyndelsen af den numeriske opstilling og
  2. Afslutningen af den numeriske opstilling.

4 typer tal

Vælg mellem 4 typer tal: Lower Alpha, Lower Roman, Upper Alpha og Upper Roman

Lower Alpha

Lower Alpha ser sådan ud:

  1. Først punkt i Lower Alpha
  2. Næste punkt i Lower Alpha

Lower Roman

Lower Roman ser sådan ud:

  1. Første punkt i Lower Roman
  2. Næste punkt i Lower Roman

Upper Alpha

Upper Alpha ser sådan ud:

  1. Første punkt i Upper Alpha
  2. Næste punkt i Upper Alpha

Upper Roman

Upper Roman ser sådan ud:

  1. Første punkt i Upper Roman
  2. Næste punkt i Upper Roman

I punktopstillinger og numeriske opstillinger (med tal) er det muligt at rykke punkter el. tal til højre eller tilbage til venstre igen. Det kaldes forøg og formindsk indrykning. Funktionerne findes som markeret herunder.

Tabulatorfunktionen på tastaturet kan også bruges:

  • Tab forøger indrykningen og
  • Shift+Tab formindsker indrykningen

Forøg og formindsk indrykning af punkter i punktopstilling

I en punktopstilling er det muligt at forøge og formindske indrykningen:

  • Første punkt i punktopstillingen
    • Underpunkt under første punkt som er lavet med forøget indrykning
      • Endnu et underpunkt, som er lavet med forøget indrykning
        • Og endnu et underpunkt med forøget indrykning
          • Og sådan kan du blive ved, selv om det nok ikke er nødvendigt ret ofte.
        • Her er punktet rykket et trin tilbage ved klik på formindsk indrykning
      • Formindsket indrykning
  • 2 gange formindsket indrykning bringer os tilbage til begyndelsen af punktopstillingen

For at skifte mellem punktopstillingsmuligheder, så du f.eks. kan differentiere mellem underpunkter, kan du klikke på den punkttype, som du ønsker.

Stå på punktet, vælg punkttype i punktopstilling.

Punkt i kvadrat efterfulgt af punkt i cirkel:

  • Punkt i Kvadrat
    • Næste punkt i Cirkel

Forøg og formindsk indrykning af tal i en numerisk opstilling

I en numerisk opstilling er det også muligt at forøge og formindske indrykningen af tal i opstillingen:

  1. Her er det første punkt
    1. Og det her er det første underpunkt til det første punkt
    2. Endnu et underpunkt til det første punkt
      1. Som får et underpunkt
        1. Og endnu et under-under-under-punkt
  2. Nu er vi tilbage ved punkt 2 i den numeriske opstilling.

 

 

Tabeller

Indsæt tabel finder du her i editorens menu:

Vælg antal rækker og kolonner, f.eks. 3 rækker og 3 kolonner:

 

 

 

Under den indsatte tabel finder du et panel med redigeringsmuligheder.

Tabel egenskaberne kan du redigere via det første ikon:

Slet tabel:

Indsæt række før:

Indsæt række efter:

Slet række:

Indsæt kolonne før:

Indsæt kolonne efter:

Slet kolonne:

Cellegenskaber

Klik på "tabel" og vælg "celle egenskaber".

I "Celle egenskaber" kan du justere bredden og højden af den enkelte celle

 

I feltet celle type skal du angive, hvilken type af indhold som findes i cellen. Enten er det en almindelig celle, eller en Sidehoved celle.

Webtilgængelighed styres bl.a. via celler

For at være sikker på, at din tabel er webtilgængelig skal du angive alle dine overskrifter som sidehoved celler. Det gælder både række - og kolonneoverskrifter. Når du har valgt celletypen, kan du i Anvendelsesområdet definere, om sidehovedcellerne skal dække for række eller kolonne. 

Justering af placering

Du kan også justere placeringen af din tekst inde i din tekst via H og V justering.

Eksempel på tabel med opmærkede celle typer

Celle typer
Krop Sidehoved Sidehoved Sidehoved
Sidehoved Krop Krop Krop
Sidehoved Krop Krop Krop
Sidehoved Krop Krop

Krop

Flet celler:

Hvis du ønsker at flette nogle af cellerne i tabellen, markér cellerne, der skal flettes og klik på "tabel" igen.

Herefter vælges "celle" og dernæst "flet celler".  

Eksempel - flettede celler på kolonne niveau

Øer i Danmark
  Fyn Ærø
Langeland
Jylland

Samsø

Split celler

Hvis du vil fortryde en flettet celle, kan du vælge at splitte cellerne. Stå i den flettede celle. Vælg celle og "Split celler"


 

 

 

Rækkeegenskaber:

I "Række egenskaber" kan du angive rækketyper - f.eks. rækkeoverskrifter, sidefod eller krop, og du kan justere højden på dine rækker. Klik på "tabel" og vælg "Række egenskaber"

I feltet "Rækketype" skal du angive hvilken type rækken skal være. Du kan vælge mellem Sidehoved (dette er din rækkeoverskrift og skal bruges ved øverste række), krop - standard indhold, og sidefod (dette er din bundlinje)

Eksempel på tabel med Række typer

Eksempel på tabel med rækketyper
Række type - sidefod Række type - sidefod Række type - sidefod Række type - sidefod
Række type - sidehoved Række type - sidehoved Række type - sidehoved Række type - sidehoved
Række type - krop Række type - krop Række type - krop Række type - krop

Justering af tekst i rækker:

I "Række egenskaber" kan du også vælge at justere placeringen af teksten. 

 

Højden af rækker:

Du kan vælge at indsætte en højde på din række ved at angive i pixels, hvor høj din række skal være. 

 

 

Tabellens egenskaber kan justeres i:

  • Bredde
  • Højde
  • Kant (angiv størrelse i px f.eks. 1 px for en lille kant) 
  • Tekst: Bemærk dette felt er titel på tabellen og skal være udfyldt for at leve op til WCAG. Ved kryds i tekst kommer en linje foroven, hvor du skal angive navn til tabellen.
  • Tilpasning for om tabellen er placeret til venstre, højre eller centreret i forhold til brødteksten

Følgende egenskaber kan ikke justeres:

  • Celle afstand
  • Celle padding

Eksempel på tabel:

Farver på flere sprog
  Engelsk Fransk
Sort Black Noir
Hvid White Blanc
Rød Red Rouge

 

Billeder og dokumenter - filer

Links og bogmærker

Markér linkets tekst (den tekst du vil lave til link), og klik på ikonet "Indsæt/ret link":

Når du har gjort det, har du 3 valgmuligheder:

Anden hjemmeside (eksternt link)

Når du vil indsætte et link til en ekstern hjemmeside, indsættes URL i feltet "link" og derefter indtastes linkets titel i feltet under. Denne titel vil blive vist, når brugeren kører musen over linket på hjemmesiden.

  

Når du indsætter et eksternt link på hjemmesiden, skal du HUSKE, at dette skal åbne i et nyt vindue eller fane. Muligheden nedenfor "åben i vindue" SKAL derfor være vænget af:

Egen hjemmeside (internt link)

Du kan også linke til en anden side internt på hjemmesiden:

Dette gøres ved at udvælge den ønskede side under "link til side", hvorefter felterne ovenfor automatisk bliver udfyldt.

Vær opmærksom på, at interne link IKKE skal åbne i et nyt vindue, og feltet "åben i vindue" skal derfor IKKE være vænget af.

Dokument i Mediearkiv

Den tredje mulighed er at linke til et dokument fra mediearkivet. Denne mulighed bruges f.eks. hvis der skal linkes til PDF-filer.

Du går helt ned i bunden af "vælg link"-fanen, hvor du klikker på "vælg medie" knappen. Derefter får du mulighed for at udvælge den ønskede fil:

Har du allerede uploadet filen til mediearkivet, kan du finde den her. Ellers kan du nu oploade den ved at klikke på "upload-knappen" til højre eller trække den ønskede fil ind i den udvalgte mappe. 

Slet link

Ønsker du at fjerne et link klikker du på "fjern link", mens du har markéret det ønskede link.

 

Bogmærker (Anchor) fungerer på samme måde som f.eks. i Word. Oprettelse af bogmærker foregår i to faser:

Opret bogmærket, dvs. det sted hvor der skal linkes til.

Dette gøres ved at markere teksten, hvor bogmærket skal være og derefter klikke på "anchor".

Du skal derefter indtaste navnet på dit bogmærke. (Dette ændrer ikke noget tekst på hjemmesiden).

Når du har klikket "ok", kommer der et lille anker foran den tekst du markerede for at indikere, at der nu er et bogmærke. Dette kan kun ses i brødtekst-editoren og bliver derfor ikke synligt på hjemmesiden. 

Indsæt link til bogmærket

Når du har lavet bogmærket, har du mulighed for at linke til det. Det er nemt at gøre inden for det samme modul. Hvis du har brug for at lave bogmærke-link til andre moduler på siden, kontakt din lokale superbruger el. webkoordinator for at få hjælp. 

Markér teksten, der skal udgøre linket til bogmærket og klik på knappen "Indsæt link".

Herefter vælges bogmærket i dropdownmenuen "Lokalt link".

Når brugeren klikker på dette link bliver denne ført til bogmærket.

Se eksempel her.

 

Knapper, video og andet indlejret indhold vha. makroer

Når du klikker på "insert macro" i editoren:

Får du disse valgmuligheder:

Indsæt knap

Klik på "knap" og derefter klik på "link" for at angive, hvor knappen skal føre hen. 

 

Herefter bliver du ført til fanen "vælg link", hvor du kan angive om linket skal være internt, eksternt eller til et dokument fra mediearkivet.

Det du skriver i feltet "link titel" vil blive vist på knappen.

Eksempel

Se vejledning til "link" for yderligere forklaring. 

Indsæt video

Hvis du klikker på "video" i stedet, skal du igen klikke på "tilføj", som ved "indsæt knap" ovenfor.

Derefter skal du vælge indhold:

Din video skal findes under mappen "delt indhold".

Bemærk: Du kan ikke indsætte et videomodul direkte i makro'en. Videoen skal oprettes under delt indhold for at kunne indsættes. 

Indsæt embedded indhold

Hvis du vælger "embedded indhold" er processen den samme som ved video, her skal du blot vælge undermappen "embedded indhold" under "delt indhold".

Bemærk: Du kan ikke indsætte embedded indhold direkte i makro'en. Videoen skal oprettes under delt indhold for at kunne indsættes. 

Vis kildekode

Kildekode

For at få teksten vist som HTML klik på "View Source Code".

Derefter vil det blive vist sådan her:

Dette er tekstens kildekode. Du skal være påpasselig med at rette eller tilføje noget til denne, hvis du ikke har en basis forståelse for HTML. 

Rettelser i kildekoden

Det anbefales ikke, at du retter i kildekoden. Vis kildekode er primært til at identificere evt. fejl, hvor en koderest kan gå ind og påvirke designet. Hvis du er grundigt trænet i HTML, kan du rette fejlene og afslutte med indsend i nederste højre hjørne.

APPFWU02V