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.

No hay comentarios en
“Como crear Shortcodes en WordPress?”





Subir ↑↑