WordPress Shortcodes

Los shortcodes de WordPress son pequeños códigos que puedes añadir en el editor de WordPress. Se usan para añadir funciones al contenido de tus entradas y páginas sin tener que escribir un script cada vez que necesites hacer esa tarea.

wordpress-shortcode

Su mayor virtud es que te ahorran mucho tiempo en labores habitualmente repetitivas, y solo por eso merece la pena utilizarlos, e incluso saber como crearlos.

Son como tags HTML que usan corchetes ([ ]) en vez de los símbolos de “mayor y menor qué” (< >). Vamos, algo así:

[shortcode]

Puedes añadir “shortcodes” manualmente mediante un código en tu fichero "functions.php” o plugin de funciones, desde el tema si ya los incluye o desde algunos plugins que te ofrecen “shortcodes” listos para utilizar (un buen ejemplo son los plugins para insertar vídeos, que usan shortcodes del tipo ”.

La principal es no tener que repetir códigos o tareas habituales en el editor de WordPress. Los shortcodes son grandes ahorradores de tiempo. También facilitan tareas habitualmente tediosas o que requiren mucho tecleo. Puedes usarlos para añadir textos repetitivos, para hacer llamadas a funciones, para aplicar clases CSS, casi para todo.

En este artículo vamos a crear un shorcode de ejemplo que podrá ser muy útil para muchos bloggers. Se trata de añadir un botón para visualizar el ejemplo en funcionamiento sobre lo que se está hablando. En blogs que hablan de programación por ejemplo, estará prácticamente en todas las entradas.

En el archivo functions.php añadiremos la función necesaria:

function shortcode_button_see_example($atts) {
    extract(shortcode_atts(array('url' => 'url'), $atts));    
    $output = '<div id="button"><a href="'.$atts['url'].'">Ver ejemplo en funcionamiento</a></div>';
    return $output;
}
add_shortcode('button_see_example', 'shortcode_button_see_example');

Y luego en todas las entradas o en las que se necesite añadir el shordcode:

[button_see_example url="https://www.jose-aguilar.com/"]

De alguna manera estamos llamando a la función que hemos creado en el archivo functions.php pasándole un parámetro como argumento. Con este parámetro añadimos la url del link del botón.

Solo faltará añadir los estilos al botón utilizando un id o class en la hoja de estilos de tu tema.

Ver más posibilidades sobre shortcodes

 

Autor
Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.
Te ha servido? Valora esta entrada!
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 votos, promedio: 5,00 de 5)
Cargando…
Comparte en las redes sociales

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.