Qué son los shortcodes, cómo usarlos y un plugin especial

Los shortcodes son pequeños trozos de código que llaman a una función más extensa escrita en PHP y esta se ejecuta.

Dicho así lo más probable es que te hayas quedado igual que estabas, por lo que en este post sobre los shortcodes voy a explicarlos con el lenguaje más sencillo posible y también veremos «un atajo» a través de un plugin para los que no quieren ni oir hablar de picar una sola línea de código.

También se puede fabricar uno mismo sus propios shortcodes, pero eso ya es algo más avanzado y donde no voy a entrar porque yo mismo tampoco sé.

Vamos por partes.

En castellano por favor, ¿qué son los shortcodes?

En el archivo «functions.php» de tu Wordpress se guarda código que contiene funciones, como su propio nombre indica.

Una función es «hacer algo», ya puede ser una acción más sencilla o más conpleja, pero se desencadena una acción.

Un ejemplo sencillo: imagina una función cuya código ordena que salte un popup (ventanita), pues dicho código se puede asignar a los eventos de un botón por ejemplo, para cuando se haga click en él se desencadene esa función, es decir, que salte un popup.

Bien, como digo dentro del archivo «functions.php» ya vienen un montón de funciones programadas de serie y que sirven de utilidad en nuestro Wordpress.

Los shortcodes son pequeñas líneas de código que «llaman» a una determinada función más compleja, haciendo que se ejecute pero sin necesidad de copiar todo el código PHP.

De esta forma, insertando una única línea de código en la edición de una entrada o página, se facilitan las cosas.

La sintáxis sería algo así, siempre entre corchetes:

[*gallery id=1 param=1 param=2] (sin el asterisco)

Este ejemplo podría corresponder a un shortcode que utiliza un plugin de galería de imágenes para insertar en una página la galería con ID=1.

Imagina todo el código PHP que debe de haber para gestionar una galería de imágenes, y así nos vale con una línea.

¿Quién y cómo inserta los shortcodes?

Como en realidad no es más que código, yo diría que hay tres posibles «autores» a la hora de crear e insertar shortcodes:

• Los que trae el theme de serie
• Un plugin especializado
• Tú mismo

Si eres programador puedes crear tus propias funciones y asignarlas a shotcodes para utilizar cuando quieras.

De igual forma algunos themes de Wordpress (sobre todo los de pago o Premium) traen en su documentación algunos shortcodes para determinadas cosas.

Lo malo de añadir nuevos shortcodes, es que ese código se almacena en el functions.php, por lo que lo más probable es que en una actualización del theme se sobreescriba y los pierdas (los que no son propios del theme de serie).

Lo mismo ocurre si decides cambiar de theme.

A mí me paso con el cambio de Avada a Genesis.

En Avada ya tenía yo algunos contenidos metidos mediante shortcodes. Nada espectacular, simplemente un poco de código directamente en los post que hacía por ejemplo aplicar unas viñetas especiales en las listas ordenadas, y cosas así.

Claro, cuando cambias de theme el functions.php ya no es el mismo, por lo que en el post hay un trozo de código entre corchetes que llama a una función que ya no existe, y te lo muestra como texto plano en lugar de ejecutar ninguna acción.

Te toca andar buscando por todos tus artículos a ver dónde había shortcodes que ya no sirven y limpiar ese código.

Hay una forma de evitar el problema de que se pierdan al actualizar la versión de un theme o al cambiar de plantilla, y es gestionar los shortcodes mediante un plugin.

Intense Site Builder for Wordpress

Intense Site Builder es un plugin de pago de shortcodes, aunque también de otras cosas.

Como te decía antes, haciendo uso de los shortcodes que te facilite un plugin no corres el peligro de perder su funcionalidad, pues lo guarda el propio plugin en sus archivos y da igual el theme que tengas.

Ojo, si te vienes arriba y añades tu propio código a los archivos del plugin pasará lo mismo, si se actualiza el plugin podrías perder esos cambios.

Pero no creo que con un plugin como este, que trae 96 shortcodes para hacer absolutamente de todo, necesites crear tus propios shortcodes.

Es un plugin de pago (29$) pero yo sólo con echar un vistazo aquí a lo que hacen esos 94 shortcodes, ya me decidí a comprarlo sólo para trastearlo y usar alguno de ellos.

Además este plugin te permite crear 17 tipos de posts específicos, en plan plantillas para según de lo que sea el post.

También permite 140 efectos de animación y muchas más cosas, lo mejor es que lo explores tú mismo y veas si te puede interesar.

Yo lo he comprado y aunque me gusta bastante aun lo estoy trasteando, también tengo ganas de probar su soporte técnico (en inglés) que dicen que es bastante bueno.

Resumiendo

Sobre el uso de shortcodes, yo te diría:

• Si te quieres complicar cero la vida, no los utilices.
• Si utilizas los propios de tu theme, cuidado al cambiar de theme.
• Si generas los tuyos propios, poco tengo que decirte pues sabes más que yo.
• Si quieres implementar su uso de forma fácil, hazlo con un plugin.

Al final yo el concepto de uso de los shortcodes lo veo similar al de una clase CSS.

En lugar de aplicar por ejemplo 12 atributos con sus valores a un elemento directamente en la venta de «Texto» en el HTML, pues asignas esos 12 atributos con sus valores a una clase en el archivo style.css y luego en la ventana de HTML sólo tienes que asignarle el nombre de la clase al elemento, y no toda la parrafada de código.

Además hay que tener en cuenta que igual que puedes usar esa clase en elementos en 50 posts distintos, y modificar todos de golpe solo con modificar la clase, con los shortcodes ocurre lo mismo.

Si se modifica el código PHP que conforma la función que ejecuta el shortcode, se modificará su resultado en todos y cada uno de los sitios donde lo hayamos insertado, de una sola vez.

Dentro de ser un tema un poco técnico, espero no haberlo hecho mucho complicado y que se haya entendido 😉

Y tú, ¿haces uso habitualmente de los shortcodes?