Aprende a insertar iconos previos a la metainformación en cualquier child theme de Genesis Framework mediante un par de snippets.
¿Quieres que las categorías, etiquetas, fecha, autor e información sobre los comentarios aparezcan acompañados de un pequeño icono que los represente en las entradas de la web?
Aquí tienes los pasos para conseguirlo:
Instrucciones de código para agregar iconos en la metainformación
1. Modifica el archivo functions.php
Introduce este fragmento al final del fichero functions.php:
Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.
2. Edita el fichero style.css
Añade este bloque al final del archivo style.css:
Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.
Con estas modificaciones consigues que cada icono se visualice al lado de su información meta correspondiente.
Para que te hagas una idea, en este caso concreto el resultado es el siguiente:
En el código CSS están comentados los iconos que utilizo. Por lo tanto, si quieres cambiarlos por otros, puedes editarlo y seleccionar los que mejor se ajusten a tus necesidades.
Conclusiones
Como acabas de ver, solo tienes que introducir 2 snippets para personalizar la metainformación de los posts de Genesis añadiéndoles iconos previos.
Este tutorial está probado con Genesis Sample, pero también es válido para cualquier otro child theme de Genesis realizando pequeños ajustes.
Si al aplicarlo en un tema diferente no consigues el resultado que deseas, cuéntame los detalles en los comentarios para que pueda ayudarte (opción exclusiva para suscriptores).
