Descubre cómo incluir en el personalizador de WordPress la opción de editar los créditos del pie de página para Genesis Sample con este tutorial.
Beneficios de insertar opciones en el personalizador de WordPress
Con el tiempo, WordPress está dando 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 Genesis Sample
1. Modifica el archivo customize.php
En primer lugar, añade al fichero llamado customize.php, situado en la carpeta /lib/, el siguiente snippet justo antes del último «}»:
Para ver este código y los otros 2063 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 fragmento al final de functions.php:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Con este código 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 bloque en el apartado Site Footer:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Con este último snippet 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 tutorial he tomado como referencia la información que muestra Genesis Sample 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 © 2024 ·Código Genesis 3.0 en Genesis Framework · WordPress · Acceder'Si quieres que salgan otros elementos por defecto solo tienes que modificar este detalle en el snippet nº2.
¿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 al vídeo de la introducción, verás que este menú aparece a la derecha de la información en el pie de página.
Conclusiones
Aunque necesitas modificar varios ficheros, si sigues 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 Genesis Sample 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.
Y ahora, ¿tienes alguna pregunta o quieres darme una sugerencia para próximos snippets? Déjala en los comentarios.
Ventajas de ser suscriptor. 😉
