Support » Allgemeine Fragen » Liste mit Jahreszahlen

  • Hallo,

    leider konnte ich keine Antwort zu meinem Problem finden. Ich suche eine Möglichkeit bei einer Liste eine Jahreszahl als Tag zu verwenden.

    Bisher nutze ich einen unschönen Workaround mit Bullettpoints. Werden die Zeilen länger, dann wird in der neuen Zeile zu wenig eingerückt.

    Eine Aufzählung mit einem Start z.B. ab 2000, klappt nicht, da ich nicht alle Jahre nutze und der Punkt hinter dem Jahr unschön wäre.

    Ein akzeptabler Workaround wäre das Unterdrücken des Bullettpoints und ein selbstdefiniertes Einrücken (also um ungefähr 4 Stellen).

    vielen Dank und viele Grüße S

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Deine Frage hat nichts mit WordPress zu tun, sondern ist eine Frage zu HTML. Da wir hier keine Grundlagen in HTML, PHP, CSS, JavaScript usw. vermitteln können, ändere ich den Status deiner Frage in „keine Support-Frage“.

    Um eine sortierte Liste mit Jahreszahlen auszugeben, die nicht fortlaufend sind, kannst du den List Items ein Attribut value hinzufügen, z.B. ergibt

    <ol start="2018">
      <li>WordPress 5.0</li>
      <li>WordPress 5.1</li>
      <li value="2019">WordPress 5.2</li>
      <li value="2019">WordPress 5.2</li>
      <li>WordPress 5.4</li>
    </ol>

    im Frontend

    2018. WordPress 5.0
    2019. WordPress 5.1
    2019. WordPress 5.2
    2019. WordPress 5.2
    2020. WordPress 5.4

    Wie du siehst, kannst du damit zwar die Jahreszahlen ausgeben, aber es bleibt die tatsächlich unschöne Ausgabe des Punkts am Ende der Jahreszahl. Die liesse sich mit Workarounds in Form von CSS-Regeln ausblenden, was aber nicht in allen Browsern funktioniert. Eine bessere Lösung ist wahrscheinlich, eine Tabelle einzufügen:

    Screenshot Einstellungen
    (zum Vergrößern anklicken)

    Der Tabelle habe ich in den Einstellungen in der Sidebar eine CSS-Klasse ohnelinien zugewiesen (roter Pfeil), weil ich keinen Rahmen möchte und mir die Abmessungen der Tabelle auch nicht gefallen. Die ändere ich durch eine eigene CSS-Regel, die ich im Customizer hinzufüge:

    .ohnelinien table {
      width: auto;
    }
    .ohnelinien td {
      border: none;
      width: unset;
    }

    Im Ergebnis sieht das dann so aus:

    Screenshot Einstellungen
    (zum Vergrößern anklicken)

    Ergänzend noch eine andere Idee: Du könntest Jahreszahlen und zugehörigen Inhalt auch mit einer „Description List“ (HTML-Tags <dl> [Description List] mit <dt> [Description Term] und <dd> [Description Data]) umsetzen. Interessanterweise gibt es dafür im WordPress-Core abgesehen vom Block „Individuelles HTML“ keine Eingabemöglichkeit, aber du kannst den Block mit dem Plugin Description List Block nachrüsten.

    Thread-Starter sano7

    (@sano7)

    Hmmm, das ist leider fummelig ohne Ende. ich will nicht nur keine Rahmen, sondern auch Abstände wie bei einer Liste. Die Zeilen der Tabelle sind viel zu weit auseinander und die Spalte natürlich auch.

    Und wenn der Text länger wird, darum geht es ja, dann wird es hinten zweizeilig und die Jahreszahl ist vorne zentriert. Geht wahrscheinlich alles mit irgendwelchen CSS Ausnahmen, aber das kann’s nicht sein.

    Übrigens hatte ich nach WordPress gefragt, ich tipp doch kein html. Irgendeine Tabelle bekommt man mit irgendeinem table-plugin in elementor, das geht schon, es passt halt nicht.

    Hmmm, das ist leider fummelig ohne Ende.

    Nein, überhaupt nicht. Tabellen in WordPress einzufügen ist doch nun wirklich einfach.

    Geht wahrscheinlich alles mit irgendwelchen CSS Ausnahmen

    Ich würde es CSS-Regeln nennen, aber … ja, damit sollte das alles kein Problem sein.

    Übrigens hatte ich nach WordPress gefragt, ich tipp doch kein html.

    Ich habe nur versucht, dir verschiedene Möglichkeiten aufzuzeigen – die Verwendung von Description Lists <dl> ist eine davon. Dass Unsortierte Listen <ul> nicht ideal sind sollte auch klar geworden sein. Die Lösung mit Tabellen erfordert überhaupt kein HTML, sondern ein paar wenige Zeilen CSS, die du im Customizer eintragen kannst.

    Aber ich wollte dich mit meiner Antwort keinesfalls verärgern …

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Liste mit Jahreszahlen“ ist für neue Antworten geschlossen.