Contactos y horario en todo el sitio
El teléfono y la dirección están en el pie, en la cabecera y en la página de contacto. Para que el cliente no tenga que buscarlos por todo el sitio, llévalos a los ajustes del sitio: se cambian una vez y cambian en todas partes.
Qué obtienes
<!-- 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
Los mismos campos pueden mostrarse en cualquier página: el valor es uno solo.
Paso a paso
La página de ajustes del sitio
Pon el marcado del pie también en
theme-options.html, con un grupo wp-fields-group: así los campos aparecen en la pantalla de ajustes.<body wp-fields-group="Site settings">
El teléfono: enlace y número
opt-linken el enlacetel:y opt-text en el número. El cliente cambia los dos: el enlace que llama y lo que se ve en el sitio.<a class="footer__phone" href="tel:+15550100199" opt-link="Phone link"> <span opt-text="Phone">+1 (555) 010-0199</span></a>
La dirección
opt-areaes una dirección de varias líneas; los saltos de línea se conservan.<p class="footer__address" opt-area="Address">12 Linden Street, Portland, OR</p>
El horario es una lista
opt-loop en la lista de días: el cliente añade «festivos» como una fila aparte. Los campos de una fila son 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>
Lo importante
- En las páginas del sitio, el marcado del pie es el mismo que en
theme-options.html: los atributosopt-leen los ajustes del sitio estén donde estén. - No conviertas los valores comunes del sitio en campos de página: si no, el cliente tendrá que cambiar el teléfono en cada página.
Errores frecuentes
El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.
<a class="footer__phone" href="tel:+15550100199" opt-text="Phone">+1 (555) 010-0199</a>El número como campo directamente en el enlace: el texto cambia, pero href="tel:…" sigue siendo el del marcado, y las llamadas van al número antiguo. El registro no dice nada.
<a class="footer__phone" href="tel:+15550100199" opt-link="Phone link">
<span opt-text="Phone">+1 (555) 010-0199</span></a>El enlace es opt-link, y el número de dentro, opt-text.