Nuthost

WordPress sacando rendimiento a los shortcodes

“Hoy vamos a ver que son los shortcodes y para que sirven, lógicamente también vamos a ver como sacarles provecho en nuestro trabajo diario, gracias a los shortcodes en WordPress podemos agilizar nuestro trabajo de escritura y edición de artículos de una manera asombrosa solo dejando programados pequeños fragmentos de código.”

En realidad los shortcodes no son mas que eso, pequeños fragmentos de código que WordPress nos permite tener pre programados y a los que podemos llamar en cualquier momento con palabras clave para que realicen su función.

Para entender mejor todavía que es un shortcode pondremos de ejemplo el efecto “quote” o el efecto “code” que podemos utilizar desde el editor de texto de WordPress, estos dos efectos que le dan un diseño pre definido al texto que envuelven no son otra cosa que shortcodes que WordPress ya tiene pre definidos.

Pero ahora viene lo bueno por que resulta que nosotros también podemos definir nuestros propios fragmentos de código para tenerlos guardados y poder llamarlos cuando los necesitemos sin tener necesidad de escribir el código cada vez, si señor, nosotros podemos crear nuestros propios shortcodes.

Lo bueno de utilizar shortcodes es que podemos hacer nuevos formatos de texto, poner imágenes o anuncios donde necesitemos, cambiar el formato completo de una zona de nuestro articulo….. cualquier cosa que podamos imaginar tan solo escribiendo una palabra clave.

Pero empecemos con el trabajo que es lo que mas nos gusta, en este ejemplo vamos a crear un shortcode que nos permitirá poner un anuncio publicitario en cualquier parte de nuestro articulo sin necesidad de poner el código de dicho anuncio, para ello abriremos como siempre nuestro querido amigo, si, el fichero Funtions.php y añadiremos el siguiente código.

function publi() {
return '<div class="adss"><script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxxx";
google_ad_slot = "3607045812";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>';
}
add_shortcode('adsense', 'publi');

Como vemos en el código lo que estamos haciendo es declarar una nueva función a la que hemos llamado “publi”, la función incluye un “return” donde le decimos que debe mostrar cuando se llame dicha función, en este caso le estamos poniendo un código de Google Adsense envuelto en un div al que tendremos que darle estilo, justo debajo vemos la declaración del shortcode, como podéis ver es tan sencillo como declarar el shortcode dándole primero un nombre y segundo el nombre de la función que se debe ejecutar al llamar a dicho shortcode, en este caso nuestro shortcode se llama “adsense” para no complicarnos mucho las cosas.

Una vez realizado esto ya tenemos nuestro shortcode listo para trabajar, ahora solo nos falta realizar la llamada, tan simple como en nuestro articulo, en el editor de texto de WordPress claro, debemos llamar a nuestro shortcode justo donde queremos que aparezca nuestro bloque de Google Adsense, simplemente pondremos lo siguiente.

[adsense][/adsense]

Listo, al publicar nuestro articulo nuestro shortcode se transformara en el bloque de Google Adsense que definimos en la función “publi”, ahora solo nos falta alinear este bloque de anuncios desde la hoja de estilos para que se alinee bien a la derecha o a la izquierda y así quede acorde a nuestro articulo.

Este es un ejemplo muy sencillo, pero con los shortcodes de WordPress podemos crear todo aquello que nosotros imaginemos, para que podáis crear vuestras ideas debéis tener en cuenta que por ejemplo si lo que queremos es que cierto bloque de texto tenga un fondo diferente al resto podríamos crear un shortcode para crear un fondo de color diferente y al llamarlo solo tendríamos que encerrar el texto a resaltar con la palabra clave de la siguiente manera.

[palabra clave] Aquí el texto que deseamos resaltar [/palabra clave]

Tagged in:
Acerca de 
Web
Diego Medrano es el Coordinador General de Soporte Técnico en Nuthost. Trabaja en la empresa desde 2014. Comenzó su carrera en la empresa como soporte técnico de primer nivel, dedicándose a brindar asistencia experta y personalizada a los clientes. Su responsabilidad principal era resolver problemas técnicos de manera eficiente, asegurando una experiencia de usuario excepcional. Manejó consultas y problemas relacionados con el alojamiento web, garantizando la disponibilidad y el rendimiento óptimo de los servicios. Su compromiso y habilidades lo llevaron a asumir roles de mayor responsabilidad, y hoy lidera el equipo de soporte técnico