Editor fügt überflüssige Leerzeile ein

  • Guten Morgen Wordpress Fans,

    ich habe folgendes Problem, ich gebe im Editor (Textmodus) folgendes ein, ohne Umbrüche!

    HTML
    [zeile][spalte-60]<h2>Überschrift</h2><p>Text</p>[/spalte-60][/zeile]

    Heraus kommt jedoch folgender Quelltext:

    HTML
    <div class="row"><div class="col-60"><p></p>
    <h2>Überschrift</h2>
    <p>Text</p>
    </div>
    </div>

    Wo kommt der leere Absatz her und wie bekomme ich den weg?

    Danke und viele Grüße
    Bea

    • 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

  • LINK zur Baustelle?? Könnte ein margin, padding oder line-height als Abstand zwischen Überschrift und Text sein!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Du müsstest uns erst mal mitteilen welche Funktion hinter dem Shortcode steht. Ich vermute da gibt es eine unnötige Zeilenschaltung. WordPress generiert dann gerne einen leeren p-Tag.

    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]

  • Ich danke euch für die schnellen Antworten.

    Hier der Link zur Baustellenseite: christine-heitmann.de/tanzsport/
    (absichtlich unverlinkt)

    Und hier der Code zum entprechenden Abschnitt in der functions.php:

    PHP
    function custom_mehrspaltig( $atts , $content = null ) {
        return '<div class="row">'. do_shortcode($content) .'</div>';
    }
    add_shortcode( 'zeile', 'custom_mehrspaltig' );
    function custom_spalte( $atts , $content = null ) {
        return '<div class="col-50">'. do_shortcode($content) .'</div>';
    }
    add_shortcode( 'spalte-50', 'custom_spalte' );

    @Sepp5
    Nein, ich meine nicht das CSS, sondern das leere p direkt über der h2.

  • Ich sehe jetzt auf deiner Seite (Quelltext) keinen Zusammenhang mit Wordpress!

    Wenn du den p-Tag in der basic.css änderst wie folgt rücken die Zeilen weiter zusammen:

    Code
    p { text-align: center;
        line-height: 0.5em;}

    Der Wert ist nach Geschmack änderbar ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Wahrscheinlich sind im Editor zwischen Shortcode-Beginn und H2-Beginn Leerzeilen o.ä.

    Versuche es mal mit [FONT=courier new]do_shortcode( trim( $content ) )[/FONT] statt [FONT=courier new]do_shortcode($content)[/FONT]

  • Wahrscheinlich sind im Editor zwischen Shortcode-Beginn und H2-Beginn Leerzeilen o.ä.

    Versuche es mal mit [FONT=courier new]do_shortcode( trim( $content ) )[/FONT] statt [FONT=courier new]do_shortcode($content)[/FONT]

    Danke, habe ich ersetzt wie beschrieben, hat aber am Ergebnis leider nichts verändert.

  • Nein, ich meine nicht das CSS, sondern das leere p: ..


    Nicht die Angaben im Browser-Inspector mit dem echten Quelltext verwechseln, dort steht derzeit

    Code
    <div class="entry-content">
            <div class="row"><div class="col-60">[COLOR=#ff0000]</p>[/COLOR]
    <h2>Gruppentraining</h2>


    Was genau steht im WordPress Editor wenn Du das Tab oben rechts "Text" anklickst? Screenshot?

    Wurde der PHP-Code in beiden Shortcodes angepasst?

  • Habe jetzt noch weitere Seltsamkeiten entdeckt:

    1. Ich gebe im Textmodus folgendes ein:

    Code
    [zeile][spalte-60]<h2>Gruppentraining</h2>

    2. Ich wechsele in den Visuellen Modus und sofort wieder zurück in den Textmodus, jetzt steht dort:

    Zitat

    [zeile][spalte-60]
    <h2>Gruppentraining</h2>

    Irgendwas "zwingt" an diese Stelle einen Umbruch hinein. Aber was?

    Wenn ich im Virtuellen Modus den Umbruch lösche, dann löscht er automatich die Formatierung als Überschrift :-(
    Wenn ich die Überschrift wieder dazu nehme, generiert das sofort wieder dem Umbruch.

    Habe es dann ganz ohne Überschrift probiert und dann tritt dieses Problem gar nicht auf und der Umbruch wird nicht eingefügt.

  • Nicht die Angaben im Browser-Inspector mit dem echten Quelltext verwechseln, dort steht derzeit

    Code
    <div class="entry-content">
            <div class="row"><div class="col-60">[COLOR=#ff0000]</p>[/COLOR]
    <h2>Gruppentraining</h2>


    Was genau steht im WordPress Editor wenn Du das Tab oben rechts "Text" anklickst? Screenshot?

    Siehe Seite 2

    Wurde der PHP-Code in beiden Shortcodes angepasst?

    Ja, habe Funktion "mehrere erstzen" benutzt und überall steht nun do_shortcode( trim($content))

  • Nach dem Speichern ändert sich im Textmodus nichts, nur im visuellen Modus wird der Umbruch hinzugefügt.

    Danke für die Links - ich habe da wohl mit den falschen Begriffen gegoogled). Ich schau mir das gleich an.

    Vielen Dank für die schnelle und kompetente Hilfe!!!!!!

  • Habe die Funktions.php angepasst wie beschrieben:

    Leider ist das leere p immer noch da :-(

    Ich glaube, ich habe jetzt die Lust verloren. Ich setzte die h2 gleich mal ÜBER den Shortcode...

Jetzt mitmachen!

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