¿Qué es el shortcode?
El shortcode es lo que permite a los diseñadores/programadores crear contenido especial que los usuarios pueden colocar o no en sus post.
Creando un Shortcode simple
Lo primero que debemos hacer es abrir nuestro archivo functions.php.
Supongamos que deseamos colocar un botón “Enviar” de Facebook en algunos post, para eso escribimos:
1
2
3
4
5
|
function enviar_facebook (){
return ‘<div id=”fb-root”></div><script src=“http://connect.facebook.net/en_US/all.js#xfbml=1”></script><fb:send href=”example.com” font=”arial”></fb:send>’;
}
add_shortcode (‘facebook’, ‘enviar_facebook’);
|
En nuestro editor de articulos simplemente tendremos que colocar el shortcode:
1
|
[facebook]
|
Shortcode más complejo
En el caso de que queramos hacer algo más “complejo” como mostrar una box especial para destacar contenido deberemos escribir en functions lo siguiente:
1
2
3
4
5
|
function box_destacado( $atts, $content = null ) {
return ‘<div class=”destacado”>’ . $content . ‘</div>’;
}
add_shortcode( ‘destacado’, ‘box_destacado’ );
|
En nuestro editor de articulos simplemente tendremos que colocar el shortcode:
1
|
[destacado]Texto que deseamos destacar[/destacado]
|
Aprovechamos y creamos un css:
1
2
|
/* — Shortcode Destacado — */
.destacado {margin: 10px; padding: 10px; text–align: center; background–color: #FFFFC6; border: 1px solid #FF9900;}
|
Y ahora vemos el ejemplo:
[destacar]Aqui vemos el texto destacado en el shortcode[/destacar]
Si quieren seguir profundizando en shortcode pueden visitar la api de wordpress.