Aprende a crear un loop que muestre el título, el extracto y la imagen en el orden que tú decidas para un CPT en Genesis Framework con este tutorial.
Una de las ventajas de ser suscriptor de Código Genesis es que puedes proponer tutoriales. Guillem, uno de nuestros suscriptores, me dejó esta sugerencia:
Bueno pues os propongo temas para la web:
– Reposicionar título de un loop de un custom post type al final. Quiza a after entry.
– Así mismo, reposicionar diversos elementos de loops de Custom Post Type.
Me explico. En los loops de Custom Post Types (tipo libros, alumnos…) interesa quizá poner primero la foto, luego el texto, después el nombre (título), taxonomías personalizadas…
Creo que podrían ser diversos tutoriales relacionados con este tema
En definitiva, la idea que propone Guillem es modificar el orden de los elementos del loop (título, extracto, imagen destacada…) en algunos CPTs.
Además, también me comentó que deseaba realizarlo como plugin para que los cambios de plantilla no alteraran el resultado.
Pues dicho y hecho. 😉
Snippet para modificar el orden del loop de un CPT en Genesis Framework
Añade el siguiente fragmento de código a tu plugin de funcionalidades o crea uno nuevo específico para ello:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Con este bloque de código consigues reemplazar el loop de WordPress en la página de archivos del CPT ‘Libros’ por uno personalizado.
El nuevo loop se cargará en el siguiente orden:
- Imagen destacada
- Extracto
- Título
Si quieres modificarlo a tu gusto solo tienes que cambiar el orden de los elementos en el snippet superior. Llevan un comentario a la derecha para que te resulte más sencillo localizarlos.
Por otro lado, también puedes hacer que este loop se aplique a otros CPTs sustituyendo «libros» por lo que desees.
Es posible que con este nuevo diseño te interese reducir la longitud del extracto. Para ello añade el siguiente fragmento justo antes de la última » }»:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
De nuevo, tienes la posibilidad de ajustar la dimensiones del extracto según tus preferencias cambiando el número.
Conclusiones
Ahora ya sabes cómo modificar la jerarquía de los elementos del loop para un Custom Post Type, de forma que puedas mostrar el título, extracto e imagen destacada en el orden que desees.
Tienes la posibilidad de hacer todas las combinaciones que quieras, de forma que afecten solo al CPT que elijas.
Ademas, al haberlo colocado en un plugin (o crear uno nuevo), estas personalizaciones se mantendrán aunque cambies de child theme.
¿Quieres que cree alguna variación de este tutorial? Dímelo y prepararé uno a medida.
Ventajas de ser suscriptor. 😉