Cómo utilizar los códigos cortos en tus temas de WordPress

¿Quieres utilizar códigos cortos dentro de tu tema de WordPress?

Normalmente, los shortcodes se utilizan dentro de las áreas de contenido como entradas, páginas o widgets de la barra lateral. Sin embargo, a veces puedes querer añadir un shortcode dentro de tu tema de WordPress

En este artículo, te mostraremos cómo añadir fácilmente cualquier código corto a tu tema de WordPress.

Utiliza fácilmente los códigos cortos en los temas de WordPress

¿Qué es un código corto en WordPress?

Un shortcode en WordPress es una etiqueta especial que te permite añadir elementos dinámicos dentro de áreas de contenido como entradas, páginas, widgets, etc

Se utiliza como una cadena de texto dentro de corchetes. Suelen tener el siguiente aspecto

¿Qué queremos decir con "elementos dinámicos"? Un shortcode puede utilizarse para añadir todo tipo de funciones a tu sitio de WordPress, como galerías de imágenes, formularios, feeds de redes sociales y mucho más.

WordPress viene con unos cuantos shortcodes por defecto y muchos plugins populares de WordPress también utilizan shortcodes

Por ejemplo, WPForms tiene bloques fáciles de usar, pero también proporciona códigos cortos que puedes utilizar para añadir formularios en cualquier lugar de tu sitio.

WPForms shortcode

Para saber más sobre los shortcodes, consulta nuestra guía completa sobre cómo añadir un shortcode en WordPress

¿Por qué y cuándo añadir códigos cortos en tu tema de WordPress?

Los códigos cortos se utilizan normalmente dentro de las áreas de contenido de tu sitio web de WordPress. Puedes añadirlos fácilmente desde el área de administración de WordPress mientras editas tu contenido

Por ejemplo, puedes añadir un shortcode utilizando el editor de bloques de WordPress

Añadir un bloque de código corto en WordPress

Sin embargo, algunos usuarios avanzados pueden querer utilizar un shortcode dentro de los archivos de su tema de WordPress. Ahora bien, si has añadido el shortcode en el mismo formato que utilizas en las áreas de contenido, entonces no funcionará

Código corto no ejecutado

En lugar de ver la salida de tu shortcode, verás el propio shortcode impreso en la pantalla

La razón de esto es que WordPress no ejecuta los shortcodes dentro de los archivos de las plantillas de los temas. Para ejecutar el shortcode, tendrás que decírselo a WordPress explícitamente utilizando el botón do_shortcode para ejecutar el código corto

Aquí tienes un código de ejemplo sobre cómo utilizarlo en los archivos de tu tema de WordPress


echo do_shortcode('
');

No te olvides de sustituir 'gallery' por el shortcode que quieras añadir

Además, la sintaxis de este código cambiará un poco si quieres añadir un shortcode con parámetros adicionales

A continuación se muestra un ejemplo del shortcode WPForms que tiene el ID del formulario como parámetro adicional al shortcode


echo do_shortcode("[wpforms id='147']"); 

¿Qué hacer cuando do_shortcode no funciona en WordPress?

La mayoría de los shortcodes dependen de los plugins de WordPress o de algún código extra en tu sitio web

Si la función do_shortcode no funciona en tu sitio web, asegúrate de que el plugin que proporciona el shortcode está instalado y activado

Asegúrate de que el plugin que proporciona el código corto está activado

Del mismo modo, si el código corto lo proporciona tu tema de WordPress o algún otro fragmento de código personalizado, asegúrate de que está disponible para su uso

Una forma fácil de solucionar estos problemas es utilizar la función shortcode_exists(). Esta función simplemente comprueba la disponibilidad de un shortcode

Aquí tienes un ejemplo de cómo puedes utilizarla con la función do_shortcode()


if ( shortcode_exists( 'wpforms' ))  {
  echo do_shortcode("[wpforms id='147']"); 
}

Si sigues sin poder ver la salida del shortcode en tu sitio web, prueba a borrar la caché de WordPress para asegurarte de que no estás viendo una versión obsoleta de tu sitio web

Esperamos que este tutorial te haya ayudado a aprender a utilizar los códigos cortos en tus temas de WordPress. Quizás también quieras ver estos otros consejos, trucos y hacks útiles de WordPress o consultar estos trucos de código personalizado para el archivo de funciones en WordPress

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Si quieres conocer otros artículos parecidos a Cómo utilizar los códigos cortos en tus temas de WordPress puedes visitar la categoría Themes.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up