Qué es un shortcode y cómo usarlo

Un shortcode es un código corto de WordPress, escrito entre corchetes, que te permite añadir funciones o contenido dinámico a tus páginas y entradas sin necesidad de programar. Basta con insertarlo en el editor para que WordPress lo reemplace por el elemento correspondiente: un formulario, una galería, un botón o cualquier otra funcionalidad.

¿Qué es un shortcode y cómo funciona?

WordPress es una plataforma que te ofrece un sinfín de posibilidades para llenar de contenido atractivo tu página web o tu blog. Sin embargo, a veces pierdes demasiado tiempo añadiendo un tipo de contenido que sueles repetir en la mayoría de tus publicaciones. Esa tarea se puede simplificar muchísimo asociando ese contenido a un código corto o shortcode.

En la práctica, un shortcode es un pequeño trozo de código con el que puedes incorporar una funcionalidad interesante a una parte de tu web sin tener que programarla cada vez. Una vez que dispones de esa funcionalidad, podrás ejecutarla todas las veces que quieras simplemente escribiendo el shortcode que le hayas asignado, entre corchetes. Cuando WordPress procesa la página, detecta ese código y lo sustituye automáticamente por el contenido o la función que representa. Por eso se dice que el shortcode es una herramienta pensada para simplificar tareas y ahorrar tiempo.

Shortcodes que vienen por defecto en WordPress

WordPress incluye, de fábrica, varios shortcodes muy útiles que puedes usar sin instalar absolutamente nada:

• : añade un pie de foto a tus imágenes.
• 
  : muestra una galería con las imágenes que elijas.
• : incrusta un reproductor de audio en tu contenido.
• : inserta un reproductor de video.
• : crea una lista de reproducción de audio o video.
• : incrusta contenido externo, como videos de otras plataformas.

Además de estos, la mayoría de plugins populares —de formularios, tiendas online, sliders o tablas de precios— añaden sus propios shortcodes para que coloques sus elementos donde quieras con total libertad y sin tocar una sola línea de código.

Cómo usar un shortcode en tus páginas y entradas

Usar un shortcode es muy sencillo. En el editor de bloques de WordPress, agrega un bloque de tipo “Shortcode” o, si trabajas con el editor clásico, simplemente escribe el código entre corchetes en el lugar donde quieras que aparezca el contenido. Por ejemplo, al insertar el shortcode de un plugin de formularios, este se mostrará como un formulario completo cuando publiques la página. Un caso muy común es el de las tiendas online: muchos plugins de ecommerce permiten mostrar un producto, un botón de compra o un carrito con solo pegar su shortcode. También puedes colocar shortcodes en los widgets de tu barra lateral o pie de página, siempre que el área lo permita.

Cómo crear tu propio shortcode

Si quieres ir un paso más allá, puedes crear shortcodes personalizados. Para ello necesitas añadir una pequeña función en el archivo functions.php de tu tema (idealmente un tema hijo, para no perder los cambios al actualizar) y registrarla con la función add_shortcode() de WordPress. La estructura básica es: defines una función que devuelve el contenido que quieres mostrar y luego la asocias a un nombre con add_shortcode(‘mi_codigo’, ‘mi_funcion’). A partir de ese momento, cada vez que escribas el shortcode entre corchetes en una entrada o página, WordPress mostrará el contenido de tu función.

Esta técnica es ideal para elementos que repites con frecuencia, como un aviso, un botón de contacto, el año actual o una llamada a la acción. En lugar de copiar y pegar el mismo bloque una y otra vez, lo defines una sola vez y lo reutilizas con un simple shortcode. Si algún día necesitas cambiarlo, solo modificas la función y el cambio se aplica de forma automática en todas las páginas donde lo hayas usado.

Ventajas de usar shortcodes en tu web

Incorporar shortcodes a tu flujo de trabajo en WordPress trae beneficios muy concretos. El primero es el ahorro de tiempo: insertas funciones complejas con apenas unas palabras entre corchetes. El segundo es la coherencia, porque el mismo shortcode se ve y se comporta igual en todas tus páginas. El tercero es la facilidad de mantenimiento, ya que actualizas el contenido en un solo lugar. Y el cuarto es la accesibilidad: cualquier persona de tu equipo puede usarlos sin tener conocimientos de programación, lo que agiliza el trabajo en proyectos colaborativos.

Consejos y precauciones al usar shortcodes

Los shortcodes son muy prácticos, pero conviene usarlos con criterio. Ten en cuenta que dependen del plugin o tema que los creó: si desactivas ese plugin, los shortcodes dejarán de funcionar y aparecerá el texto entre corchetes en tu web. Por eso, evita abusar de shortcodes de plugins que quizás cambies más adelante. Además, demasiados shortcodes pesados pueden ralentizar tu página, así que utilízalos solo cuando aporten valor real a la experiencia del usuario y revisa de vez en cuando que todos sigan funcionando correctamente.

Aprovecha WordPress al máximo con un buen hosting

Los shortcodes te ayudan a sacarle todo el jugo a WordPress, pero su rendimiento depende en gran medida de la calidad de tu alojamiento. Un servidor lento hará que incluso la web mejor construida cargue con pereza. En HostingPlus, el hosting N°1 del Perú, optimizamos WordPress con tecnología LiteSpeed, discos SSD/NVMe, certificado SSL incluido, migración gratuita y soporte 24/7 durante todo el año. Si quieres que tu sitio vuele y aproveches cada funcionalidad sin preocupaciones, descubre nuestros planes de hosting y dale a tu proyecto la base que realmente merece.

Preguntas frecuentes

¿Los shortcodes funcionan en cualquier tema de WordPress?

Los shortcodes propios de WordPress y los de la mayoría de plugins funcionan en casi todos los temas. Sin embargo, los shortcodes específicos de un tema solo trabajan mientras ese tema esté activo. Si cambias de plantilla, es posible que dejen de mostrarse correctamente.

¿Necesito saber programar para usar shortcodes?

No. Para usar los shortcodes existentes basta con escribirlos entre corchetes en el editor. Solo necesitarás algo de conocimiento técnico si quieres crear tus propios shortcodes personalizados desde el archivo functions.php de tu tema.

¿Por qué aparece el shortcode como texto en lugar de mostrar el contenido?

Esto ocurre cuando el plugin o el tema que define ese shortcode está desactivado o no instalado. WordPress no reconoce el código y lo muestra tal cual, entre corchetes. La solución es reactivar el plugin correspondiente o eliminar el shortcode que ya no utilizas.