Twenty Sixteen: Großbuchstaben in Überschriften führen zu unterwünschten Zeilenumbrüchen

  • Ich verwende das Theme Twenty Sixteen unter WP 5.1. Wenn in Überschriften Abkürzungen vorkommen, die aus Großbuchstaben bestehen (z.B.: EU, USA) (oder aus sonstigen Gründen Wörter in Überschriften mit Großbuchstaben geschrieben wurden), so entstehenden bei den Verweisen (zurück / älterer Artikel --- weiter / neuerer Artikel) hin zu dem Artikel mit den Großbuchstaben in der Überschrift vor und nach den Großbuchstaben unerwünschte Zeilenumbrüche; siehe screen shots:

    Beispiel "EU":
    [Blockierte Grafik: http://peter-nowak-journalist.de/wp-content/upl…aben_Bsp_EU.png]

    http://peter-nowak-journalist.de/2019/02/18/wel…ng-in-scherben/


    Beispiel "USA":

    [Blockierte Grafik: http://peter-nowak-journalist.de/wp-content/upl…ben_Bsp_USA.png]http://peter-nowak-journalist.de/2019/02/04/ube…as-taxigewerbe/
    http://peter-nowak-journalist.de/2019/02/04/ube…as-taxigewerbe/


    Lassen sich diese Zeilenumbrüche irgendwie vermeiden?

    Falls das zur Lösung führt: Im Quellcode sind die Abkürzungen als span class="caps" gekennzeichnet:

    Code
    <nav class="navigation post-navigation" role="navigation">
            <h2 class="screen-reader-text">Beitrags-Navigation</h2>
            <div class="nav-links"><div class="nav-previous"><a href="http://peter-nowak-journalist.de/2019/02/17/der-dritte-weg-zog-mit-fackeln-und-trommeln-durch-fulda/" rel="prev"><span class="meta-nav" aria-hidden="true">Zurück</span> <span class="screen-reader-text">Vorheriger Beitrag:</span> <span class="post-title">»Der Dritte Weg« zog mit Fackeln und Trommeln durch Fulda</span></a></div><div class="nav-next"><a href="http://peter-nowak-journalist.de/2019/02/21/muss-die-linke-die-eu-verteidigen/" rel="next"><span class="meta-nav" aria-hidden="true">Weiter</span> <span class="screen-reader-text">Nächster Beitrag:</span> <span class="post-title">Muss die Linke die <span class="caps">EU</span> verteidigen?</span></a></div></div>
        </nav>


    und

    Code
    <nav class="navigation post-navigation" role="navigation">
            <h2 class="screen-reader-text">Beitrags-Navigation</h2>
            <div class="nav-links"><div class="nav-previous"><a href="http://peter-nowak-journalist.de/2019/02/04/cg-gruppe-verkauft-postscheckamt-an-art-invest/" rel="prev"><span class="meta-nav" aria-hidden="true">Zurück</span> <span class="screen-reader-text">Vorheriger Beitrag:</span> <span class="post-title">CG-Gruppe verkauft Postscheckamt an Art-Invest</span></a></div><div class="nav-next"><a href="http://peter-nowak-journalist.de/2019/02/04/usa-hoffnung-fuer-mumia-abu-jamal/" rel="next"><span class="meta-nav" aria-hidden="true">Weiter</span> <span class="screen-reader-text">Nächster Beitrag:</span> <span class="post-title"><span class="caps">USA</span>: Hoffnung für Mumia Abu Jamal</span></a></div></div>
        </nav>

    (Ich habe schon probiert, was passiert, wenn ich die Abkürzungen lösche und neue über die Tastatur eingebe: Das Problem bleibt bestehen.)

    Einmal editiert, zuletzt von Am Ende des Lateins (2. März 2019 um 10:17)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Schau mal, ob das...

    HTML
    .post-navigation span.caps {
      display: inline-block;
    }


    das Problem löst.
    Kann da aber nur auf der Seite von deinem 2. Link testen... der 1. Link führt ins Nirwana.

    Den CSS Code bitte in das zusätzliche CSS (Dashboard -> Design -> Customizer -> zusätzliches CSS) einfügen und anschließend alles testen, ob unerwünschte Nebeneffekte auftauchen.

  • die Bilder hier funktionieren alle nicht!

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • @Am Ende des Lateins: Warum stellst du Screenshot beim Eröffnen der Frage ein und löschst diese kurze Zeit später wieder? Lad sie doch einfach übers Forum hoch.

    So wird weiteren Besuchern nicht geholfen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Zitat

    Lad sie doch einfach übers Forum hoch.

    Weil ich die Möglichkeit dazu nicht gefunden hatte, sondern nur angeboten bekam, die Bild-URL einzugeben.

    Warum stellst du Screenshot beim Eröffnen der Frage ein und löschst diese kurze Zeit später wieder?

    Weil ich die Bilder der Bequemlichkeit in meine WP-Mediathek hochgeladen hatte und sie mir diese aber unübersichtlich machten, sodaß ich da aufgeräumt habe. Sorry.

    Einmal editiert, zuletzt von Am Ende des Lateins (2. März 2019 um 17:09)

  • es gibt den Button "Datei hochladen" (neben "Antwort erstellen"), diesen bitte zukünftig nutzen!

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • oder man nutzt Copy&Paste, oder Du ziehst die Datei einfach per Drag&Drop ins Fenster.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!