Descubre en este tutorial cómo enseñar un número de entradas de un CPT que se actualice automáticamente usando un shortcode personalizado.
A raíz de una petición, preparé un tutorial que permitía mostrar un número dinámico de posts que siempre se mantiene actualizado en la home de Genesis Sample.
En ese artículo añadías el snippet de código en la plantilla front-page.php.
Pero ¿qué ocurre si quieres introducir ese texto en cualquier otro sitio de tu web (dentro de un post, en un widget….)?
En ese caso puedes usar otra estrategia, concretamente crear un shortcode personalizado.
Vamos allá.
Instrucciones para generar un shortcode que muestre el número de entradas siempre actualizado
1. Crea los shorcodes
Imagina que quieres conseguir el mismo texto que en el tutorial donde introducías números variables en la home de Genesis Sample:
Aprovecha los más de X cursos y Z tutoriales.
Para ello añade el siguiente código al final de functions.php:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Estos snippets muestran el número de entradas del CPT «Cursos» y el número de entradas normales (en este caso tutoriales).
Si te fijas en el código, verás que estás restando ‘1’ al número de entradas, para poder decir «más de…» con total rigurosidad (que se note mi formación de científico, ;)) y añades las palabras ‘cursos’ y ‘tutoriales’ para ahorrártelas después.
De esta forma, para obtener la frase anterior tendrías que escribir:
«Aprovecha los más de [numero_cursos] y [numero_posts].»
Este es solo un ejemplo, pero puedes adecuarlo a tu gusto.
Por ejemplo:
2. Personaliza el shortcode
Ve un punto más allá y personaliza el shortcode según tus necesidades.
Supongamos que quieres crear una lista que indique el número de varios tipos de entradas:
- Cursos: [numero_cursos].
- Tutoriales: [numero_posts].
- …
En ese caso eliminarías la resta (el ‘-1’) y la palabra que habías añadido después (puesto que ya va delante).
El snippet quedaría así:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
3. Introduce el shortcode donde desees
Ya ves que el concepto es muy similar al del tutorial con el que consigues mostrar estos números variables en la home de Genesis Sample, pero con la ventaja de que puedes insertarlos en cualquier punto de la web gracias al shortcode.
Solo tendrás que escribir «[tu_shortcode]» donde quieras que se visualice.
Importante:
- Si estás utilizando el editor clásico, utiliza la pestaña de HTML para introducir el shortcode.
- En caso de que ya estés usando el nuevo editor de bloques (Gutenberg) puedes añadirlo al bloque normal de párrafo, el de HTML o el de shortcode. Todos ellos renderizarán de forma correcta el contenido.
Conclusiones
Ahora ya sabes cómo insertar un número de cursos (o cualquier otro tipo de entrada) que siempre se mantenga actualizado en cualquier punto de la web mediante un shortcode.
Además, has visto que con pequeñas variaciones puedes conseguir personalizarlo para que se ajuste a tus necesidades.
Ya solo te queda ponerlo en práctica. 😉
Si tienes alguna pregunta o quieres darme una sugerencia para próximos tutoriales, déjala en los comentarios.
Ventajas de ser suscriptor.
