Block „Individuelles HTML“ löscht Formatierungen selbstständig
-
Hallo allerseits,
ich nutze bei meiner Arbeit sehr gerne Bootstrap, da dieses sehr flexibel einsetzbar ist.
Ich nutze ein Child Theme von twentytwentyfive.
Bootstrap selbst habe ich über die functions.php eingebunden und die benötigten Dateien werden im Header bzw. im Footer geladen.
Ich habe auch bereits verschiedene Plugins zu Bootstrap getestet, aber bis auf eines, welches scheinbar nicht mehr weiter entwickelt wird und laut unterstützter WP Versionen nicht mit WP 7 kompatibel ist, kommt leider kein anderes in Frage.
Also dachte ich, ich füge meine Bootstrap Blöcke (Container, Row, Column etc) mit dem Block „individuelles HTML“ manuell ein um dann zwischen diesen Blöcken meine Inhalte in den Blöcken von WordPress zu platzieren.
Beispielhaft sieht das so aus:
Block individuelles HTML:<div class="container">
<div class="row">
<div class="col-md-3">Hier folgt zum Beispiel der Block „Bild“ um ein Bild in die Column einzufügen.
Und zum Schließen der Div´s wieder ein Block individuelles HTML mit folgendem Inhalt:</div> <!--schliessen div col-md-3-->
</div> <!--schliessen div row-->
</div> <!--schliessen div container-->Rein theoretisch sollte das doch so funktionieren, aber die Realitiät sieht leider etwas anders aus denn der Editor fügt nach dem Speichern automatisch HTML Code in den Abschnitten hinzu, bzw. leert Abschnitte, so dass diese zum Beispiel so aussehen:
<div class="container">
<div class="row">
<div class="col-md-3"></div></div></div>Ich denke, es ist jedem klar, dass das nicht funktionieren kann da die Div´s ohne Inhalte beendet werden.
Mache ich hier etwas falsch, habe ich vielleicht einen Denkfehler oder hat der Editor vielleicht einen Bug?
Oder sollte ich vielleicht vollkommen anders vorgehen?
Besten Dank für hilfreiche Antworten im voraus.
-
Bitte lies dir den oben angehefteten und gelb hinterlegten Beitrag
Bevor du ein neues Thema (Thread) erstellst
durch und poste die darin erwähnten, benötigten Informationen:
In meinem Test mit dem Theme 2025 funktioniert es einwandfrei:
daher sind die o. g. Informationen (wie eigentlich in jedem Fall) hilfreich, um die Ursache auf deiner Website zu untersuchen.
Im Website-Zustandsbericht ist nichts gelistet, was ursächlich sein könnte.
1.) Das einzige, in Frage kommende, Element ist die functions.php des Child-Themes. Könntest du den Code davon eimal posten?
2.) Siehst du einen JavaScript-Fehler wenn du die „fehlerhafte“ Seite im Browser aufrufst und mit den Browser-Entwicker-Tools inspizierst?
Nachtrag:
3.) Wechsle zum Test auf das Parent-Theme 2025 (also nicht Child-Theme). Erstelle einen neuen Beitrag und füge dort noch einmal die HTML-Blöcke ein. Lösche Browser-Cache und teste.
Zu Punkt 1:
hier de Code aus der functions.php.
Das schließende PHP Tag ist nicht vorhanden.
So habe ich es bei dem Parent Theme gesehen und übernommen.<?php
function bootstrap_lokal_einbinden() {
// Bootstrap CSS einbinden
wp_enqueue_style( 'bootstrap-css', get_stylesheet_directory_uri() . '/bootstrap/css/bootstrap.min.css', array(), '5.3.8', 'all' );
// Bootstrap JS (Bundle enthält Popper) einbinden
wp_enqueue_script( 'bootstrap-js', get_stylesheet_directory_uri() . '/bootstrap/js/bootstrap.bundle.min.js', array('jquery'), '5.3.8', true );
}
add_action( 'wp_enqueue_scripts', 'bootstrap_lokal_einbinden' );
//My Styles einbinden
function my_styles() {
wp_enqueue_style('my-style', get_stylesheet_directory_uri() . '/style.css' , array(), '1.0.0', 'all' );
}
add_action('wp_enqueue_scripts', 'my_styles');
Zu Punkt 2:
Es wird in den Entwicklertools kein Fehler ausgegebenZu Punkt 3:
Ich habe das Theme gewechselt und auch dort passiert der gleiche Fehler.Das passiert nicht beim Erstellen eines Beitrags, sondern ich bin dabei, das Template „Seiten“ zu bearbeiten, was aber vom Prinzip her keinen Unterschied machen sollte da die Tools im Editor die gleichen sind oder irre ich da?
Im Screenshot ist die Struktur im Editor zu sehen und der Code.
Was ich auch noch festgestellt habe – verschiebe ich den Block innerhalb der Struktur, verändert der Editor den Code ebenfalls eigenständig, siehe Screenshot.
Und das gleiche passiert einfach so zwischendurch beim Speichern einer Änderung, auch dann wenn ich einen anderen Block hinzufüge oder innerhalb der Struktur verschiebe.
Könnte es eventuell damit zusammenhängen dass ich auf meinem Localhost keine SSL Verschlüsselung aktiviert habe?
Ich habe MAMP so konfiguriert, dass auf den Host via http Vollzugriff erlaubt ist.Ich habe es jetzt auch einmal im FSE ausprobiert, statt im Block-Editor:
Also, im FSE, Template, klappt es, wenn man die HTML-Blöcke vor den Header und nach dem Footer setzt. Ich hatte sie zuerst innerhalb des Konstruktes, was nicht funktionierte.
Nachtrag:
Siehe https://de.wordpress.org/support/topic/block-individuelles-html-loescht-formatierungen-selbststaendig/page/2/#post-176614
Du musst angemeldet sein, um auf dieses Thema zu antworten.