Los Shortcodes son metodos sencillos de usar funciones externas a nuestras entradas que son generalmente agregadas en el archivo de “function.php” del theme de nuestro sitio.
La estructura de un función que llame al Shortcode es básicamente esta:
function nombreFuncion($parametros) {
el código de algo;
return elResultado;
}
add_shortcode('nombreShortcode', 'nombreFuncion');
y para usarlo tendriamos que llamarlo asi:
[nombreShortcode]
Lo que les enseñare ahora es crear cajas de texto para resaltar el mismo texto dando un estilo distinto al resto del texto como esto:
Para eso usariamos o deberiamos usar algo similar a esto:
[box]Aquí colocamos el texto del mensaje ...[/box]
Entonces la estructura de la función seria básicamente esta:
function fn_box($atts, $content=null) {
$return = '<div class="xxx">';
$return .= $content;
$return .= '</div>';
return $return;
}
add_shortcode('box' , 'fn_box' );
Ahora lo único que resta es hacer el CSS que usará nuestra función:
.xxx{
background:url(images/success.png) no-repeat scroll 15px 15px #EEF4D4;
border: 1px solid #8FAD3D;
color: #596C26;
-moz-border-radius: 6px 6px 6px 6px;
-moz-box-shadow: 1px 1px 2px #000;
font-size: 13px;
line-height: 24px;
font-weight: normal;
font-family:Arial;
margin-bottom: 30px;
padding: 15px 15px 15px 80px;
position: relative;
width: 465px; }
Espero les sirva de gran ayuda como me sirvió a mi.
