Shortcode WordPress

¿Qué es un shortcode WordPress?


Un shortcode WordPress se puede definir como pequeños trozos de código que realizan las funcionalidades más o menos complejas para las que han sido creados.

Puedes añadir un shortcode en casi cualquier parte de tu web en WordPress, sin importar si se trata de una página, una entrada, categoría o un widget.

Los shortcodes de WordPress fueron introducidos con la versión 2.5 “Brecker”, lanzada en 2008.

¿Para qué sirven los shortcodes en WordPress?

Tal y como hemos visto al principio, un shortcode de WordPress son pequeños extractos de código creados para realizar casi cualquier funcionalidad que se nos ocurra.

Por ejemplo, agregar un video, una imagen, audio, un botón, o cosas más complejas como galerías, sliders y demás.

Los shortcodes son bastante útiles, sobre todo para usuarios sin conocimientos de código, ya que de no existir, nos tocaría incrustar todo el código html o php para poder crear esos elementos atractivos para nuestros lectores.

¿Cuáles son los shortcodes más usados en WordPress?

El uso de shortcodes está más que extendido por todo el ecosistema WordPress.

De hecho, la mayoría de los mejores plugins para WordPress, imprescindibles en casi cualquier instalación o de los más descargados de todo el repositorio, como por ejemplo bbPress o Woocommerce utilizan shortcodes para poder optimizarlos y personalizarlos según cada proyecto.

Ejemplos de shortcodes para el plugin bbPress

[bbp-forum-index] – Esto mostrará el índice completo de tu foro.

[bbp-forum-form] – Muestra el formulario ‘Nuevo foro’

Si quieres más información, tienes todos los shortcodes que puedes usar en bbPress en el codex de WordPress.

Ejemplo para el Plugin Woocommerce

  • Ir al club de expertosVer las pulsarwebs
     – muestra la página del carrito
  •  – muestra la página de pago

Si deseas ampliar conocimientos de cómo aplicar shortcode en Woocommerce, tienes más información en la documentación oficial del plugin.

Cómo añadir o crear shortcodes en WordPress con un plugin

Ahora que todos tenemos claro lo útiles que son los shortcodes, vamos a ver cómo añadirlos de manera muy fácil a nuestras páginas web con uno de los mejores plugins de WordPress, Shortcodes Ultimate:

Plugin Shortcodes Ultimate WordPress

shortcodes ultimate, plugins shortcodes WordPress

El plugin Shortcodes Ultimate para WordPress pone a tu disposición una colección completa de diversos elementos visuales y funcionales, que puedes usar en las publicaciones, widgets de texto o incluso en archivos de plantillas.

Haciendo uso de del plugin Shortcodes Ultimate puedes crear fácilmente casi cualquier elemento de diseño que puedas imaginar.

Entre los más de 50 shortcodes posibles tenemos algunos de los más usados:

  • Encabezados (Headings)
  • Pestañas (Tabs)
  • Spoiler
  • Acordeón
  • Separador
  • Resaltar (Highlight)
  • Etiqueta
  • Cita
  • Botón
  • Dropcap
  • Columnas
  • Listas
  • Cajas y notas
  • Tooltips
  • Lightbox

Además, de estos elementos, relativamente básicos, Shortcodes Ultimate también permite crear y añadir funcionalidades más complejas como por ejemplo:

  • Miembros del equipo y datos de usuario
  • Menú y subpáginas
  • Canal RSS
  • Incrustar videos de Youtube y Vimeo
  • Mapas de Google
  • Carrusel
  • Galería personalizada
  • Animaciones
  • Códigos QR

E incluso si te quedas con ganas de más, la versión ampliada o premium, pone a tu disposición otros tantos shortcodes realmente interesantes:

  • Pantalla de bienvenida
  • Ventana Popup
  • Panel de fotos e iconos
  • Barra de progreso
  • Sección con diseño paralax
  • Tabla de precios
  • Testimonios
  • Sombras para cajas y contenidos

Descargar e instalar Shortcodes Ultimate

A continuación te explicaré paso a paso cómo descargar el plugin, instalarlo y utilizar en tu web el plugin Shortcodes Ultimate para WordPress.

Para descargar el plugin ve a tu panel de administración y ubica la opción plugins > Añadir nuevo

En la pantalla desplegada vamos a introducir en el buscador de la parte superior derecha la palabra Shortcodes Ultimate.

Automáticamente nos mostrará una serie de plugins asociados a nuestros términos de búsqueda. Te recomiendo que salvo que busques algo muy muy concreto, instales el plugin Shortcodes Ultimate ya que es el más completo y potente de los disponibles en el repositorio oficial de WordPress.org.

Una vez pulses el botón de Instalar ahora comenzará la descarga del plugin en tu web y una vez finalizado, ya sólo tendrás que Activar para empezar a mejorar el diseño de tu web.

Cómo configurar Shortcodes Ultimate

Una vez instalado y listo para usar, veremos ahora cómo configurar este plugin para crear shortcodes en WordPress.

Para usar este plugin tan sólo tienes que ir al editor, donde ahora verás un botón llamado “Inserta shortcode” el cual debes presionar para visualizar las opciones disponibles para añadir.

A continuación, aparecerá una lista desplegable con los shortcodes disponibles, junto con la opción de buscar y filtrar.

Una vez selecciones el elemento que quieres incluir en tu contenido, tendrás que configurar el shortcode. Normalmente esto implica personalizar entre otros detalles como:

  • Estilo
  • Tamaño
  • Alineado
  • Margen
  • Clase CSS extra
  • Contenido

Como podrás comprobar cuando uses este plugin, en tan sólo unos pocos clics podrás customizar por completo el contenido de tu web, ahorrándote un montón de HTML y CSS.

Esto es ideal, sobre todo si no conoces bien estos lenguajes o si no tienes demasiado tiempo y necesitas ahorrar tiempo en el diseño de tu web.

Para terminar

Como hemos visto, los shortcode de WordPress tienen un potencial grande, ya que nos permiten enriquecer nuestra web a través de pequeñas piezas de códigos, de forma fácil, ahorrando tiempo y sin tener que añadir líneas de código.

Danyel Perales nos enseña que es un shortcode WordPress

Danyel Perales

Diseñador Web Freelance Madrid
Ilustración de Aprender WordPress gratis en mi canal de youtube

👨🏻‍🏫 Aprende gratis en mi canal de Youtube

En 2024 he vuelto a Youtube para liberar todo mi conocimiento de estos años formando diseñadores web.
Únete al canal
Inicia sesión

Sólo los socios del club de expertos pueden utilizar esta funcionalidad.