¿Qué es un Shortcode (Código corto) en WordPress?

que-es-Shortcode

Introducción

Dado que WordPress es una plataforma de código abierto, puedes personalizarlo como quieras. Esto incluye añadir un código completamente nuevo a tu sitio.

Pero si no eres un desarrollador, añadir código por ti mismo no es realmente factible. Ahí es donde entran los códigos cortos (Shortcode). Puedes usar shortcodes para lograr los mismos efectos, sin necesidad de saber nada sobre el código subyacente.

Entonces, ¿qué son los shortcodes en WordPress? Son trozos de código truncados que se parecen a esto:

shortcode de audio carlosmarca

Para la mayoría de los shortcodes (códigos cortos) es muy obvio lo que hacen. Por ejemplo, el código anterior añade un archivo de audio a tu web.

Para usarlo, lo «pegarías» en una entrada o página, e inmediatamente podrías verlo en el front end.

Pero a nivel de código, el shortcode le dice a WordPress que ejecute una sección de código más larga, que se encuentra dentro de uno de los archivos de tu web.

Pero ese proceso no requiere ninguna otra acción de su parte.

Ya que sabes, ¿Qué son los shortcodes en WordPress?, estarás interesado en saber de dónde vienen estos shortcodes, y cómo usarlos.

Hay varios plugins que están incorporados en WordPress por defecto que incluyen shortcode. Pero más allá de eso, muchos plugins también añaden su(s) propio(s) shortcode(s), que puedes necesitar para que funcionen.

Puedes añadir docenas de nuevos shortcodes a través de plugins dedicados.

Los shortcodes simplifican la adición de funciones a un sitio de WordPress. Las galerías, los vídeos y otras funcionalidades requerirían mucha edición de código.

Mediante el uso de códigos cortos, el HTML y otras ayudas, se añaden de forma dinámica directamente en la entrada o página donde el usuario quiere que aparezcan.

"Un shortcode le dice a WordPress que ejecute una sección de código más larga, que se encuentra dentro de uno de los archivos de tu web"

¿Cómo utilizar los shortcodes en tu sitio web de WordPress?

Para empezar, echemos un rápido vistazo a los shortcodes que incorpora WordPress por defecto:

  • audio: Incrusta los archivos de audio y permite su reproducción.
  • subtítulo: Permite envolver el contenido con subtítulos.
  • embed: Permite establecer las dimensiones máximas de un elemento incrustado (como una imagen o una publicación en las redes sociales).
  • galería: Añade una galería de imágenes personalizable a tu web.
  • lista de reproducción: Crea una lista de reproducción de audio o vídeo.
  • vídeo: Coloca un archivo de vídeo que se puede reproducir directamente en tu web.

Como cualquier shortcode, estos pueden ser simplemente copiados y pegados directamente en tu sitio.

Generalmente, se colocan en un post o página. Sin embargo, pueden ir en cualquier lugar donde se pueda añadir código a través del editor de WordPress, como un tipo de entrada personalizada o un widget de texto.

¿Cómo añadir un shortcode en las entradas y páginas de WordPress?

En primer lugar, es necesario editar el post y la página donde desea agregar el código corto. Después de eso, es necesario hacer clic en el botón de añadir bloque para insertar un bloque de código corto.

anadir shortcode en gutemberg
Añadir bloque de Shortcode en Gutemberg

Después de añadir el bloque de código corto, puede simplemente introducir su shortcode en la configuración del bloque. El shortcode puede ser  proporcionado por varios plugins de WordPress que podrías estar utilizando como WPForms para formularios de contacto, OptinMonster para formularios de marketing por correo electrónico, WP Call button para insertar un botón de clic para llamar, etc.

¿Cómo añadir un Shortcode a la Barra Lateral?

También puede utilizar shortcodes en los widgets de la barra lateral de WordPress.

Simplemente vas a Apariencia>Widgets y añades el widget «Texto» a una barra lateral.

Ahora puedes pegar tu shortcode dentro del área de texto del widget.

No olvides hacer clic en el botón «Guardar» para almacenar la configuración del widget.

Después de eso, puedes visitar tu sitio web de WordPress para ver la vista previa en vivo del shortcode en el widget de la barra lateral.

¿Hay algo "malo" en el uso de shortcodes?

No. No hay nada malo en usar shortcodes. Sin embargo, hay una cosa que debes recordar:

Si utilizas shortcodes que vienen incluidos en tu tema, o como parte de un plugin, esos shortcodes dejarán de funcionar si cambias de tema o desactivas el plugin.

Esto no es algo «malo», sólo es algo que debes tener en cuenta para no llevarte sorpresas en el futuro.

Conclusiones

Este es un pequeño post a manera informativa y para efectos del Glosario de mi página.

Hay mucho más que añadir de este tema, y quizás haga un post más completo para dedicarle más tiempo a estos shortcodes que nos ayudan tanto en la creación de nuestras webs con wordpress.

Espero que entiendas un poco mejor qué son los shortcodes, y cómo se usan.

Si te queda alguna duda, déjame un comentario más abajo para poder ayudarte.

Si esta información fue de tu agrado y ayuda, te invito a visitar el Glosario WordPress, donde encontrarás información valiosa de todos los términos usados en WordPress.

Deja un comentario

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