WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Guía definitiva sobre los Shortcodes en WordPress: Cómo crearlos y usarlos

David Carrero Fernández-Baillo by David Carrero Fernández-Baillo
8 febrero 2025
in Código fuente, wordpress.org
Reading Time: 6 mins read
0

Screenshot

Los shortcodes en WordPress son una herramienta poderosa que permite agregar funcionalidades complejas con un simple fragmento de código. Gracias a ellos, es posible insertar galerías, formularios, tablas de precios y otros elementos interactivos sin necesidad de escribir código HTML extenso o complicado.

¿Qué es un Shortcode?

Un shortcode es una pequeña porción de código que WordPress reconoce y reemplaza con una función específica. Su sintaxis utiliza corchetes cuadrados ([ ]) y permite a los usuarios agregar contenido dinámico sin conocimientos avanzados de programación.

Por ejemplo, para insertar una galería de imágenes se puede utilizar:

Artículos relacionados

Configuración de FS_METHOD en wp-config.php

27 septiembre 2023

Guía Completa de la API de Bloques en WordPress: Extiende las Capacidades del Editor

13 febrero 2025

Wordpress 3.6.1 llega después de 7 millones de descargas

17 septiembre 2013

Más de 200 cambios en WordPress 3.9 a través de una infografía

19 febrero 2015

Esto mostrará una galería con las imágenes especificadas, en cuatro columnas y con tamaño mediano.

Historia y evolución de los Shortcodes

Los shortcodes fueron introducidos en WordPress 2.5 en 2008 con la llegada de la Shortcode API. La inspiración provino del BBCode de foros en línea, que permitía a los usuarios formatear texto de forma sencilla sin utilizar HTML. Desde entonces, los shortcodes se han convertido en una característica fundamental para la extensión de WordPress.

Formato deseadoUsoResultado
Texto en negritaEscribe: Be [b]bold[/b], but not too [b]bold[/b].Be bold, but not too bold.
Texto tachadoEscribe: Lightning [s]never[/s] strikes twice.Lightning never strikes twice.
Cambiar color de textoEscribe: Go [color=green]green[/color], or we scream!Go green, or we scream!
Texto subrayadoEscribe: Happiness [u]underlines[/u] success.Happiness underlines success.

Tipos de Shortcodes en WordPress

Existen dos tipos principales de shortcodes:

  1. Shortcodes autocontenidos (Self-closing): No requieren una etiqueta de cierre.
  2. Shortcodes envolventes (Enclosing): Tienen una etiqueta de apertura y otra de cierre, permitiendo envolver contenido dentro.Este es un texto con formato especial.
Tipo de ShortcodeEjemploDescripción
Shortcodes autocontenidos[myshortcode]Etiqueta de apertura de un shortcode sin cierre.
[myshortcode attr1=»abc» attr2=»123″ attr3=»xyz»]Shortcode con atributos y valores definidos.
Shortcodes envolventes[myshortcode ]TU CONTENIDO[/myshortcode]Shortcode con contenido entre la etiqueta de apertura y cierre.
[myshortcode attr1=»abc» attr2=»123″ attr3=»xyz»]TU CONTENIDO[/myshortcode]Shortcode con atributos y contenido dentro del bloque.

Shortcodes predeterminados de WordPress

WordPress incluye varios shortcodes por defecto que facilitan la inserción de contenido multimedia y estructurado. Algunos de los más utilizados son:

  • audio: Insertar un archivo de audio con controles de reproducción.
  • caption: Agregar subtítulos o descripciones a imágenes.
  • embed: Permite incrustar contenido externo con opciones personalizadas.
  • gallery: Insertar una galería de imágenes con diferentes configuraciones.
  • playlist: Crear listas de reproducción de audio o video.
  • video: Insertar un video con soporte para varios formatos.

Cómo usar shortcodes en WordPress

Los shortcodes pueden utilizarse en diferentes áreas del sitio web:

  1. En páginas y entradas: Se insertan directamente en el editor de WordPress.
  2. En widgets: Algunos widgets de texto permiten la ejecución de shortcodes.
  3. En el encabezado y pie de página: Usando la función do_shortcode() en archivos de tema.<?php echo do_shortcode("[nombre_del_shortcode]"); ?>

Cómo crear un shortcode personalizado

Crear shortcodes personalizados es una excelente forma de extender la funcionalidad de WordPress. Para ello, se usa la función add_shortcode() en el archivo functions.php del tema o dentro de un plugin.

Ejemplo de shortcode para mostrar el año actual:

function mostrar_ano_actual() {
    return date('Y');
}
add_shortcode('current_year', 'mostrar_ano_actual');

Usando [current_year], se mostrará automáticamente el año en curso.

Ejemplo de un shortcode con atributos personalizados:

function boton_cta_shortcode($atts) {
    $atributos = shortcode_atts(
        array(
            'texto' => 'Haga clic aquí',
            'url' => '#'
        ),
        $atts
    );
    return '<a href="' . esc_url($atributos['url']) . '" class="boton-cta">' . esc_html($atributos['texto']) . '</a>';
}
add_shortcode('boton_cta', 'boton_cta_shortcode');

Para usarlo:

[boton_cta texto="Visitar sitio" url="https://ejemplo.com"]

Ventajas y desventajas de los Shortcodes

Ventajas

  • Facilitan la inserción de contenido dinámico sin necesidad de programación.
  • Son reutilizables en diferentes partes del sitio.
  • Se pueden agrupar en plugins, facilitando su uso en múltiples sitios web.

Desventajas

  • Pueden hacer que el contenido dependa de un plugin o tema específico.
  • No siempre son intuitivos para usuarios sin experiencia.
  • Con la llegada de Gutenberg, su uso ha disminuido en favor de los bloques personalizados.

Shortcodes y el editor de bloques de WordPress (Gutenberg)

Aunque Gutenberg ha reducido la dependencia de los shortcodes, sigue existiendo un bloque específico para ellos. Sin embargo, la tendencia en WordPress apunta hacia la creación de bloques reutilizables en lugar de shortcodes.

Conclusión

Los shortcodes han sido una de las funciones más útiles de WordPress durante años, permitiendo a usuarios y desarrolladores agregar funcionalidades avanzadas con facilidad. Aunque el futuro de WordPress está cada vez más orientado hacia el editor de bloques, los shortcodes siguen siendo una herramienta poderosa y vigente en la creación de contenido dinámico.

Tags: shortcodes
ShareTweetSendSharePin
David Carrero Fernández-Baillo

David Carrero Fernández-Baillo

Experimentando con un sitio web sobre WordPress, este popular gestor de contenidos, entre otros muchos proyectos.

Te puede interesar...

Código fuente

“Syntax-highlighting Code Block”: un aliado para desarrolladores en WordPress que apuesta por el rendimiento y la simplicidad

3 junio 2025

El plugin mejora el bloque de código estándar con resaltado sintáctico desde el servidor,...

Noticias

Guía completa sobre shortcodes en WordPress: cómo añadir funcionalidades avanzadas sin complicarse con el código

21 mayo 2025

Los shortcodes en WordPress permiten a usuarios y desarrolladores insertar funcionalidades complejas dentro del...

Noticias

Qué son los Hooks en WordPress y cómo usarlos para personalizar tu sitio sin tocar el núcleo

16 mayo 2025

Los hooks (ganchos) son una de las herramientas más potentes y versátiles de WordPress...

wordpress.org

Refuerza la seguridad de tu WordPress: cómo renovar automáticamente las claves SALT paso a paso

11 mayo 2025

Las claves SALT de WordPress son esenciales para proteger las cookies de sesión y...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

¿Está en peligro el futuro de WordPress? Realidades y mitos tras el follón entre Automattic y WP Engine

29 enero 2025

Cómo mejorar el modo de escritura sin distracciones de WordPress

25 noviembre 2015

WordPress cumple 22 años entre luces y sombras: ¿celebración o señal de alarma?

30 mayo 2025

CleanTalk: la defensa invisible contra el spam que está revolucionando WordPress y otros CMS

6 mayo 2025

Redirigir tu feed RSS a Feedburner

4 agosto 2015
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.