Un shortcode para mostrar una caja de texto

Ya vimos, aquí en Kebrantin y hace poco, qué son los shortcodes de WordPress y cómo se crean. Hoy, vamos a ver un shortcode que nos será muy útil para mostrar una caja que resalte como aviso un texto.

Una de esas cajas se puede ver en la imagen que acompaña a este post, la utilizo en Blogpocket y es muy simple. El truco consiste, en primer lugar, en añadir un estilo en el CSS:

.cajita {
float: right;
border: 1px;
border-style: dashed;
border-color: #939393;
margin-left: 10px;
margin-bottom: 10px;
padding: 3px;
font-family: ‘Trebuchet MS’, Verdana, sans-serif;
font-size: 12px;
text-align: right;
width: 160px ;
background : #ebeef1;
margin-right: 10px;
}

En segundo lugar, crearemos la correspondiente función en el archivo functions.php, junto con la consabida llamada a add_shortcode:

function mostrarcajita($atts, $content=null, $code=”") {
$return = ‘

‘;
$return .= $content;
$return .= ‘

‘;
return $return;
}
add_shortcode(‘cajita’ , ‘mostrarcajita’ );

Y, finalmente, solo tienes que añadir el shortcode en tus posts tal y como se indica a continuación:

[cajita]En un lugar de La Mancha de cuyo nombre no quiero acordarme…[/cajita]

Vía | Our tuts

Imprimir

Esta entrada fue escrita el Martes, 1 de noviembre de 2011 a las 9:00 y archivada en Blog, Infomática. Puedes seguir cualquier respuesta a esta entrada a través del feed RSS 2.0. Puedes dejar una respuesta, o trackback desde tu propio sitio web.