Los shortcodes en WordPress son una de las herramientas más útiles para agregar funcionalidades sin necesidad de editar archivos de plantilla o depender de plugins. Con un simple código entre corchetes [ ], puedes mostrar contenido dinámico como botones, galerías, formularios y más.
En esta guía, te enseñaré cómo crear shortcodes en WordPress desde cero, cómo organizarlos dentro de un tema hijo, y te daré algunos ejemplos prácticos para que puedas implementarlos en tu sitio.
1. ¿Qué es un Shortcode en WordPress?
Un shortcode es una etiqueta especial que se escribe entre corchetes en WordPress, como [mi_shortcode], y que genera contenido dinámico en el sitio web.
Ejemplo básico:
Este shortcode muestra una galería de imágenes sin necesidad de escribir código HTML.
¿Por qué usar shortcodes en lugar de código directo?
✅ Facilitan la reutilización del código. ✅ Funcionan en páginas, entradas y widgets. ✅ Son fáciles de implementar sin tocar plantillas de WordPress.
2. Cómo Crear un Shortcode en WordPress
Para crear un shortcode personalizado en WordPress, sigue estos pasos:
Paso 1: Agregar el Shortcode en functions.php
Abre el archivo functions.php de tu tema hijo y agrega el siguiente código:
function mi_shortcode_ejemplo() {
return '<p>¡Hola! Este es un shortcode personalizado en WordPress.</p>';
}
add_shortcode( 'saludo', 'mi_shortcode_ejemplo' );
📌 Cómo usarlo en WordPress:
[saludo]
Este shortcode mostrará el mensaje "¡Hola! Este es un shortcode personalizado en WordPress." en la página donde lo coloques.
3. Agregar Parámetros a un Shortcode
Podemos hacer que el shortcode acepte parámetros personalizados para que sea más flexible.
En shortcodes.php, guarda todos tus shortcodes personalizados.
✅ Ventaja:
Mantiene el código limpio y estructurado.
Facilita la administración y actualización de los shortcodes.
6. Shortcodes vs. Bloques de Gutenberg: ¿Cuál es Mejor?
Característica
Shortcodes
Bloques de Gutenberg
Compatibilidad
Funciona en cualquier versión
Solo en WordPress 5.0+
Facilidad de uso
Necesita código o configuración
Edición visual sin código
Flexibilidad
Mayor personalización
Más fácil para principiantes
Rendimiento
Ligero y rápido
Puede cargar código innecesario
🔹 Si buscas personalización y rendimiento, usa shortcodes. 🔹 Si prefieres edición visual sin código, usa Gutenberg.
7. Conclusión: ¿Por Qué Deberías Usar Shortcodes en WordPress?
Crear shortcodes en WordPress te permite agregar funcionalidades personalizadas sin depender de plugins pesados. Puedes usarlos para botones, contenido restringido, columnas y más, manteniendo tu sitio optimizado y flexible.
Si te interesa aprender más sobre personalización en WordPress, revisa estos artículos: