Instalar WordPress

Guía de Instalación

Optimizar WordPress

Optimización y Velocidad

Seguridad de WordPress

Guía de Protección

Qué son los shortcodes de WordPress y cómo usarlos en tu sitio web

Qué Son los Shortcodes de WordPress y Cómo Utilizarlos

WordPress es un gestor de contenido que incluye un gran número de APIs para programadores, pero sin duda una de las más interesantes y destacadas el la API de Shortcodes, que abre un mundo de posibilidades a los desarrolladores de temas y plugins. Pero ¿Qué son los Shortcodes y para qué sirve? En este tutorial vamos a detallarnos en el concepto de los códigos cortos o shortcodes de WordPress.

Shortcodes de WordPress

Los shortcodes es un término inglés que se utiliza para referirse a un código corto que WordPress puede interpretar o entender cuando lo pones en una página, entrada o widgets para realizar una determinada tarea predefenida.

El éxito de los shortcodes de WordPress, o códigos cortos, es su facilidad de uso que le permiten a los usuarios que no tienen conocimiento técnico ejecutar un determinado proceso o acción en una o varias partes del sitio web.

WordPress provee Shortcodes API que proporciona a los desarrolladores la posibilidad de desarrollar funciones en PHP de cualquier tipo y encerrarlas en un pedazo de código manipulable, que el usuario final utiliza en cualquier página.

[gallery]

De forma predeterminada WordPress incluye un shortcode o código corto interno que te permite mostrar una galería de imágenes en las páginas o entradas de tu sitio web, como aparece en la línea de código de arriba.

Ahora que sabemos lo que son los shortcodes de WordPress, es importante ahora ver cómo crear un shortcode y también cómo integrarlo en el sitio.

Crear un Shortcode de WordPress

Para crear un código corto en WordPress, es necesario que tengas conocimientos sólidos sobre PHP y HTML que son dos lenguajes técnicos e importantes en el gestor de contenido de WordPress. Si no es así, entonces te recomendamos leer más sobre ellos.

function shortcode_wpbody() {
    if( is_page() ) {
        echo "Esta es una página";
    }
}
add_shortcode( 'mi_shortcode', 'shortcode_wpbody' );

En este código que aparece arriba, hemos creado una función de PHP en la cual utilizamos funciones internas de WordPress. La principal tarea de este código es mostrar un mensaje cuando la página que el usuario está explorando es un post de tipo página.

Una vez terminas de crear tu función, el siguiente paso es recurrir a la API de Shortcodes de WordPress, que consiste básicamente en “enganchar” la función que acabamos de desarrollar en la función interna de add_shortcode de WordPress.

[shortcode_wpbody]

A partir de este momento, ya tienes a tu disposición el nuevo shortcode. Lo único que falta ahora es copiar y pegar esta línea que aparece arriba para que puedas ver el resultado en directo en tu sitio web.

Crear Shortcode con Parámetros

El método que hemos visto en la primera sección es cómo crear un shortcode de la forma más básica, cuando no necesitas que el usuario lo personalice según determinados parámetros para que mostrar resultado diferente. Por ello ahora vamos a ahondarnos un poco en el concepto de shortcodes de WordPress.

function shortcode_wpbody( $atts ) {
    $valor = shortcode_atts( array(
        'nombre' => 'Alex Hernan',
        'edad'   => 30,
    ), $atts );
    return "{$valor['edad']} {$valor['nombre']}";
}
add_shortcode( 'mi_shortcode', 'shortcode_wpbody' );

El presente código está diseñado para que el shortcode [wpbody] acepte dos parámetros, el primero se llama “nombre” y el segundo es “edad” y ambos son opcionales.

En este caso utilizamos otra función de la API de shortcodes de WordPress que es shortcode_atts que nos permite añadir los dos atributos al shortcode final que vamos a pegar en la página o cualquier parte del sitio.

[shortcode_wpbody nombre="Juan" edad="22"]

En esta línea aparece el resultado final de cómo sería el código abreviado. Si queremos cambiar el valor predeterminado de cualquier parámetro, lo único que hacemos es declararlo con un nuevo contenido.

En un tutorial anterior hemos visto los shortcodes de WooCommerce de forma detallada para descubrir más detalles sobre este concepto y la forma de usarlo si dispones de una tienda virtual hecha con este plugin.

Durante tu proceso de aprendizaje te van a surgir dudas y preguntas. Si tienes alguna utiliza el formulario de comentario para obtener una respuesta de nuestra parte.

Esto es todo. Te invitamos a seguir nuestra página en facebook o twitter, para obtener nuestros tutoriales exclusivos sobre cómo optimizar y proteger tu sitio web de WordPress.

Deja un comentario

Si continúas utilizando este sitio significa que aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar