Contacts et horaires sur tout le site
Le téléphone et l’adresse figurent dans le pied de page, dans l’en-tête, sur la page de contact. Pour que le client n’ait pas à les chercher dans tout le site, placez-les dans les réglages du site : modifiés une fois, ils changent partout.
Ce que vous obtenez
<!-- 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
Les mêmes champs peuvent s’afficher sur n’importe quelle page : la valeur reste unique.
Étape par étape
La page des réglages du site
Placez aussi le balisage du pied de page dans
theme-options.html, avec un groupe wp-fields-group : les champs apparaissent alors sur l’écran des réglages.<body wp-fields-group="Site settings">
Le téléphone : lien et numéro
opt-linksur le lientel:et opt-text sur le numéro. Le client change les deux : le lien qui lance l’appel et ce que le site affiche.<a class="footer__phone" href="tel:+15550100199" opt-link="Phone link"> <span opt-text="Phone">+1 (555) 010-0199</span></a>
L’adresse
opt-area: une adresse sur plusieurs lignes, dont les retours à la ligne sont conservés.<p class="footer__address" opt-area="Address">12 Linden Street, Portland, OR</p>
Les horaires : une liste
opt-loop sur la liste des jours : le client ajoute les « jours fériés » sur une ligne à part. Les champs d’une ligne sont des 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>
À retenir
- Sur les pages du site, le balisage du pied de page est le même que dans
theme-options.html: les attributsopt-lisent les réglages du site, où qu’ils se trouvent. - Ne faites pas des valeurs communes au site des champs de page : sinon, le client devra changer le téléphone sur chaque page.
Erreurs fréquentes
Le journal de génération est l’onglet « Journaux » de votre projet sur themeforge.pro ; la vérification gratuite du balisage affiche les mêmes remarques.
<a class="footer__phone" href="tel:+15550100199" opt-text="Phone">+1 (555) 010-0199</a>Le numéro en champ directement sur le lien : le texte change, mais href="tel:…" reste celui du balisage, et les appels partent vers l’ancien numéro. Le journal ne signale rien.
<a class="footer__phone" href="tel:+15550100199" opt-link="Phone link">
<span opt-text="Phone">+1 (555) 010-0199</span></a>Le lien en opt-link, le numéro à l’intérieur en opt-text.