¿Cómo mostrar dos columnas de entradas en WordPress‏‏?

[wordpressero]

Hola!

En primer lugar y antes de nada quisiera presentarme, soy un estudiante de informática y como proyecto fin de carrera estoy haciendo un periódico deportivo digital en WordPress.
El diseño de mi tema lo he desarrollado yo íntegramente pero quiero darle un aire lo más profesional posible y quisiera que tanto en mi página principal como en las categorías, las entradas se ordenen en dos columnas (dos columnas de entradas, no el contenido de las entradas a dos columnas) de la siguiente forma:

En las categorías, quiero que las entradas vayan ordenándose según el orden de inserción (la más nueva, arriba a la izquierda; la segunda más nueva, arriba a la derecha; la tercera más nueva, debajo de la primera,…) de esta forma:



En la página principal, quiero que la 1ª noticia sea la 1ª de la categoría fútbol (por ejemplo), la 2ª noticia sea la 1ª de la categoría baloncesto, la 3ª noticia sea la 1ª de la categoría tenis, etc., es decir, que en mi portada tenga siempre la última noticia insertada en cada una de mis categorías:



He leído que se podría hacer mediante loops pero el problema que tengo es que no estoy muy puesto en ese tema y estoy haciendo muchas probaturas sin éxito. ¿Tiene alguien el código (exacto o aproximado) de cómo se haría y, si es posible, adjuntar una pequeña explicación que me pueda hacer entenderlo? Como digo, me estoy volviendo loco y es lo último que me falta (referente al diseño) para terminar mi proyecto.

Espero haber explicado bien lo que necesito. No obstante, si algo no os ha quedado claro, podéis preguntar y trataré de ser más concreto.

Muchas gracias por vuestra atención y recibid un cordial saludo ;)

[science]

Pues justo hace nada acabo de postear un código que con un cambio servirá para esto. A ver, hay que hacerlo con loops. Cada categoría es un loop.

1. Anotas el ID de cada categoría que quieres mostrar.
2. Crear una plantilla de página para Wordpress. Es un fichero (loops-personalizados.php) que pondrás en la carpeta del theme, al lado de las demás páginas, con este contenido:

Código PHP:

<?php
/**
 * Template Name: Loops personalizados
 *
 * A custom page template without sidebar.
 *
 * The "Template Name:" bit above allows this to be selectable
 * from a dropdown menu on the edit page screen.
 *
 * @package WordPress
 * @subpackage Theme
 * @since Theme 3.0
 */
 
get_header(); ?>
 
[ESPACIO DONDE PONDREMOS EL CÓDIGO DE LOS LOOPS].
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>
 

3. Entras a Wordpress y creas una página nueva, le pones un título y seleccionas la plantilla de esta página que ya aparece. Guardas y cierras. Ahora editaremos la plantilla.
4. En el espacio indicado puedes pegar el siguiente código tantas veces como categorías quieras mostrar:

Código PHP:

<?php   global $wpdb;
 
        //Cambias el 3 por el ID de una categoría, y showposts es el número de posts a mostrar.
        $categoria3 = new WP_Query();
        $categoria3->query('cat=3&showposts=1');
 
        while($categoria3->have_posts()) : $categoria3->the_post(); ?>
 
            <!--Esto es el loop habitual. Aquí se muestra el título con enlace.-->
            <h2><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
 
            <!--Aquí se muestra el autor y la fecha. Debe estar definido en functions.php. Se puede borrar.-->
            <?php twentyten_posted_on(); ?>
 
            <!--Aquí se muestra el número de comentarios. Debe estar definido en functions.php. Se puede borrar.-->
            <span class="postcomments"><?php comments_popup_link( __( 'Comentar', 'twentyten' ), __( '1 Comentario', 'twentyten' ), __( '% Comentarios', 'twentyten' ) ); ?></span>
            <p class="entry">
 
            <!--Este es el extracto del post. También se puede borrar, no es indispensable.-->
            <?php echo get_the_excerpt(); ?></p>
 
<?php endwhile; ?>
 

5. Cada loop lo puedes meter, por ejemplo, dentro de un contenedor DIV con sus estilos. El tema de ponerlo en dos columnas ya es cosa del CSS: dos columnas, una con float:left y otra con float:right.
6. Si lo deseas, puedes ir a las opciones de Wordpress, Settings » Reading, y seleccionas 'Static Page' para después seleccionar en 'Front Page' la página que hemos creado.

Saludos.

[AlZuwaga]

En la página principal, quiero que la 1ª noticia sea la 1ª de la categoría fútbol (por ejemplo), la 2ª noticia sea la 1ª de la categoría baloncesto, la 3ª noticia sea la 1ª de la categoría tenis, etc., es decir, que en mi portada tenga siempre la última noticia insertada en cada una de mis categorías

