ID zu template-part hinzufügen (FSE)

fabbaf
(@fabbaf)

vor 11 Monaten, 3 Wochen
Ich möchte eine ID zu einem Template-Part hinzufügen. Ohne Wrapper.

Die Template-Part Datei liegt hier /parts/template.html. Die Template-Part Datei wird in meinem Template, welches hier liegt /templates/page.html, mit diesem Code gezogen:
```

```
Was mir diesen Output erzeugt
```
<div class="template wp-block-template-part">
```
Zu diesem Output soll die ID hinzugefügt werden, damit ich folgendes Ergebnis bekomme:
```
<div id="my-ID" class="template wp-block-template-part">
```
Wie ist das möglich?

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)

Moderator Bego Mario Garde
(@pixolin)

vor 11 Monaten, 3 Wochen

Vorab: Wir bieten hier vor allem Anwendungssupport an. Fragen zur Programmierung sindauf WordPress Stackexchange meistens besser aufgehoben.

Bei dem Halbsatz „Ich möchte eine ID“ stellt sich die Frage, wo diese ID denn herkommen soll.

Bei „Die Template-Part Datei liegt hier /parts/template.html.“ ist auch noch nicht ganz klar, was du eigentlich versuchst. Erstellst du ein neues Theme? Ansonsten kannst du im Site-Editor auch einfach einen eigenen Template-Part hinzufügen. Dieser kann alle möglichen Blöcke enthalten, auch einen Shortcode, über den du PHP-Funktionen einbinden kannst.
Moderator Hans-Gerd Gerhards
(@hage)

vor 11 Monaten, 3 Wochen
Hallo,
die ID kannst du im Website-Editor bei dem entsprechenden Template z. B. bei der Überschrift unter dem Tab „Block“ und da „Erweitert“ eintragen.

Hier ein Video dazu (bei Klick auf das Video, wird das Video vergrößert dargestellt):

Nachtrag: Ich sehe gerade, dass das für ein Template-Part eingetragen werden sollte. Die Vorgehensweise ist aber entsprechend wie im Video gezeigt, d. h. auch bei Template-Parts kann man die ID so wie ich das im Video gezeigt habe, eintragen.

Viele Grüße
Hans-Gerd
- Diese Antwort wurde geändert vor 11 Monaten, 3 Wochen von Hans-Gerd Gerhards.
Moderator Bego Mario Garde
(@pixolin)

vor 11 Monaten, 3 Wochen

Sorry, da habe ich „ID hinzufügen“ wohl gründlich missverstanden.

Das Template-Part darf dann pro Webseite nur einmal verwendet werden, wenn das HTML valide bleiben soll.

Moderator Hans-Gerd Gerhards
(@hage)

vor 11 Monaten, 3 Wochen

Interessant wäre noch, warum das Thema nicht mit einer CSS-Klasse gelöst werden soll.
Insofern wäre schön, wenn @fabbaf das kurz beschreibt.

Thread-Starter fabbaf
(@fabbaf)

vor 11 Monaten, 2 Wochen

Danke für eure Antworte und sorry, falls ich mich schlecht ausgedrückt habe. Hier noch einmal aufgeschlüsselt.

Was? Ich möchte das HTML id-Attribut hinzufügen.

Wo? Zu einem Template-Part, welches nur einmalig verwendet wird. Das Template-Part wird für die Navigation genutzt.

Warum? Damit ich das Element eindeutig identifizieren und per Javascript ansprechen kann.

Eure Vorschläge/Ansätze

Ich kann dem Template-Part keinen Anchor hinzufügen. Siehe Screenshot.

View post on imgur.com

Ich könnte natürlich auch einfach eine Gruppe (das meine ich mit Wrapper) um die Navigation setzen und dieser Gruppe einen Anchor geben. Dadurch bläht sich das ganze aber total auf.

Wenn es keine einfache Lösung gibt, werde ich es per Javascript machen.
Moderator Hans-Gerd Gerhards
(@hage)

vor 11 Monaten, 2 Wochen
Hallo,

bei mir klappt das, siehe hier (bei Klick auf das Bild, wird das Bild vergrößert):

Ich habe die ID im Template dem Template-Teil zugewiesen.

Viele Grüße
Hans-Gerd
- Diese Antwort wurde geändert vor 11 Monaten, 2 Wochen von Hans-Gerd Gerhards. Grund: Ergänzung
Moderator Bego Mario Garde
(@pixolin)

vor 11 Monaten, 2 Wochen
Die ID kannst du auch der Navigation zuweisen:
1. Block
2. Zahnrad-Icon
3. Erweitert
4. HTML-Anker
Zugegeben etwas versteckt.

—

Nachtrag: das Eingabefeld für den Anker gibt’s aber nur mit aktiviertem Gutenberg-Plugin. 😔
- Diese Antwort wurde geändert vor 11 Monaten, 2 Wochen von Bego Mario Garde.
Thread-Starter fabbaf
(@fabbaf)

vor 11 Monaten, 2 Wochen
Sorry, aber mache ich irgendwas falsch in meiner Kommunikation? Ich habe doch einen Screenshot gepostet und dort sieht man, dass es das Anchor-Feld nicht gibt.

Eine Lösung über die .html-Datei würde ich eh präferieren.

—

*EDIT: So, jetzt habe ich einmal nicht richtig gelesen und den Nachtrag von Bego Mario Garde nicht gesehen. Dann liegt es wohl am fehlenden Gutenberg-Plugin.

Danke für eure Hilfe. Dann werde ich es wohl per Javascript lösen.
- Diese Antwort wurde geändert vor 11 Monaten, 2 Wochen von fabbaf.
- Diese Antwort wurde geändert vor 11 Monaten, 2 Wochen von fabbaf.
Moderator Hans-Gerd Gerhards
(@hage)

vor 11 Monaten, 2 Wochen
Dann liegt es wohl am fehlenden Gutenberg-Plugin.

scheint in der Tat der Fall zu sein.
Nachtrag bezüglich Kommunikation: Mit dem Website-Bericht, den wir immer wieder hier anfordern und den du auch nicht geliefert hast, hätten wir das sicher früher und besser analysieren können.
- Diese Antwort wurde geändert vor 11 Monaten, 2 Wochen von Hans-Gerd Gerhards.
- Diese Antwort wurde geändert vor 11 Monaten, 2 Wochen von Hans-Gerd Gerhards.
Moderator Bego Mario Garde
(@pixolin)

vor 11 Monaten, 2 Wochen

ist die Frage denn damit beantwortet?