Block „Individuelles HTML“ löscht Formatierungen selbstständig

Hallo @uwe367
ich muss mir das mal genauer ansehen, wenn ich etwas mehr Zeit habe.

Ich verwende in der Tat seit einiger Zeit (ca. 1,5 Jahre) nur noch Block Themes. Vorher habe ich als klassisches Theme z. B. GeneratePress eingesetzt.

Nur so viel: Ich erstelle in der Regel mit dem Plugin „Create Block Theme“ normalerweise ein Child Theme z. B. für TT5, wenn ich eine WordPress-Instanz einrichte.
Anschließend passe ich dann die Templates an. In der Regel kann man das dann direkt völlig problemlos über den Block Editor machen.
Notfalls kann man auch über den (eingebauten) Code-Editor spezielle Anpassungen durchführen. Das kommt aber recht selten vor.

Vielleicht ist das ja schon mal ein Ansatz.

Viele Grüße
Hans-Gerd

@hage
Die öffnenden und schließenden Divs sind dabei leider ein Problem (s. Topic) und machen einen Strich durch die Rechnung, das rein über den Site-Editor zu erstellen.

@uwe367
Ich war gedanklich auf die Hooks fokussiert. Es gibt aber auch noch eine andere Möglichkeit, siehe dort:

https://gitlab.com/La-Geek/test/-/tree/ea7550ef67cee2353ced2ca3bbd23496aea1e8bc/

Dieses von mir soeben erstellte Child-Theme kannst du über den Button Code und dann zip herunterladen und als Vorlage, zu Anschauungszwecken oder auch als von dir anpassbares Child-Theme verwenden.

Entpacke das Zip-File und lade alles, was im Verzeichnis ist, auf deinen Server hoch:
wp-content/themes/twentyfive
Das Verzeichnis twentyfive musst du zuvor erstellen. Du solltest dann, wenn du das Verzeichnis twentyfive auf dem Server öffnest, dieselbe Struktur sehen wie unter dem obigen Link bzw. wie auf dem nachfolgenden Screenshot

Nun in deinem WordPress-Backend unter Design => Themes das (Child-)Theme twentyfive aktivieren.

Was habe ich gemacht?
1. Mit einem Child-Theme-Generator auf die Schnelle das Childtheme twentyfive erstellt.
2. den Ordner templates erstellt.
3. das Template bzw. die Datei bootstrap.html erstellt und im Verzeichnis „templates“ abgelegt
4. die Datei theme.json hinzugefügt.
5. das Template bootstrap als Seiten-Template registriert in der theme.json

Nachdem du das Child-Theme twentyfive aktiviert hast, navigiere zu
Design => Editor => Templates => Alle Templates => (klick auf) Bootstrap Layout.

Dort kannst du deine Inhalte einfügen, es besteht aus linker/rechter Spalte und Inhaltsbereich.

Navigiere zurück zum Adminbereich/Dashboard und lege anschl. eine neue Seite an. Wähle in der rechten Spalte „Bootstrap Layout“ aus wie folgt:
Klick auf Template Seiten (Punkt 3), im Kontext-Menü auf Template ändern, dann Bootstrap Layout (siehe Screenshot)

Das Editor-Eingabefeld ist für den Mittelteil (Inhaltsbereich). Die Spalten hast du zuvor entweder mit statischen oder dynamischen (über Queries oder custom fields) Inhalten direkt im Template (Site Editor) gefüllt.

Zu dem Template bzw. der Datei bootstrap.html: Wenn du dir die CSS-Klassen ansiehst, wirst du feststellen, dass die Divs nicht nur mit row oder container klassifiziert wurden, sondern die vom Block-Editor vorgegebenen CSS-Klassen beibehalten wurden. Ohne letztere funktioniert das Ganze nicht.
Also, z. B. statt row dann wp-block-columns row

Du musst also beim Bootstrap-Style u. U. die Spezifität berücksichtigen und entweder mit !important nachhelfen oder auf alle Klassen referenzieren.

Schlussendlich:
Du kannst bei den Seiten auswählen, ob du die 3-Spalten-Ansicht nutzen willst.
Du kannst die Template-Datei per FTP duplizieren und umbenennen, statt bootstrap.html vielleicht meine.html (mir fiel nix gerade besseres ein 😀 ). Diese musst du dann aber auch über die Datei theme.json registrieren.

