Zeilennummerierung am WordPress-Frontend

Ich habe mir alle möglichen Plugins angeschaut und keines hat was ich brauche, nämlich die Zeilennummerierung nur am Frontend.

Angenommen, mein WordPress-Beitrag sieht im Backend-Editor so aus:

Meine erste Zeile

Zweite Reihe

Dies ist der dritte

Ich möchte, dass meine Startseite so aussieht

01 Meine erste Zeile

02 Zweite Zeile

03 Dies ist der dritte

Kann es mit Code oder einem Plugin gemacht werden?

Solutions Collecting From Web of "Zeilennummerierung am WordPress-Frontend"

Es ist nicht wirklich eine WordPress-Frage, aber es ist irgendwie mit dem visuellen Editor verwandt.

Wenn Ihr Inhalt nur Rohtext ist, der durch
-Tags getrennt ist, kann ich mir keinen Weg vorstellen, dies zu tun. Aber wenn die Struktur Ihres Inhalts wie folgt aussieht:

 

My first line

Second line

This is the third

Dann können Sie eine CSS-function namens Counter verwenden:

 body { counter-reset: section; } p::before { counter-increment: section; content: "Line number " counter(section) ": "; } 

Dies wird das folgende Ergebnis ausgeben:

Zeilennummer 1: Meine erste Zeile

Zeilennummer 2: Zweite Zeile

Zeilennummer 3: Dies ist die dritte

Welches Sie es anpassen können, um Ihren Lieblingsstil zu erhalten. Es muss kein Element sein, es kann alles sein. Tatsächlich werden p Elemente bereits als Blöcke betrachtet und belegen automatisch eine neue Zeile. Sie können mehr Beispiele an W3 Schulen sehen .