Hvordan få nummererte lister med bokstaver i WordPress

I denne oppskriften har vi installert utvidelsen Classic Editor så vi kan redigere innhold på den gamle måten. Det første du må gjøre hvis du ønsker å lage en liste med tall i WordPress, er å bytte til Tekstredigerer på siden eller innlegget du jobber med. Du  kan selvsagt bruke den Visuelle om det bare er tall du skal ha, men vi begir oss ut på litt HTML.

Bygg en nummerert liste med HTML

For å lage en nummerert liste bruker du HTML-kodene <ol></ol>, og inne i denne bruker du <li></li> for hvert element/ord/setning du ønsker å ha med i listen.

Eksempel på en nummerert liste:

<ol>
<li>Element EN</li>
<li>Element TO</li>
<li>Element TRE</li>
</ol>
Lager følgende liste:
  1. Element EN
  2. Element TO
  3. Element TRE

Bygge nummererte lister med bokstaver

Hvis du vil ha en bokstav eller et romertall, må du bare legge til litt CSS i <ol> koden:

style="list-style:INSERT_PROPERTY_VALUE_HERE"

Eksempel med store bokstaver:

<ol style="list-style:upper-alpha">
<li>Element EN</li>
<li>Element TO</li>
<li>Element TRE</li>
</ol>
Lager denne listen:
  1. Element EN
  2. Element TO
  3. Element TRE

Typiske eksempler på nummererte punktlister i WordPress for juridiske dokumenter

  • style=»list-style:upper-alpha» (A, B, C, D, E, etc.)
  • style=»list-style:lower-alpha» (a, b, c, d, e, etc.)
  • style=»list-style:upper-roman» (I, II, III, IV, V, etc.)
  • style=»list-style:lower-roman» (i, ii, iii, iv, v, etc.)

Hvis du vil prøve å bli litt mer avansert, kan du hekte på alternative stiler på <ol></ol> kodene oppført ovenfor.

Eksempler på grupper med ulik stil ved bruk av nummererte lister:

<ol>
<li>Element 1</li>
<li>Element 2 <ol style="list-style:upper-alpha">
<li>Element A</li>
<li>Element B
<ol style="list-style:lower-alpha">
<li>Element a
<ol style="list-style:upper-roman">
<li>Element I</li>
<li>Element II</li>
<li>Element III
<ol style="list-style:lower-roman">
<li>Element i</li>
<li>Element ii</li>
<li>Element iii</li>
<li>Element iv</li>
</ol>
</li>
<li>Element IV</li>
</ol>
<li>Element b</li>
<li>Element c</li>
</li>
</ol>
</li>
<li>Element C</li>
</ol>
</li>
<li>Element 3</li>
</ol>
Lager dette:
  1. Element 1
  2. Element 2
    1. Element A
    2. Element B
      1. Element a
        1. Element I
        2. Element II
        3. Element III
          1. Element i
          2. Element ii
          3. Element iii
          4. Element iv
        4. Element IV
      2. Element b
      3. Element c
    3. Element C
  3. Element 3
Del innlegget:
Share on facebook
Share on twitter
Share on linkedin

Vi utvikler og designer

Lurer du på hvilke prosjekter vi har gjennomført? Se noen av oppdragene vi har jobbet med.

La oss jobbe sammen

Vi vil gjerne høre mer om ditt prosjekt. La oss ta en prat og gjøre dine gode ideer til noe enda større!