Descubre cómo incluir en el personalizador de WordPress la posibilidad editar los créditos del pie de página para Enterprise Pro mediante código.
Beneficios de insertar opciones en el personalizador de WordPress
Con el tiempo, WordPress está dándole cada vez más peso al personalizador con el objetivo de mejorar la experiencia de usuario.
Tanto es así, que incluso Genesis está apostando por mover a él muchos de sus ajustes.
Y es que el personalizador ofrece muchas ventajas:
- Es intuitivo.
- Resulta muy fácil de usar.
- Permite visualizar los cambios a tiempo real.
Por lo tanto, si quieres dar más autonomía y control a tu cliente, merece la pena que incluyas los elementos básicos en el personalizador de WordPress.
A modo de ejemplo, aquí vas a aprender cómo añadir la posibilidad de editar el texto del footer y agregar un menú al mismo desde el personalizador.
Resultado final del tutorial
Para crearlo me he inspirado en los fantásticos child themes de AsiThemes que ofrecen esta funcionalidad en todos sus temas.
Cuando lo apliques, obtendrás un nuevo apartado en el personalizador llamado Pie de página, con dos secciones:
- Un área de texto editable.
- Un desplegable para elegir el menú a mostrar en el footer.
¿Lo mejor de todo? Podrás ver los cambios a tiempo real.
Suena bien, ¿verdad?
Aprende paso a paso como conseguirlo:
Instrucciones para agregar la opción de editar el footer desde el personalizador en Enterprise Pro
1. Crea un archivo customize.php
En primer lugar, crea un fichero llamado customize.php en la carpeta /lib/.
Para ver este código y los otros 1867 snippets de esta web,
identifícate o suscríbete aquí.
Con este bloque de código introduces las nuevas opciones en el personalizador.
2. Edita el fichero functions.php
Inserta este snippet al final de functions.php:
Para ver este código y los otros 1867 snippets de esta web,
identifícate o suscríbete aquí.
Con este código consigues que el tema cargue el fichero customize.php y añades las funciones que te permiten cambiar el aspecto del pie de página según los ajustes que apliques desde el personalizador de WordPress.
3. Modifica el fichero style.css
Introduce este fragmento en el apartado Site Footer:
Para ver este código y los otros 1867 snippets de esta web,
identifícate o suscríbete aquí.
Con este último bloque agregas los estilos CSS que necesitas para asegurarte de que el footer se vea correctamente.
4. Modifica los ajustes desde el personalizador
¡Ya lo tienes! Solo te queda adaptarlo a tu gusto.
En este caso he tomado como referencia la información que muestra Enterprise Pro en el pie de página de su demo.
Esos son los valores que salen por defecto en el personalizador usando los shortcodes de Genesis Framework:
'default' => 'Copyright [footer_copyright] [footer_childtheme_link] en [footer_genesis_link] · [footer_wordpress_link] · [footer_loginout]'
¿La buena noticia? Ahora tienes la posibilidad de editar este texto a tu gusto desde el propio personalizador de WordPress. Si quieres, incluso puedes utilizar HTML para insertar un link.
Por algo se llama personalizador. 😉
Además, también te da la oportunidad de seleccionar entre menús que hayas creado previamente (bajo el área de texto en Pie de página –> Menú).
Si prestas atención en el vídeo de la introducción, verás que este menú aparece a la derecha de la información del footer.
Conclusiones
Aunque necesitas modificar varios ficheros, siguiendo este tutorial paso a paso, conseguirás añadir la funcionalidad de editar el footer en el personalizador de WordPress de forma sencilla.
Como resultado, tu nueva versión de Enterprise Pro tendrá incorporada la sección Pie de página, donde podrás sustituir el texto y elegir el menú que deseas mostrar en el footer.
Esto será muy útil para tus clientes, ya que les permitirá realizar cambios de forma sencilla y ver el efecto a tiempo real.
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos snippets? Déjala en los comentarios.
Ventajas de ser suscriptor. 😉