¿Qué es Shortcode en Wordpress?

Si eres programador, diseñador web o simplemente administras tu página web en Wordpress, los shortcodes pueden ser una herramienta útil para ayudarte a ahorrar tiempo y esfuerzo  al realizar cualquier actividad en tu sitio.

En este artículo te enseñaremos que es Shortcode en Wordpress, cómo puedes crearlos y usarlos en tu página web.

Conoce qué es Wordpress

¿Qué es un Shortcode de Wordpress?

Shortcode es un código específico de WordPress que te permite hacer cosas ingeniosas con muy poco esfuerzo.  Se trata de atajos que crean elementos de una página web con pocas líneas de código.

Los shortcodes o códigos cortos pueden incrustar archivos o crear objetos que normalmente requerirían un montón de código complicado y feo en una sola línea.

Gracias a los shortcodes en Wordpress es posible añadir funciones a una página web incrustando medios como imágenes y vídeos, crear un formulario, activar plugins y mostrar datos de tu sitio, todo ello sin escribir ningún código complejo.

Se pueden añadir a una página, publicación o widget de tu sitio web. Puedes asignarle el nombre que tu quieres a cada shortcode.

¿Tipos de Wordpress Shortcodes?

Existen dos tipos o categorías de códigos cortos en Wordpress:

1. Shortcodes de cierre automático:

Los shortcodes autocerrables no requieren incluir una etiqueta adicional que la propia que incluye los datos o parámetros requeridos.

2. Shortcodes de cierre:

Se trata de códigos que requieren el uso de determinadas etiquetas para definir el lugar en el que culmina la instrucción.

¿Estructura de los Shortcodes?

Un shortcode siempre se escribe dentro de un par de corchetes, como por ejemplo:

[mi_código_corto]

Dentro de los corchetes también puedes pasar parámetros a tu shortcode. Por ejemplo, si quisieras establecer el ancho y alto de una imagen específica, podrías hacer esto

[my_shortcode width="100" height="200"]

Esto le diría a tu shortcode que establezca el ancho y alto de la imagen a 100px por 200px.  Los parámetros que utilices dependerán del shortcode específico con el que estés trabajando

¿Cuáles son los Shortcodes predeterminados de Wordpress?

Wordpress incluye un número de shortcodes por defecto que pueden ser usados para crear varios objetos en tu web como formularios, galerías y más. Algunos de los más utilizados incluyen:

- Galería:

Gallery se usa para incorporar una galería de imágenes o fotos. La sintaxis de este shortcode es la siguiente:

[gallery option1="value1" option2="value2"]

- Audio:

Audio esta función se utiliza para incrustar archivos de audio y su sintaxis es:

[audio src="audio-source.mp3"]

- Vídeo:

Video se emplea para incrustar archivos de vídeo y la sintaxis es:

[video src="video-source.mp4"]

- Embed:

Embed sirve para incrustar contenido externo bajo atributos específicos y la sintaxis es:

[embed width="123" height="456"]...[/embed]

- Playlist:

Playlist se emplea para reproducir una serie o lista de archivos de audio o videos, y  las sintaxis empleada es:

[playlist type="video" ids="123,456,789" style="dark"]

- Caption:

El caption se utiliza para añadir subtítulos a las imágenes, y la sintaxis es:

[[caption width="123" caption="Mi pie de foto"]]...[/caption]

¿Cómo crear un shortcode en Wordpress?

Crear un shortcode personalizado en Wordpress no es difícil. Para ello, tendrás que utilizar la API de WordPress Shortcode que proporciona una manera fácil para los desarrolladores para crear sus propios códigos cortos.

La estructura básica de un WordPress Shortcode personalizado se parece a esto:

function mi_shortcode() {

// código a ejecutar cuando se utiliza el shortcode

}

add_shortcode( 'my_shortcode', 'my_shortcode' );

Usando la API de WordPress Shortcode, los desarrolladores pueden crear shortcodes personalizados que les permitirán incrustar fácilmente contenido en sus entradas y páginas.

Además, pueden definir parámetros que se pueden pasar al shortcode, permitiéndoles personalizar su salida.

