Kommentare im HTML-Quelltext

  • Hallo Gemeinde,

    in WP kann der Inhalt einer Seite per Text (HTML) oder visuell (WYSIWYG) erstellt werden.

    Wenn ich in HTML einen Kommentar einfüge ( [FONT=tahoma]<!-- Kommentar -->[/FONT] ), zerreißt es mir die Darstellung der Seite.

    Konkret:
    Es gibt eine Liste, die mit [FONT=&amp][FONT=tahoma]<div> </div>[/FONT] gesteuert wird. Die Umbrüche in dieser Liste sind nicht ganz trivial. Ergänzungen in dieser Liste send eher selten. Deshalb, und weil diese Liste im visuellen Modus schlecht zu editieren ist, sollen/müssen an bestimmten Stellen erklärende Kommentare stehen.
    [/FONT]
    [FONT=courier new]Wenn nun ein HTML-Kommentar in der [FONT=tahoma]<div>[/FONT]-Konstruktion erscheint, z.B.

    [/FONT][INDENT][FONT=tahoma]<div class="irgendwas"> <!-- Wichtiger Hinweis -->
    ...
    </div>
    [/FONT][FONT=courier new]

    [/FONT][/INDENT]
    und das CSS mit z.B.

    [INDENT][FONT=tahoma].irgenwas {[/FONT]
    [FONT=tahoma] position: relative;[/FONT]
    [FONT=tahoma] float: left;[/FONT]
    [FONT=tahoma] min-height:1px;[/FONT]
    [FONT=tahoma] width: 70px;[/FONT]
    [FONT=tahoma] text-align: center;}[/FONT]


    [/INDENT]
    hinterlegt ist, wird die [FONT=tahoma]float[/FONT]-Anweisung der div-Verschachtelung zerstört.

    Wenn ich [FONT=tahoma]<!-- Wichtiger Hinweis -->[/FONT] und alle anderen Kommentare lösche, machen die CSS-Anweisungen wieder, was sie sollen.

    Die Frage lautet also:
    Wie können im Textmodus in den HTML-Quelltext und Kommentare eingefügt werden, ohne dass sie irgendeine Konsequenz für die Interpretation des Quelltextes und damit die Darstellung im Backend haben.

    Vorab schon mal ganz herzlichen Dank fürs Mitdenken & eure Zeit.

    Beste Grüße & ein schönes neues Jahr wünscht
    Purpur

    • 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

  • Hallo Gemeinde,

    einfach die template Dateien bearbeiten.

    Ja, ich weiß - der Beitrag ist schon etwas älter. Eine Lösung habe ich leider immer noch nicht.

    • Zum einen weiß ich nicht, wie man Template-Dateien bearbeitet.
    • Zum anderen hätte das (vermutlich) Weiterungen. Ich gehe mal davon aus, dass die Änderungen eines Templates beim nächsten WP-Update wieder Asche sind.


    Wie könnte eine Lösung aussehen?

    Beste Grüße,
    purpur

  • Leg dir ein Childtheme an und bearbeite das per FTP. Childtheme ist updatesicher.

    Was genau willst du denn ändern? Mach am Besten einen neuen Thread auf im Forum.

    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]

  • Hallo Gemeinde,

    ich möchte in den HTML-Quelltext im Text-Editor in der Ansicht Text (nicht Visuell) Kommentare einfügen in der Form:
    [INDENT]<!-- Kommentar -->[/INDENT]

    Das funktioniert nicht.
    Entweder wird er ignoriert und ist beim nächsten Aufruf des Editors verschwunden, oder er versaut mir die Umbrüche.

    Auf Empfehlung habe ich ein Child-Theme angelegt. Das bringt mich erst einmal aber nicht weiter. Im Ordner des Child-Themes befinden sich die Dateien:

    • style.css
    • functions.php
    • screenshot.png


    mit den Inhalten:

    style.css
    [INDENT][size=12]/*
    Theme Name: twentyseventeen child
    Theme URI: http://url.de/twentyseventeen/
    Description: Child theme of "twentyseventeen"
    Author: VN NN
    Author URI: http://url.de
    Template: twentyseventeen
    */[/SIZE][/INDENT]

    functions.php
    [INDENT][size=12]<?php
    add_action( ‚wp_enqueue_scripts‘, ‚my_theme_enqueue_styles‘ );
    function my_theme_enqueue_styles() {
    wp_enqueue_style( ‚parent-style‘, get_template_directory_uri() . ‚/style.css‘ );
    }
    ?>[/SIZE][/INDENT]

    screenshot.png
    [INDENT]Bilddatei 880px x 660px[/INDENT]


    Was muss ich nun tun, um in den HTML-Quelltexten <!-- Kommentare --> hinterlegen zu können, ohne dass die o.g. Probleme auftauchen?

    Herzlichen Dank fürs Mitdenken & eure Zeit,
    Purpur

  • Link zu einer Beispielseite wo es Probleme mit dem Umbruch gibt?

    Diese Eingabe in der Ansicht "Text"

    Ergibt mit Twenty Seventeen im Front-End:

    Code
    <div class="entry-content">
    <p>Text 123</p>
    <p>Text<!-- funktioniert --></p>
    <p>Text 456</p>
    <p><!-- erzeugt logischerweise einen extra Absatz --></p>
    <p>Text 789</p>
        </div><!-- .entry-content -->
    • Wenn sich <!-- Kommentar --> am Ende einer Zeile befindet, wird kein Umbruch erzeugt.
    • Wenn sich <!-- Kommentar --> alleine einer Zeile befindet, wird ein Umbruch erzeugt.


    Habe ich das aus dem Beispiel so richtig verstanden?

  • Ja - ich werd's probieren und mich ggf. noch mal melden.

    Ein Link zur Seite ist momentan recht witzlos - noch zu viel Chaos. Sobald das einigermaßen Form angenommen hat, poste ich den Link.

    Einstweilen vielen Dank für die Hilfe.

    Gruß, Purpur

Jetzt mitmachen!

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