Cómo usar los shortcodes de WordPress en páginas y posts

El camino más rápido

Con los shortcodes de WordPress puedes hacer cosas increíbles. Un shortcode es un fragmento de código que permite añadir a tu web imágenes, contenido o funciones sin tener que utilizar HTML o CSS cada vez que quieras realizar dicha tarea. Así que ya tienes una buena razón para aprender a utilizar los shortcodes de WordPress.

Parece mucho más complejo de lo que es en realidad.

Piensa en cuando eras pequeño y decías ¡oh no, mamá! Esto no significaba solo que tu madre había vuelto, sino que tenía un significado mayor. Tenía implícito que debías dejar al instante lo que estabas haciendo y ordenar el caos que tenías montado antes de que te metieras en un buen problema…

Lo mismo pasa con los shortcodes. Añadir shortcodes al editor de tu web hará algo mucho más grande dentro de tu web.

Por lo general, un shortcode incluye una o dos palabras entre corchetes ([casa-mama]) con la tarea específica de decirle a un script o contenido asignado, que dejen de hacer lo que está haciendo. Volviendo al ejemplo anterior, lo que tendrían que hacer es limpiar el desorden y dejar de hacer cosas que puedan enfadar a tu madre.

Ahora que sabemos un poco mejor qué son los shortcodes, aquí tienes un poco más de información sobre lo que veremos en este artículo:

  • Usos de los shortcodes de WordPress
  • Cómo crear un shortcode en WordPress desde cero
  • Crea un shortcode utilizando un plugin
  • Plugins con shortcodes incorporados

¡Vamos a ello!

¿Por qué aprender a utilizar shortcodes?

Cuando aprendes a utilizar los shortcodes de WordPress, verás que ahorrarás mucho tiempo y te harán la vida más fácil. Piensa en cuántas tareas debes realizar constantemente al crear una página o un post.

Principales razones para aprender a usar los shortcodes de WordPress:

  • Añadir un enlace de suscripción al final de cada post de tu blog
  • Añadir formularios de contacto
  • Crear columnas
  • Insertar código de AdSende
  • Añadir imágenes u otros elementos visuales

Existen muchas otras formas de incorporar shortcodes en tu web, pero estas son las más comunes. Estos shortcodes normalmente vienen incorporados ya en los plugins.

Por ejemplo, el plugin Column Shortcodes te permite crear fácilmente columnas en tus páginas o posts. Mientras tanto, Ninja Forms utiliza shortcodes para añadir fácilmente formularios de contacto en tu web.

Plugin Ninja Forms

Ahora que ya sabes qué es un shortcode y algunas formas sobre cómo se utilizan, veamos cómo puedes crear tu propio shortcode.

Crea tu primer shortcode de WordPress

Es cierto que los shortcodes de WordPress te lo ponen fácil a la hora de añadir funciones a tu web. Pero, ¿qué pasa si no encuentras un shortcode para esa idea que tienes en mente? Una vez que aprendas a usar los shortcodes de WordPress, puedes crear los tuyos propios sin problema:

  • Desde cero: tendrás que ir al archivo function.php de tu tema para crear uno.
  • Mediante un plugin: te explicaré cómo hacer tu vida más fácil creando shortcodes en WordPress.

Crear un plugin desde cero

Antes de empezar, ¡ojo! Te recomiendo crear una copia de seguridad de tu web antes de realizar cualquier cambio en los archivos de tu plantilla.

Siempre puede romper algo. Confía en mí, lo sé de primera mano. Además, es mejor usar este método si has creado algún tema hijo para no perder tus shortcodes en alguna actualización de tu plantilla.

Vamos a hacer sencillo el contenido de los shortcodes, pero puedes crearlo más avanzado, con código personalizado.

Accede al archivo functions.php de WordPress. Desde Apariencia, pulsa en Editor y luego selecciona el archivo functions.php. Para crear los shortcodes tienes que crear la función y nombrar el shortcode. A continuación te explico cómo hacerlo:

Crear la función

Lo primero que tienes que hacer es crear la función primaria en PHP. Te ponemos un ejemplo de cómo hacerlo:

// Shortcode "Casa de mamá"
function shortcode_casamama () {
Return 'limpiar el desorden y dejar de hacer cosas
que puedan enfadar a tu madre!';

Nombra el shortcode

Ahora tenemos que añadir código para asociar la función al nuevo shortcode. En el siguiente ejemplo casa-mama será el código corto que creamos y después lo asociaremos a la función shortcode_casamama.

add_shortcode('casa-mama', 'shortcode_casamama');

Todo junto quedaría algo como:

// Shortcode "Casa de mamá"
function shortcode_casamama () {
Return 'limpiar el desorden y dejar de hacer cosas
que puedan enfadar a tu madre!';
add_shortcode('casa-mama', 'shortcode_casamama');

En este ejemplo, “deja de hacer lo que estás haciendo, es decir, limpiar el desorden y dejar de hacer cosas que puedan enfadar a tu madre” se mostrará cada vez que  añada [casa-mama] en una página, un post o un widget.

Sabemos que es un ejemplo tonto, pero todavía estamos descubriendo cómo hacer los shortcodes de WordPress. Puedes nombrar tus propios shortcodes como quieras y su funcionalidad también depende de ti. A la hora de nombrar el shortcode te recomiendo utilizar algo que sea fácil de recordar. Una vez más, te recordamos que el objetivo de los shortcodes es facilitarte un poco la vida.

Crea shortcodes con un plugin

¿No te gusta la idea de andar a tocar código en tu plantilla? No pasa nada, hay un plugin que te permite hacerlo fácilmente.

El plugin Shortcoder

A continuación vamos a ver cómo puedes utilizar Shortcoder para esto. Es un plugin gratuito que te permite usar el editor de páginas para crear shortcodes en WordPress.

Para empezar a utilizarlo, accede al panel de control de WordPress, pulsa en “Añadir plugin” y busca Shortcoder.

Después de instalar el plugin, sigue estos pasos para crear tu primer shortcode:

  1. En el menú de la izquierda ve a “Ajustes” y luego selecciona “Shortcoder”.
  2. Ajustes-shortcoderPulsa en “Create a new shortcode”.
  3. Ponle un nombre al shortcode y luego añade el contenido en el editor.Crear shortcode en WordPress con Shortcoder
  4. Ahora haz clic en Create shortcode y listo.
  5. Dirígete al editor de la página o del post en el que quieres añadir el shortcode.
  6. Haz clic en el icono de código abreviado de la barra de herramientas del editor.Añadir shortcode en un post
  7. ¡Publica los cambios!

Plugin Shortcodes Ultimate

Tengo que mencionar este plugin porque está activo en más de 700.000 instalaciones de WordPress y tiene muy buena puntuación en el repositorio. Shortcodes Ultimate tiene un montón de shortcodes por defecto para crear pestañas, botones, sliders, carruseles, videos y mucho más.

A continuación te muestro la lista completa de shortcodes que puedes utilizar. Para ello, en el panel de WordPress accede a la sección “Plugins”, pulsa sobre “Añadir nuevo” y busca Shortcodes Ultimate.

Opciones del plugin Shortcodes Ultimate

Los shortcodes de WordPress tienen un potencial ilimitado. Ahora que sabes utilizarlos, ahorrarás mucho tiempo en las tareas de tu web.

Imagen de Visualhunt.com