Drupal, instruktioner för redaktörer

In-page navigering

Owned by Mattias Jacobsson
Last updated: Dec 21, 2022
2 min read
Beskrivning

En informationssida ska vara slutdestination för besökaren och det innebär att sidan kan bli lång. Besökaren kan då behöva skrolla mycket. Du kan hjälpa besökaren genom att gruppera innehållet och skapa en så kallad in page-navigering, eller ankarlänkar.

Länkarna lägger sig till vänster om texten men följer inte med när besökaren skrollar på sidan som det var tänkt från början. Detta är ändrat eftersom det blir problem med tillgängligheten eftersom menyn i vissa fall löper ovanpå sidans innehåll.

In page-navigeringen ger besökaren möjlighet att klicka på den länk som är av intresse så att besökaren hoppar längre ner på sidan.
In-page-navigering genereras automatiskt när det finns fem eller fler H2-rubriker. I layoutbuilder kan man få H2-rubriker genom att välja formatering ”Rubrik 2”. Den formateringen finns i komponent ”editor” i sektion ”information” för informationssidor och i komponenten ”textruta” i övriga sektioner (1-spalt, 2-spalt etc.).

OBS! Om du har en sida med många och långa rubriker kan det resultera i att menyn lägger sig ovanpå delar av innehållet i sektionen nedanför. Försök därför i första hand att undvika många och långa rubriker eftersom funktionen inte är anpassad för det. Du kan också komma runt problemet genom att lägga in en tom sektion längst upp på sidan i layout builder.

Film: In-page navigering i Drupal

Så här gör du

I det här exemplet beskrivs hur du lägger till fem H2-rubriker på en befintlig informationssida.

  1. När du är inne på en informationssida, måste du vara i textredigeraren i fältet "Brödtext".
    1. Gruppera innehållet och skapa rubriker för varje del.
    2. Formatera rubriken med teckenformatet "Rubrik 2" i rullgardinsmenyn "Teckenformat".
    3. Tänk på att rubriken ska berätta vad texten handlar om utan att vara för lång, eftersom länkarna i in page-navigeringen då kan bli svåra att läsa.

  2. När du har formaterat dina rubriker, spara sidan som utkast och se hur det ser ut under visa-fliken.



  3. Här är ett exempel på en sida med In page-navigering där H2-rubrikerna länkarna lägger sig till vänster om texten.


Det går inte att länka till engelska sidor från svenska

Tanken är att man ska ha en språkkompis på alla sidor helst. Om man ändå ska länka på detta sätt får man i så fall skapa en extern puff.