Una cosa importante a recordar cuando se crea un WordPress Shortcode personalizado es que debe ser único - no puede haber dos shortcodes diferentes con el mismo nombre. Esto ayuda a evitar conflictos entre varios plugins y temas.

Mejores plugins para crear shortcodes en Wordpress

Los shortcodes también pueden ser creados a través de un plugin.     Algunos de los plugins más populares son:

Shortcodes Ultimate

Shortcodes Ultimate cuenta con una importante cantidad de códigos cortos que vienen predefinidos por la herramienta.

Algunos de ellos son vídeos, columnas, botones, cajas y tablas. También es posible crear shortcodes personalizados con este plugin.

Shortcoder

Shortcoder tiene una interfaz visual que te permite crear y personalizar tus propios shortcodes sin necesidad de conocimientos de codificación.

También puedes utilizar este plugin para incrustar scripts de terceros como Google Maps, vídeos de YouTube, etc.

Column Shortcodes

Column Shortcodes es un plugin que proporciona múltiples opciones de diseño para crear columnas.

También te da la posibilidad de añadir CSS personalizado para personalizar tus shortcodes. Con este plugin, puedes crear rejillas y columnas en cualquier combinación de tamaño y forma.

Contact Form 7

No es sólo un generador de shortcodes sino que te permite crear formularios personalizados.

Este plugin permite crear formularios  y mostrarlos en cualquier espacio de la página web mediante el uso de shortcodes.

Conoce los mejores plugins para crear popups en Wordpress

¿Cómo usar un Shortcode en Wordpress?

Utilizar un shortcode en Wordpress es tan sencillo como escribirlo en el editor de entradas.

Sólo tienes que escribir el nombre de tu código corto (y los parámetros, si es necesario) entre un par de corchetes, de esta manera:

[mi_shortcode parametro="valor"]

Una vez guardada la entrada o la página, el será reemplazado por el contenido generado por el shortcode. Esto le permite crear rápida y fácilmente objetos complejos sin tener que escribir mucho código

Por ejemplo, si quisieras añadir una galería de imágenes a tu página, todo lo que tendrías que hacer es escribir el shortcode

[[galería ids="123,456,789"]] y la galería se añadirá a su entrada o página

Del mismo modo, si quisieras añadir un vídeo, todo lo que tendrías que hacer es escribir el shortcode [[video src="video-source.mp4"]], y el vídeo se incrustará en tu sitio.

Aprovechando la API de WordPress Shortcode, los desarrolladores pueden crear shortcodes personalizados que les permitirán añadir contenido rápidamente sin tener que escribir mucho.

Ventajas y desventajas de usar shortcodes de Wordpress

Ventajas

- Fácil incrustación de contenidos en entradas y páginas.

- Reduce la cantidad de código necesario para incrustar objetos complejos.

- Los shortcodes pueden personalizarse con parámetros, lo que permite un mayor control sobre su salida.

Desventajas

- Si no se utilizan correctamente, los shortcodes pueden causar conflictos con otros plugins o temas.

- Si no están bien documentados, los shortcodes pueden resultar confusos para los usuarios finales.

- Los shortcodes pueden ralentizar los tiempos de carga de la página, ya que el código adicional tiene que ser procesado en cada carga de la página.

- En algunos casos, los shortcodes pueden requerir conocimientos de codificación más complejos que la simple adición de código HTML directamente en la entrada.

Conoce los 11 mejores plugins para mejorar la velocidad de carga

Conclusión

Los shortcodes de WordPress son una forma excelente de incrustar contenido en entradas y páginas de forma rápida y sencilla.

Sin embargo, deben utilizarse con precaución, ya que pueden causar conflictos con otros plugins o temas, o ralentizar los tiempos de carga de la página si no se utilizan correctamente.

Los desarrolladores también deben asegurarse de que sus shortcodes estén bien documentados para que los usuarios finales sepa cómo utilizarlos.

Esto ayudará a asegurar que sus shortcodes se utilizan correctamente y no causan ningún problema inesperado.