Quantcast
Channel: mauricioaedo.com
Viewing all articles
Browse latest Browse all 162

Crear shortcodes en WordPress

$
0
0
wordpress logo

En palabras muy simples, los shortcodes son etiquetas especiales que añaden funciones al contenido de tus entradas y páginas de WordPress.

WordPress ya cuenta con un listado de shortcodes predefinidos para diversas funciones, pero la idea de esta publicación es enseñarte de una forma simple y con un ejemplo práctico como crear tus propios shortcodes para tus propias necesidades.

Crear shortcodes en WordPress

Para entrar en contexto, vamos a utilizar de ejemplo la página Sobre mí de mi blog, en dónde me presento y doy una bienvenida a los visitantes explicando brevemente en que consiste el blog. La imagen siguiente muestra el contenido del editor de la página.
shortcode-wordpress

Cómo puedes ver, el contenido es muy sencillo y se compone solo de una imagen y texto. En un comienzo esta simple página no presenta ningún problema, pero con los años te darás cuenta de que tendrás que editarla cada vez que aumente la edad. Este es un muy buen ejemplo para utilizar shortcodes a tu favor!

Entonces, lo que vamos a hacer será crear un shortcode que calcule la edad automáticamente, para esto necesitas saber un poco de PHP. La función que yo utilicé para calcular mi edad es la siguiente.

function miEdad()
{
	$fecha = time() - strtotime("1985-06-07");
	$edad = floor((($fecha / 3600) / 24) / 360);
	return $edad;
}

La función debes agregarla al archivo de funciones function.php del tema de tu blog, esto puedes hacerlo directamente desde el editor de WordPress o con un editor externo conectándote por FTP. Si lo haces por FTP, la ruta de este archivo debería ser /wp-content/themes/tutema/functions.php
Al final de la función debes agregar la siguiente linea que relaciona la función creada a el shortcode.

add_shortcode("miEdad", "miEdad");

Dónde no necesariamente los 2 parámetros deben ser iguales, el primero indica el nombre con el que se llamará al shortcode y el segundo el nombre de la función que está por detrás.
shortcode-wordpress2

Nota: No olvides agregar las etiquetas de inicio < ?php y fin ?> de PHP en caso de que el archivo estuviera vacío y no existieran.

Con esto ya esta listo mi nuevo shortcode y lo puedo utilizar simplemente agregando la etiqueta [miEdad] dentro de la página.
shortcode-wordpress3

Si te ha resultado útil o tienes algo que comentar, anímate!

La entrada Crear shortcodes en WordPress aparece primero en mauricioaedo.com.


Viewing all articles
Browse latest Browse all 162

Latest Images