Hola. Yo para esto haría algo así:

Código:

<?php 
$cat_args = array(
  'orderby' => 'name',
  'order' => 'ASC',
  'child_of' => 0
);

$categories =   get_categories($cat_args);

foreach($categories as $category) {
    echo '<dl>';
    echo '<dt> <a href="' . get_category_link( $category->term_id ) . '" title="' . sprintf( __( "View all posts in %s" ), $category->name ) . '" ' . '>' . $category->name.'</a></dt>';
	
     $post_args = array(
      'numberposts' => 1,
      'category' => $category->term_id 
    );

    $posts = get_posts($post_args);
	
	foreach($posts as $post) {
	?>
		<dd><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></dd>
	<?php 
	} 
	echo '<dd class="view-all"> <a href="' . get_category_link( $category->term_id ) . '" title="' . sprintf( __( "View all posts in %s" ), $category->name ) . '" ' . '>View all posts in ' . $category->name.'</a></dd>';
	echo '</dl>';
} 
?>

El marcado html es lo de menos, es sólo la idea lo importante.

[wordpressero]

Bien, he conseguido hacer lo de las categorías y separar los posts en dos columnas pero aún me falla algo: los posts van en zig-zag:



Este es mi código:

Código:

<?php if (have_posts()) : ?>
<div>
<?php query_posts( ‘cat=3&posts_per_page=1′ );
while (have_posts()) : the_post(); ?>

<div <?php post_class() ?> id=”post-<?php the_ID(); ?>”>
<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title_attribute(); ?>”><?php the_title(); ?></a></h2>
<div><?php the_excerpt(); ?></div>
</div>
<?php endwhile; ?>
</div>
<div>
<?php query_posts( ‘cat=4&posts_per_page=1′ );
while (have_posts()) : the_post(); ?>

<div <?php post_class() ?> id=”post-<?php the_ID(); ?>”>
<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title_attribute(); ?>”><?php the_title(); ?></a></h2>
<div><?php the_excerpt(); ?></div>
</div>
<?php endwhile; ?>
</div>
<?php else : ?>
No hay nada
<?php endif; ?>

¿Cómo podría conseguir que estén alineados?

¡Gracias otra vez por vuestra ayuda! ;)

[Nekko]

Probablemente sea sólo un problema de CSS. Hacé los contenedores un poquito mas angostos, o pasanos la URL en donde lo podemos ver para comentarte mejor.

[wordpressero]

Este es el código en mi index.html (lo pongo así porque en el anterior post no sale el "col-left" y el "col-right"):

<?php if (have_posts()) : ?>
<div class="col-left">
<?php query_posts( 'cat=3&posts_per_page=1' );
while (have_posts()) : the_post(); ?>

<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<div class="extracto"><?php the_excerpt(); ?></div>
</div>
<?php endwhile; ?>
</div>
<div class="col-right">
<?php query_posts( 'cat=4&posts_per_page=1' );
while (have_posts()) : the_post(); ?>

<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<div class="extracto"><?php the_excerpt(); ?></div>
</div>
<?php endwhile; ?>
</div>
<?php else : ?>
No hay nada
<?php endif; ?>

Y este el relacionado con el mismo que está en mi style.css:

.col-left {
width:350px;
}

.col-right {
float:right;
width:350px;
}

Aún no lo he subido a ningún servidor, luego no tiene URL. He probado a poner las columnas menos anchas (250px cada una) pero el problema persiste.

[Nekko]

A .col-left agregale float:left;

[wordpressero]

¡Perfecto! Al fin he solucionado el problema! Muchas gracias ;)

[wordpressero]

Una ¿última? duda...
Me ha quedado muy bien la portada de mi diario, exactamente como quería, pero al hacer lo mismo en mi category.php me ha surgido un problema:
Empiezo con esta parte de código:

<?php if (have_posts()) : ?>
<div class="col-left">
<?php query_posts( 'posts_per_page=4' );
while (have_posts()) : the_post(); ?>

y sí me muestra 4 posts, pero son los últimos 4 posts que he escrito en cualquier categoría. Es decir, si entro en mi categoría 3 puedo ver posts de otras categorías si han sido los últimos que he escrito. ¿A qué puede deberse?
Gracias otra vez ;)

[zanguanga]

Hola ya te han contestado en otro foro. Sería bueno que avisaras cuando posteas la misma consulta en varios foros y ya ha sido solucionada, así nadie perderá su tiempo en contestar a algo que ya te respondieron. El tiempo es oro! Saludos.

[wordpressero]

Sí, sí, desde luego, de hecho escribí un post indicando que por fin había podido solucionar el problema pero, poco después, me encontré con el problemilla que describí en el post siguiente y que aún no he podido solucionar. Tan pronto como lo solucione, lo notificaré en los foros en los que he posteado.

Un saludo y gracias ;)