Shortcodes de WordPress

Quizás te suene la palabra Shortcode o quizás estés acostumbrado a usar un constructor de páginas web y no te suene para nada que es y el uso que se le puede dar a los shortcodes.

Los Shortcodes ya no se usan como antes en WordPress, antes su uso era muy común pero ahora la cosa ha cambiado. Eso no quita a que sigan siendo igual de potentes que antes y que se pueda hacer cualquier cosa con ello.

¿Qué son los Shortocdes?

Pues como su traducción dice son pequeños códigos que puedes añadir en el editor de WordPress.

Se usan para añadir funciones en los diferentes tipos de WordPress, páginas, entradas, tipos a medida, etc. Para llamar a los Shortcodes solo tenemos que añadir el nombre dentro de corchetes ([ ]) , como si abriéramos y cerráramos el tag de HTML (<>).

Un ejemplo de su uso

[nombre_shortcode]

Ahora bien que podemos hacer con ellos y cuáles son sus ventajas:

  • Evitar el código repetitivo en una web. Imaginaros que en el contenido siempre queréis añadir una firma, podríamos hacer un Shortcode [Firma]
  • Añadir clases o columnas con un Shortcode [columna6] o incluso añadir la fecha y hora actual.

Desventajas:

  • Si usas Shortcodes que vienen por defecto en una plantilla y en un futuro quieres cambiar, tendrás un problema.

¿Cómo podemos hacer un Shortcode?

De ejemplo vamos a crear un Shortcode para añadir un botón de contacto de WhatsApp.

[whatsapp_button tel="139" descripcion="Hey! Esto es un ejemplo@ https://www.carlosgonzalezgurrea.es"]

Abrimos nuestro plugin de funciones o el archivo functions.php y añadimos

function whastapp_func( $atts ) {
	extract( shortcode_atts( array(
		'telefono' => '+34 555 555 555',
		'descripcion' => 'Ponte en contacto conmigo | https://www.carlosgonzalezgurrea.es',
	), $atts ) );
	
	$salida="Compartir en WhatsApp";

	return $salida;
}

add_shortcode( 'whastapp', 'whastapp_func' );

Y ahora vamos a usarlo en nuestra Web

whastapp telefono="+34555555555" descripcion="Ponte en contacto conmigo | https://www.carlosgonzalezgurrea.es" entre []

[whastapp telefono=”+34555555555″ descripcion=”Ponte en contacto conmigo | https://www.carlosgonzalezgurrea.es”]

otra forma es dejarlo sin parámetros

whastapp entre []

Ya que por eso le ponemos unos por defecto en la función

Podeis ver más información en la página del CODEX de WordPress o Shortcode API

Conclusión
Es muy fácil crear un shortcode en wordpress y te puede ahorrar horas a la hora de añaidr el mismo texto o dato en la web.

Saludos a todos!

Shortcodes de WordPress Modificado: julio 2nd, 2018 por Carlos González Gurrea
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 5,00 de 5)
Cargando…