Shortcode Personalizado
¿Qué es un Shortcode?
Un shortcode es un pequeño código o etiqueta corta que puedes insertar dentro de una página o entrada de WordPress para mostrar contenido dinámico o ejecutar funciones sin tener que escribir código complejo cada vez. Por ejemplo, algo como:
[gallery ids="1,2,3"]
muestra una galería de imágenes.
¿Qué es un Shortcode Personalizado?
Un shortcode personalizado es un shortcode que tú mismo creas para que realice una función o muestre un contenido específico que no viene por defecto en WordPress.
Esto es súper útil para:
- Reutilizar contenido o funciones frecuentes sin repetir código.
- Insertar elementos complejos (formularios, tablas, botones, sliders) con un simple shortcode.
- Facilitar la edición de contenido para usuarios no técnicos.
¿Cómo crear un Shortcode Personalizado?
Se crea con código PHP, normalmente dentro del archivo functions.php de tu tema o mejor aún, en un plugin propio para que no se pierda al actualizar el tema.
Ejemplo básico:
function mi_shortcode_personalizado() {
return "<div style='color:blue;'>¡Hola desde mi shortcode personalizado!</div>";
}
add_shortcode('saludo', 'mi_shortcode_personalizado');
Luego, en cualquier post o página escribes:
[saludo]
y verás el texto con estilo azul.
Shortcodes con parámetros
También puedes hacer que tu shortcode acepte atributos:
function mi_shortcode_saludo_atributos($atts) {
$atts = shortcode_atts(
array(
'nombre' => 'amigo',
), $atts, 'saludo_atributos'
);
return "Hola, " . esc_html($atts['nombre']) . "!";
}
add_shortcode('saludo_atributos', 'mi_shortcode_saludo_atributos');
En el editor:
[saludo_atributos nombre="Carlos"]
Resultado: Hola, Carlos!
Ventajas de usar Shortcodes Personalizados
- Flexibilidad y personalización.
- Facilita el trabajo en equipo (los redactores no necesitan saber código).
- Modularidad y orden en el contenido.
- Puedes crear funcionalidades avanzadas reutilizables.
Consideraciones
- Siempre usa funciones de seguridad (como
esc_html()) para evitar inyección de código. - Evita usar shortcodes en exceso, pueden afectar la velocidad si son muy pesados.
- Considera hacer un plugin específico para los shortcodes, así no dependes del tema.
En veselin.es exploramos las curiosidades más increíbles del mundo. Imágenes creadas con IA y ConfyUI y asignadas aleatoriamente: Shortcode Personalizado. También ciencia, historia, tecnología, cultura, fenómenos inexplicables y datos que te dejarán con la boca abierta. Si te apasiona aprender cosas nuevas cada día, ¡este blog es para ti!
🧠 Aviso: Las entradas de esta web han sido generadas automáticamente con ayuda de inteligencia artificial. Las imágenes mostradas pueden no representar con exactitud la realidad y deben considerarse parte del proceso creativo.
Este sitio es un experimento con fines educativos y de aprendizaje. ¡Disfruta del arte, la tecnología y la creación digital!
Descargo de responsabilidad: Las imágenes presentadas en esta web han sido generadas exclusivamente mediante herramientas de inteligencia artificial. No corresponden a fotografías reales ni a representaciones de personas existentes. Los títulos o nombres de archivo son generados automáticamente y no implican ninguna relación con entidades, marcas o individuos reales. Si tienes dudas o consideras que alguna imagen vulnera derechos, puedes contactarnos para su revisión o retirada.
