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):
PHP:
-
function my_multi_col($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++;
-
}
-
-
$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):
CSS:
-
.content_right, .content_left{
-
float:left;
-
width:45%;
-
}
-
-
.content_left{
-
padding-right:5%;
-
}
14 comentarios en “Contenido en dos columnas”
Información Bitacoras.com...
Valora en Bitacoras.com: 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 cambio.....
Una pregunta ¿Cuál es el plugin que utilizáis para que aparezca esa barra de enlaces sociales al final del post? Gracias!
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
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;
-moz-column-count: 2;
-moz-column-gap: 8px;
-moz-column-rule: none;
-webkit-column-count: 2;
-webkit-column-gap: 8px;
-webkit-column-rule: none;
Cambiando el column-count puedes poner todas las columnas que quieras y el texto siempre queda distribuido uniformemente entre ellas
Que buen apunte Jose
PERO DONDE COLOCO ESTE SCRIPT? ME AYUDAS PORFA...ME INTERESA ESTO MUSCHISIMO
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?
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.
creo que deberias poner la fuente de donde sacaste el articulo:
http://www.wprecipes.com/wordpress-hack-automatically-output-the-content-in-two-columns
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.
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...
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.
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');
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.
ENCONTRE ESTE PLUGIN PARA MANEJO DE LAS COLUMNAS, PERO NO LOGRO MANEJARLO..SI ALGUIEN LOGRA HACERLO CHEVERE QUE LO PUBLIQUE AQUI: http://www.code-styling.de/english/development/wordpress-plugin-page-columnist-en
Escribe un Comentario
Comentarios adicionales gracias BackType
BuddyPress 1.2 está prácticamente lista para lanzarse salvo que las pruebas de los usuarios digan lo contrario. Ya puedes descargarla y empezar a comprobarla (enlace al svn). En esta nueva versión se han cerrado más de 125 tickets desde la última beta.
[#3]
Ya está disponible WordPress MU 2.9.1 y José Conti me avisa que en unas horas tendrá lista la traducción para poder tener actualizado y listo tu sitio multiusuario.
[#6]
¿Sabías que Kubrick, el tema que va a ser sustituido en 2010 lo creó un desarrollador danés?. Toda la historia de este tema, ya mítico, la tienes en este artículo (traducido con Google).
[#26]
Último mensaje de: alpikat
En el foro: General WordPress.org
Último mensaje de: benoffi7
En el foro: General WordPress.org
Último mensaje de: Javier
En el foro: Plugins
Último mensaje de: francescorusso
En el foro: SEO - SEM
Último mensaje de: Em4-R
En el foro: Themes y Diseño
Acceder