Posiblemente, para muchos de vosotros, crear una etiqueta div en una página o post de WordPress, os puede resultar un tanto complicado.

Ahora Mipolaris, os lo va a poner más fácil, ya que tan solo con poner un pequeño [shortcode] en vuestros posts o páginas, lo tendréis solucionado...

Para conseguir realizar esto, primero debemos hacer unos pequeños pasos, que solo se hacen una vez, os explico como:

• Abris el archivo functions.php de vuestro tema de WordPress y copiais este código:

function div_mipolaris($atts, $content=null, $code="") {
$return = '<div class="mipolaris">';
$return .= $content;
$return .= '</div>';
return $return;
}
add_shortcode('mipolaris' , 'div_mipolaris' );

• Después abris el archivo style.css que también lo vais a encontrar en vuestro tema, y copiais este otro código:

.mipolaris    {
border: 1px solid #bec4de;
text-align: center;
margin: auto;
padding: 10px;
width: auto;
background-color: #f0f0f0;
height: auto;
}

Una vez hecho esto, volveis a subir a vuestro alojamiento los dos archivos, y ya está. Ahora cuando queráis poner un div en alguna de vuestras páginas o posts, con solo poner este shortcode:  os aparecerá el div como el ejemplo que podéis ver a continuación... Si queréis modificar el color de fondo, tendréis que retocar  background-color: #f0f0f0; del archivo style.css.