Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Loop con 2 columnas

Estas en el tema de Loop con 2 columnas en el foro de WordPress en Foros del Web. Que tal amigos, ojala pudieran ayudarme, tengo un loop de 1 columna, pero quiero hacerlo en 2 columnas. Este es el código actual : Código ...
  #1 (permalink)  
Antiguo 01/08/2011, 16:04
Avatar de lgga  
Fecha de Ingreso: octubre-2004
Mensajes: 443
Antigüedad: 20 años, 1 mes
Puntos: 37
Loop con 2 columnas

Que tal amigos, ojala pudieran ayudarme, tengo un loop de 1 columna, pero quiero hacerlo en 2 columnas. Este es el código actual :

Código PHP:
<div id="rightcol">
    <?php
// enter the IDs of which categories you want to display
$display_categories = array(7);
foreach (
$display_categories as $category) { ?>
    <div class="clearfloat">
      <?php query_posts("showposts=4&cat=$category");
        
$wp_query->is_category true;
        
$wp_query->is_archive false;
        
$wp_query->is_home true;
         
?>
      <h3><a href="<?php echo get_category_link($category);?>">
        <?php 
    
// name of each category gets printed      
      
single_cat_title(); ?>
        </a></h3>
      <?php while (have_posts()) : the_post(); ?>
      <?php
// this grabs the image filename
    
$values get_post_custom_values("leadimage");
// this checks to see if an image file exists
    
if (isset($values[0])) {                        
?>
<a href="<?php the_permalink() ?>" rel="bookmark" class="title">
      <?php 
// this is where title of the article gets printed      
      
the_title(); ?>
      </a>
      <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php $values get_post_custom_values("leadimage"); echo $values[0]; ?>" alt="" /></a>
      <?php ?>
      
      <?php 
      
// this is where the excerpt of the Lead Story gets printed      
    
the_excerpt() ; ?> <br>
      <?php endwhile; ?>
    </div>
    <?php }?>
   </div>
__________________
Breaking the LAW
TSM
  #2 (permalink)  
Antiguo 02/08/2011, 06:20
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 16 años, 7 meses
Puntos: 656
Respuesta: Loop con 2 columnas

Podés usar dos loops diferentes y mediante el CSS a cada uno lo colocás en una columna.

O bien podés buscar estos plugins y ver si funcionan bien con tu theme: WP Post Columns, WP Columnize, Dual Column, and Magazine Columns (nunca los probé...)

Personalmente me gusta dejar un solo loop y usar un plugin de jQuery como columnizer para dividir mi contenido.
http://welcome.totheinter.net/columnizer-jquery-plugin/
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP
  #3 (permalink)  
Antiguo 02/08/2011, 07:57
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 19 años, 3 meses
Puntos: 638
Respuesta: Loop con 2 columnas

Ahora mismo estoy haciendo algo parecido, osea, quiero mostrar cuatro filas con tres columnas cada una. Inicialmente lo que hice fue ajustar el ancho de mis post y luego con un float: left y un display: block, todo solucionado (aparentemente)

Todo bien hasta que choqué con la cruda realidad de que la altura de cada uno puede ser diferente, y eso me descuajeringaría el layout, entonces decidí meterlo en una tabla con un valing: top en cada celda, y recordé que hace cuatro años tuve un problema similar
y el profe @GatorV me mandó a leerme las FAQ de PHP -> http://www.forosdelweb.com/f18/faqs-...00/#post240669

En fin, yo usaría un solo Loop y acomodaría la cosa con CSS o usaría el rudo método de la tablita
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #4 (permalink)  
Antiguo 02/08/2011, 10:46
Avatar de lgga  
Fecha de Ingreso: octubre-2004
Mensajes: 443
Antigüedad: 20 años, 1 mes
Puntos: 37
Respuesta: Loop con 2 columnas

Gracias amigos por sus respuestas, ya lo logre, aquí dejo el código por si alguien lo necesita:

Código PHP:
<div id="left-column">
<?php query_posts('showposts=4&category=7'); ?>
<?php $posts 
get_posts('numberposts=4&offset=0&category=7'); foreach ($posts as $post) : start_wp(); ?>
<?php 
static $count1 0; if ($count1 == "4") { break; } else { ?>

<li > <a href="<?php the_permalink() ?>" rel="bookmark" class="title"><?php the_title(); ?></a></li> 

<?php $count1++; } ?>
<?php 
endforeach; ?>
</div>

<div id="right-column">
<?php query_posts('showposts=4&category=7'); ?>
<?php $posts 
get_posts('numberposts=4&offset=4&category=7'); foreach ($posts as $post) : start_wp(); ?>
<?php 
static $count2 0; if ($count2 == "4") { break; } else { ?>

<li > <a href="<?php the_permalink() ?>" rel="bookmark" class="title"><?php the_title(); ?></a></li> 

<?php $count2++; } ?>
<?php 
endforeach; ?>
</div>
En efecto como lo dijeron, usar 2 loops y ordenar mediante css.
__________________
Breaking the LAW
TSM

Etiquetas: columnas, loop, php, post
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:26.