Vamos a ver como crear un theme WordPress dónde se muestren los posts en dos columnas, al estilo de cualquier periódico tradicional.
Esto se podría hacer muy facilmente mediante CSS3, pero ya que aún existen una gran cantidad de navegadores que no han implementado los estándares CSS3, tendremos que modificar la manera de mostrar the_content() en WordPress para obtener el siguiente resultado:
Para obtener este resultado es necesario filtrar the_content () antes de mostrarlo con una función personalizada y agregar dos divs, a los que daremos estilo con CSS más adelante. Así que abrimos el archivo functions.php de nuestro theme de WordPress.
En primer lugar, añadimos el código que necesitamos para filtrar los contenidos:
function my_multi_col($content){
$columns = explode('<h2>', $content);
$i = 0;
foreach ($columns as $column){
if (($i % 2) == 0){
$return .= '<div>' . "\n";
if ($i > 1){
$return .= "<h2>";
} else{
$return .= '<div>' . "\n <h2>";
}
$return .= $column;
$return .= '</p></div>';
$i++;
}
if(isset($columns[1])){
$content = wpautop($return);
}else{
$content = wpautop($content);
}
echo $content;
}
add_filter('the_content', 'my_multi_col');
En segundo lugar, añadimos los estilos CSS al archivo styles.css de nuestro theme:
.content_right, .content_left{
float:left;
width:45%;
}
.content_left{
padding-right:5%;
}


Información Bitacoras.com…
Valora en Bitacoras.com: Vamos a ver como crear un theme WordPress dónde se muestren los posts en dos columnas, al estilo de cualquier periódico tradicional. Esto se podría hacer muy facilmente mediante CSS3, pero ya que aún existen una gran cant……