Kontakte und Öffnungszeiten auf allen Seiten
Telefon und Adresse stehen im Footer, im Header, auf der Kontaktseite. Damit dein Kunde sie nicht überall suchen muss, verschiebe sie in die Website-Einstellungen: einmal geändert, überall geändert.
Das Ergebnis
<!-- theme-options.html and the footer of every page: the same markup -->
<body wp-fields-group="Site settings">
<footer class="footer">
<a class="footer__phone" href="tel:+15550100199" opt-link="Phone link">
<span opt-text="Phone">+1 (555) 010-0199</span></a>
<p class="footer__address" opt-area="Address">12 Linden Street, Portland, OR</p>
<ul class="footer__hours" opt-loop="Opening hours">
<li><span fld-text="Days">Mon–Fri</span> <span fld-text="Hours">7:00–19:00</span></li>
<li><span fld-text="Days">Sat–Sun</span> <span fld-text="Hours">8:00–17:00</span></li>
</ul>
</footer>
</body>+1 (555) 010-0199
12 Linden Street, Portland, OR
Dieselben Felder kannst du auf jeder Seite ausgeben; der Wert bleibt derselbe.
Schritt für Schritt
Die Seite mit den Website-Einstellungen
Leg das Markup des Footers auch in
theme-options.htmlab, mit einer Gruppe wp-fields-group: So erscheinen die Felder auf dem Einstellungsbildschirm.<body wp-fields-group="Site settings">
Das Telefon: Link und Nummer
opt-linkamtel:-Link und opt-text an der Nummer. Dein Kunde ändert beides: den Link, über den angerufen wird, und das, was auf der Website steht.<a class="footer__phone" href="tel:+15550100199" opt-link="Phone link"> <span opt-text="Phone">+1 (555) 010-0199</span></a>
Die Adresse
opt-areaist eine Adresse über mehrere Zeilen; die Zeilenumbrüche bleiben erhalten.<p class="footer__address" opt-area="Address">12 Linden Street, Portland, OR</p>
Öffnungszeiten als Liste
opt-loop an der Liste der Tage: Dein Kunde fügt „Feiertage“ als eigenen Eintrag hinzu. Die Felder in einem Eintrag sind fld-text.
<ul class="footer__hours" opt-loop="Opening hours"> <li><span fld-text="Days">Mon–Fri</span> <span fld-text="Hours">7:00–19:00</span></li>
Worauf es ankommt
- Auf den Seiten der Website ist das Markup des Footers dasselbe wie in
theme-options.html:opt--Attribute lesen die Website-Einstellungen, wo immer sie stehen. - Mach Werte, die überall gleich sind, nicht zu Seitenfeldern: Sonst muss dein Kunde das Telefon auf jeder Seite ändern.
Typische Fehler
Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.
<a class="footer__phone" href="tel:+15550100199" opt-text="Phone">+1 (555) 010-0199</a>Die Nummer als Feld direkt am Link: Der Text ändert sich, aber href="tel:…" bleibt aus dem Markup, und Anrufe gehen an die alte Nummer. Das Protokoll meldet nichts.
<a class="footer__phone" href="tel:+15550100199" opt-link="Phone link">
<span opt-text="Phone">+1 (555) 010-0199</span></a>Der Link ist opt-link, die Nummer darin opt-text.