Willst du bspw. zusätzlich das Template meine.html für Beiträge registrieren, dann sieht die komplette theme.json so aus

{
  "$schema": "https://wp.org",
  "version": 3,
  "customTemplates": [
    {
      "name": "bootstrap",
      "title": "Bootstrap Layout",
      "postTypes": ["page"]
    },
    {
      "name": "meine",
      "title": "Mein Layout",
      "postTypes": ["post"]
    }
  ]
}

Du legst in der theme.json-Datei den Namen für das Template fest (unter title). Diesen Namen siehst du dann im Site-Editor (unter alle Templates), als auch in der Auswahl beim Erstellen oder Bearbeiten von Beiträgen und/oder Seiten. Im o. g. Code sind das „Bootstrap Layout“ und „Mein Layout“.

Noch ein Hinweis. Soll das Template für Beiträge und Seiten zur Verfügung stehen, dann in der theme.json statt
"postTypes": ["post"]
"postTypes": ["page", "post"]
schreiben.

Und du kannst so viele Templates duplizieren, umbenennen und registrieren, wie du willst. Dadurch erübrigt sich das Zuordnen mithilfe von Conditional Tags.

Wow, da hast du dir aber jetzt ne Menge Arbeit gemacht.

Nun ja, ich dachte, ein Template ins Child-Theme kopieren und anpassen, sollte auch bei einem Block-Theme funktionieren. Aber so einfach ist das nicht. Der Block-Editor reagiert sehr empfindlich (s. beizubehaltende CSS-Klassen). Kurzum, dann hat mich der Ehrgeiz gepackt.

Die eigentliche theme.json (aus dem Parent-Theme) ist ggf. ellenlang. Dort sind Blöcke Schriften, Stile, Farben usw. usf. definiert. Schau mal unter:
/wp-content/themes/twentytwentyfive/theme.json
sowie unter:
/wp-includes/theme.json

https://developer.wordpress.org/themes/global-settings-and-styles/

Was meinst du denn mit Platzhalter? Was du beim Main Content angesprochen hast, wird nur im Template angezeigt, also im Site-Editor, nicht aber, wenn du in einem Beitrag oder einer Seite Inhalte einfügst, da ist (bis auf den Titel) alles leer.

• Diese Antwort wurde vor 1 Monat von La Geek geändert.
• Diese Antwort wurde vor 1 Monat von La Geek geändert.

Sehr ehrgeizig – dafür dass du dich damit eigentlich nicht mehr befassen wolltest 😉

In die Thematik der Block Hooks-API wollte ich mich nicht einarbeiten. Die Ursachenforschung nach dem Bug wollte ich mir auch nicht antun. Das Dritte: Template kopieren, ist aber ein ganz anderes Thema.

Als Moderatorin habe ich auch immer eine Test-Instanz mit Block-Editor am Start, um hier ggf. Fragen beantworten zu können. Wenn ich etwas nicht nutze oder nutze, habe ich mich darüber zuvor ausreichend informiert, die Entscheidung selbst bleibt natürlich trotzdem subjektiv. Außerdem wird’s mir schnell fad, wenn ich nichts Neues lernen kann 😀

Das meine ich mit Platzhalter und hier fragte ich mich, ob es noch weitere für andere Seitenbereiche gibt.

Okay, das war missverständlich formuliert. WP-Content steht dafür, dass dort der einzufügende Inhalt als WordPress-Inhalt gerendert wird.
Das Feature-Image ist optional, also die Voraussetzung dafür wurde dadurch geschaffen. Der Title wird durch Programmierung direkt angezeigt.

Was genau willst du denn wo einfügen? Es gibt auch noch andere „Platzhalter“, z. B. custom fields, womit dynamische Inhalte eingefügt werden.

Das hat aber jetzt nichts mehr mit dem eigentlichen Problem zu tun. Um das zu vertiefen, öffne bitte einen neuen Thread.

Sehr gerne. Hat bei mir selbst ja auch wieder ein paar Wissenslücken gefüllt.