Comunidad de diseño web y desarrollo en internet

Cómo crear shortcodes en Wordpress

Hoy en día un Theme de Wordpress que carece de Shortcodes no puede jactarse de ser profesional. De no serlo nuestro Theme queda relegado a un simple template más que deberemos ofrecer gratuitamente por la Web. Es por esto que hoy voy a tratar de explicarte de una forma simple cómo poner shortcodes en tu gran Theme de WordPress.


Para el que no tiene conocimiento del asunto un shortcode en WordPress es una palabra encerrada entre corchetes. Cuando nosotros la utilizamos en el cuerpo de una entrada esta palabra hace algo.

Por ejemplo nosotros podríamos tener un shorcode para mostrar un video, o un anuncio de adsense. Y deberíamos poner en el cuerpo de nuestro Post algo de estas características:

Código :

[anuncio]

[video]


Asi de fácil. Esto, como salta a la vista, simplifica tareas tediosas haciéndolas mas simples.

Los shortcodes son utilizados por una serie de funciones de WordPress que se llaman API de código corto.

Creando nuestro primer código corto


Si nosotros sabemos como crear una función en WordPress, sabemos crear códigos cortos. No hay más vuelta que darle.

Veamos este ejemplo:

Código :

function hola(){
 
return  `”Hola maldito y desquiciado mundo!!!”;
 
}


Ahora que tenemos nuestra función creada, tenemos lo que el código corto “hace”. Pero todavía nos falta asignar ese código corto. Entonces siempre trabajando en nuestro functions.php agregaremos la siguiente línea:

Código :

add_shortcode(‘hla’,’hola’)


¿Que es lo que hemos puesto arriba? Otra función! Quitando que ésta es de WordPress. Y recibe dos parámetros. El primero es la abreviatura que nosotros deseamos que tenga el código corto. La segunda es el nombre de la función que nosotros creamos antes.

Eso es todo. Ahora cada vez que nosotros en una entrada, tengamos deseos de mostrar la frase:

wordpress :

”Hola maldito y desquiciado mundo!!!”;


Sólo deberemos poner nuestro código corto que es:

Código :

[hla]


Creando un Shortcode para enviar contenido a Twitter



Hagamos uno para enviar contenido a Twitter!

Código :

function twitt() {
 
  return '<div id="twitit"><a href="http://twitter.com/home?status=Estoy leyendo '.get_permalink($post->ID).'" title="Enviar al maldito Twitter!!!!" target="_blank">Share on Twitter</a></div>';
 
}


Código :

add_shortcode('twitter', 'twitt');


Nada del otro mundo. Creamos una función a la cual le dimos como nombre twitt. Luego le dijimos que devuelva un div con el twitit y el clásico botón de Twitter para compartir. Éste va concatenado a la función get_permalink para que la función tome el link de la entrada y se envíe a Twitter.

Pruébenlo en su archivo functions.php –sin romperlo- y después me cuentan como les fue.

Se aceptan ideas de poderosos short codes. En serio.

Fuente: Tutorial de mi autoría tomado de mi blog.

@the_fricky nos deja un consejo sobre el uso correcto de shortcodes en los comentarios del tutorial

Cristalab y Mejorando.la te traen el increíble Curso de Estrategia Digital y Marketing. Online, a tu ritmo, con diploma de certificación y clases en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate