Modificar Portada

[Roberikom]

Hola, necesito cambiar la portada de un theme
actualmente me muestra todos las entradas en una sola columna en orden cronológico (ver imagen)



Lo que quiero lograr es que antes de mostrarme las entradas en forma cronológica, pueda crear 3 columnas donde muestre las entradas de una categoría en particular cada una y, abajo me mande las entradas que no pertenecen a ninguna de estas 3
(ver imagen)


Por lo que he leído debo trabajar con loops (pero no tengo idea que es eso ), cualquier referencia me es útil

saludos

[xavito]

Primero tendras que tocar la hoja de estilos para convertir una columna en tres.

Para ordenar los posts, la funcion que te permite esto es query_posts(). Estudiate esto:

http://codex.wordpress.org/Function_...ce/query_posts

[Roberikom]

Uff Xavito me mataste... soy malisimo para el ingles (tarea pendiente para mi)

pero googleando encontre esto: http://ilmaistro.com/como-crear-columnas-de-igual-tamano-en-wordpress/

Me dice que debo poner esto en el index:

Código:

<div id="fila1">
<div id="fila2">
<div id="fila3">
     <div id="columna1">
contenido1						
     </div>
     <div id="columna2">

         contenido2

     </div>
     <div id="columna3">

         contenido3
     </div>
</div>
</div>
</div>

y esto otro en el css

Código:

#fila1 {
        float:left;
        width:100%;
        overflow:hidden;
        position:relative;
        margin-top: 15px;
        background:#dafad8;
    }

#fila2 {
       float:left;
       width:100%;
       position:relative;
       right:33.33%;
       background:#d8e9fa;
   }

#fila3 {
       float:left;
       width:100%;
       position:relative;
       right:33.33%;
       background:#d9adad;
       padding:10px 0 10px 0;
   }

#col11 {
        float:left;
        width:300px;
        position:relative;
        left:68%;
        overflow:hidden;
    }

#col12 { float:left;
        width:300px;
        position:relative;
        left:70%;
        overflow:hidden;
   }

#col13 {
     float:left;
     width:300px;
     position:relative;
     left:72%;
     overflow:hidden;
  }

Con eso logre crear las tres columnas...
pero a la hora de intentar poner el contenido no me resulta (pueden ver las columnas en http://clase.quijost.com/ptr/ están debajo de las entradas mientras, cada una de un color distinto)
Cual es el código que debo poner en cada <div id="columna"> ?


Ando bien o dando palos de ciego?¿

Gracias

[xavito]

Para ver las entradas de una categoria en particular

<?php

//The Query
query_posts('cat=1');

//The Loop
if ( have_posts() ) : while ( have_posts() ) : the_post();
..
endwhile; else:
..
endif;

//Reset Query
wp_reset_query();

?>


Para las que estan fuera de esta categoria:

query_posts('cat=-1');

[American2010]

Aca tienes info en español de esa función

http://blog.aplicacionesweb.cl/php-e...uestros-blogs/

[Roberikom]

Esto es lo que hice, pero no me resulto =(

Código:

<?php get_header(); ?>


<div id="content">

<?php include (TEMPLATEPATH . '/slide.php'); ?>

<div id="fila1">
<div id="fila2">
<div id="fila3">
     
<div id="columna1">

<?php query_posts('cat=7'); ?>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<div class="single" id="post-<?php the_ID(); ?>">

<div class="title">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="date"></span> <span class="clock"> Fecha Publicación: <?php the_time('j - F - Y'); ?></span></div>	
</div>

<div class="cover">
<div class="entry">
	<?php the_excerpt(); ?> 
<div class="clear"></div>

</div>
</div>
<div class="singleinfo">

<span class="category"> Categoría(s): <?php the_category(', '); ?> </span>

</div>


</div>

<?php endwhile; ?>						
     </div>

     <div id="columna2">

<?php query_posts('cat=6'); ?>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<div class="single" id="post-<?php the_ID(); ?>">

<div class="title">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="date"></span> <span class="clock"> Fecha Publicación: <?php the_time('j - F - Y'); ?></span></div>	
</div>

<div class="cover">
<div class="entry">
	<?php the_excerpt(); ?> 
<div class="clear"></div>

</div>
</div>
<div class="singleinfo">

<span class="category"> Categoría(s): <?php the_category(', '); ?> </span>

</div>


</div>

<?php endwhile; ?>


     </div>
     <div id="columna3">

<?php query_posts('cat=8'); ?>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<div class="single" id="post-<?php the_ID(); ?>">

<div class="title">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="date"></span> <span class="clock"> Fecha Publicación: <?php the_time('j - F - Y'); ?></span></div>	
</div>

<div class="cover">
<div class="entry">
	<?php the_excerpt(); ?> 
<div class="clear"></div>

</div>
</div>
<div class="singleinfo">

<span class="category"> Categoría(s): <?php the_category(', '); ?> </span>

</div>


</div>

<?php endwhile; ?>     </div>
</div>
</div>
</div>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<div class="single" id="post-<?php the_ID(); ?>">

<div class="title">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="date"></span> <span class="clock"> Fecha Publicación: <?php the_time('j - F - Y'); ?></span></div>	
</div>

<div class="cover">
<div class="entry">
	<?php the_excerpt(); ?> 
<div class="clear"></div>

</div>
</div>

<div class="singleinfo">

<span class="category"> Categoría(s): <?php the_category(', '); ?> </span>

</div>


</div>

<?php endwhile; ?>
		
		<div class="clear"></div>




 <div id="navigation">
  <?php if(function_exists('wp_pagenavi')) : ?>
        <?php wp_pagenavi() ?>
 	   <?php else : ?>
        <div class="alignleft"><?php next_posts_link(__('&laquo; Older Entries','arclite')) ?></div>
        <div class="alignright"><?php previous_posts_link(__('Newer Entries &raquo;','arclite')) ?></div>
        <div class="clear"></div>
       <?php endif; ?>


</div>


	<?php else : ?>

		<h1 class="title">Not Found</h1>
		<p>Sorry, but you are looking for something that isn't here.</p>

	<?php endif; ?>


</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

[Dinvaders]

Me parece que lo mas facil que puedes hacer es esto:

Código PHP:

<div id="posts">
<?php query_posts($query_string . 'cat=1'); while ( have_posts() ) { the_post();?>
<li>
<h2><a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a></h2>
<?php the_excerpt();?>
</li>
<?php } ;?>
</div>
 

y en el css:

Código CSS:

#post {width: 100% ;}
#post li {width: 33%; float: left; list-style: none;}
 

Obviamente lo vas a tener que mejorar :D

[Roberikom]

Pero usando la estructura que ya tenia o no?....

la verdad ando muy perdido