Los shortcodes son códigos que se insertan en las entradas y páginas de WordPress y que albergan algún tipo de funcionalidad. Son como llamadas a alguna acción y que se emplean para evitar tener que repetir código o realizar tareas repetitivas. Estos shortcodes permiten ampliar el conjunto de acciones que podemos realizar al escribir un artículo o al crear una página, ya que, desde ellos, podemos ejecutar código PHP, lo cual no podemos hacer, de forma nativa, desde el panel de WordPress.
Para que sepas de lo que estamos hablando, te mostramos un ejemplo de un shortcode en WordPress:
1 | [pf_esto_es_un_shortcode] |
Son simples cadenas de texto englobadas por corchetes y que se suelen introducir en las entradas o páginas de WordPress para añadir cierta funcionalidad.
Cómo añadir un shortcode a tu página web en WordPress
Para añadir un shortcode propio a tu sitio web, en primer lugar debes localizar el archivo functions.php. Este archivo se encuentra en la ruta:
1 | tu_wordpress/wp_content/themes/tu_tema/ |
Al final de este archivo es donde vamos a añadir el código necesario para crear un shortcode que posteriormente podrás usar en cualquier post o página de tu sitio web.
Una vez localizado el archivo, ábrelo y, al final del mismo, añade el siguiente código:
1 2 3 4 5 6 7 8 | add_shortcode ( 'mi_shortcode', 'pf_mi_shortcode' ); function pf_mi_shortcode () { // Desde aquí realizamos las tareas que queramos asignar a nuestro shortcode: acceso a base de datos, cálculos, conexiones con APIs, etc. // Si es necesario que se muestre visualmente algo, realizamos el retorno del HTML que queramos mostrar. return '<p>Esto es una prueba desde Professor Falken.</p>'; } |
Como puedes observar en el código, en la primera línea estamos definiendo el shortcode ‘mi_shortcode’ y haciendo que, cuando usemos este shortcode en nuestra web, se ejecute el código de la función ‘pf_mi_shortcode’.
De esta forma, si necesitamos ejecutar el código de este shortcode en alguna de nuestras entradas o páginas, simplemente, donde queramos que esto suceda, introducimos el shortcode [mi_shortcode], lo cual accionará su ejecución y, en el lugar donde lo hayamos introducido, se mostrará el resultado deseado. En nuestro caso:
1 | Esto es una prueba desde Professor Falken. |
De esta forma, mediante el uso de shortcodes, podemos añadir elegantemente, códigos y nuevas funcionalidades a nuestro sitio web en WordPress sin tener que hacer uso de plugins de terceros o modificar el propio código de este gestor de contenidos.
