Contenido en dos columnas

columnas

Seguro que este truco es algo que muchos apreciarán, pues permite mostrar el contenido de los posts en dos columnas, dando un aspecto de diario digital a tu sitio creado con WordPress.

Solo tienes que aplicar estos dos cambios:

En el fichero functions.php de tu plantilla (theme):

function my_multi_col($content){
$columns = explode('<h2>', $content);

$i = 0;

	foreach ($columns as $column){
	if (($i % 2) == 0){
		$return .= '<div class="content_left">' . "\n";
		if ($i > 1){
		$return .= "<h2>";
	} else{
		$return .= '<div class="content_right">' . "\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 el fichero style.css de tu plantilla (theme):

.content_right, .content_left{
    float:left;
    width:45%;
}

.content_left{
    padding-right:5%;
}
VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

20 comentarios en “Contenido en dos columnas”

  1. Pingback: Bitacoras.com

  2. Una pregunta ¿Cuál es el plugin que utilizáis para que aparezca esa barra de enlaces sociales al final del post? Gracias!

    1. El plugin es sociable.

      Otra cosa, para dividir en dos columnas, pero la barra lateral que muchos blogs tenemos, que se tendria que modificar? o algun plugin que lo hace?

      Gracias,

      Saludos

  3. Buenas;

    Hay unos cuantos scripts en php para separar el contenido en dos o más columnas pero el dilema es que con CSS3 haces lo mismo simplemente metiendo el bloque en un div y aplicándole esto;

    <code>

    -moz-column-count: 2;

    -moz-column-gap: 8px;

    -moz-column-rule: none;

    -webkit-column-count: 2;

    -webkit-column-gap: 8px;

    -webkit-column-rule: none;

    </code>

    Cambiando el column-count puedes poner todas las columnas que quieras y el texto siempre queda distribuido uniformemente entre ellas 😉

      1. Podrias colocar el script completo con los div y todo eso? se coloca en function.php ? en que parte?…gracias.

        Por otro lado…existe algun plugin o scripts que permita colocar una categoria especifica de forma horizontal? es decir que salgan por ejemplo 3 noticias una añl lado de la otra con sus respectivas miniaturas?

  4. ANDO COMO LOCO BUSCANDO LA FORM QUE UNA CATEGORIA ESPECIFICA SALGA EN HORIZONTAL Y NO VERTICAL, CLARO HABRIA QUE DISMINUIR EL TAMAÑO DE LAS FOTOS A LA MINIMA EXPRESION PERO SERAS FANTASTICO LOGRARLO.

  5. creo que deberias poner la fuente de donde sacaste el articulo:

    http://www.wprecipes.com/wordpress-hack-automatic

    hasta la fotografia es casi ugual y el comentario del tal josè tambien es copiado de la misma fuente, por lo que deduzco jose eres tu mismo .

    ademas varios de tus otros post salen de ese mismo sitio

    ahora se el porque de tus opiniones tan desacertadas.

  6. Fernando, por favor edita mi comentario anterior , el comentario fué un poco apresurado y me di cuenta que jose es el mismo usuario que posteo en la fuente de la noticia, creo que deberias dejarlo solo hasta el link de la fuente ya que lo posterior a eso fué producto del mal entendido… no te lo tomes a mal, es solo una critica constructiva…

    1. Se quedó en la cola de spam por llevar enlace pero no pasa nada, se aprueba y así se entiende también este. Y, bueno, que ya lo has visto, cito a la fuente original, del comentario de Jose ni idea, es un lector de ambos blogs, y en ambos aporta, suma, lo que se agradece. Lo de la imagen, casualidades, busqué en Google algo curioso sobre 2 columna y salió ese galimatías, ya sabes que me gusta ilustrar los posts con cosas raras 😉

      Si no te gustan mis opiniones, pues bueno, que se le va a hacer, son mías, tu tendrás las tuyas.

  7. Hola,

    el código que has puesto no funciona. Hay algunos errores que he subsanado.

    El código arreglado es éste:

    function my_multi_col($content){

    $columns = explode('', $content);

    $i = 0;

    $return = '';

    foreach ($columns as $column){

    if(($i % 2) == 0){

    $return .= '' . 'n';

    if ($i > 1){

    $return .= "";

    } else{

    $return .= '' . 'n ';

    }

    }

    $return .= $column;

    $return .= '';

    $i++;

    }

    if(isset($columns[1])){

    $content = wpautop($return);

    }else{

    $content = wpautop($content);

    }

    echo $content;

    }

    add_filter('the_content', 'my_multi_col');

  8. HAY ALGO QUE NO ENTIENDO…EL CODIGO ES PARA QUE LOS ARTICULOS DE LOS POST SALGAN A DOS COLUMNAS O PARA QUE LAS GATEGORIAS SALGAN A DOS COLUMNAS, ES DECIR QUE LA CATEGORIA A, SALGA AL LADO DE LA CATEGORIA B.

    GRACIAS.

  9. he probado tanto con el codigo original como con el que remarcaba Jordi. Y sigue sin funccionar.

    Mi plantilla está realizada con Artisteer,hay algun codigo especial para este tipo de plantillas.

    Por favor hechadme una mano. Gracias de antemano.

  10. Viendo lo que parece ser que nadie encontró solución por ningún lado os dejo lo que creo que todos estamos buscando y es gracias a un plugin de wordpress http://wordpress.org/extend/plugins/site-layout-customizer/ espero que le sirva a alguien salu2

  11. Buenas, yo también estoy intentando colocar dos columnas dentro de una categoría concreta. Aquí lo he logrado, pero no está bien configurado del todo: 

    Como se puede observar, se trata de que el post más actual salga arriba en «portada» y los demás caigan en columnas. ¿Alguien me echa un cable? 

    Muchas gracias de antemano,

  12. Puff, que bueno que es TAAN simple wordpress que deja poner RAPIDO las entradas en dos columnas, puff hay que meterse al codigo, apesta

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido