WordPress - Crear mas de una columna de posts? Es posible??

xiscomax · #1 (**permalink**) 15/06/2007, 10:03

Buenas de nuevo, xD ya estoy por akin con otra de mis modificaciones, haber si alguien me hecha una mano que en php estoy ( 0 ) patatero.
Me explico haber que os parece.
Según veo por defecto todos los themes de wordpress muestran los Posts en una columna “Vertical” colocando los Posts nuevos al principio en la parte mas alta.
Bien, lo que me gustaría hacer si alguien me puede ayudar, es crear mas de una columna, por ejemplo, añadir 3 columnas y así poder mostrar en vez de 5 Posts, pues 15 Posts en 3 columnas, no se si se me entiende?

Espero que a nadie le parezca una tontería xD
Ayuda please....

George1217 · #2 (**permalink**) 10/06/2009, 17:32

a mi no me parece ninguna tonteria, tambien me gustaria saber como hacer mas de 1 columna de posts!

lucasan · #3 (**permalink**) 11/06/2009, 13:35

Hola xiscomax, para nada, no es una tontería, es mas, es algo muy usado, tartaré de explicarme lo mejor prosible.

Debes familiarizarte con WP_Query() esta es una clase propia de Wordpress para hacer consultas a la base de datos pasando ciertos parámetros para controlar lo que obtienes.

Un ejemplo básico (tendrás que leer la documentación y experimentar para lograr exactamente lo que quieres) sería este:

Código php:

Ver original<?php
 
$col1 = new WP_Query("showposts=5"); //Traes los 5 posts mas recientes
 
if($col1->have_posts()): while($col1->have_posts()): $col1->the_post(); ?>
 
<div id="columna_1">
//Aqui pones tu codigo para mostrar los posts, titulo, etc.
</div>
 
<?php endwhile; else: ?>
 
//Aqui lo que saldría en caso de no haber posts
 
<?php endif; ?>
 
<?php
 
$col2 = new WP_Query("showposts=5&offset=5"); //Traes los 5 posts despues de los primeros 5, es decir, se salta los 5 primeros
 
if($col2->have_posts()): while($col2->have_posts()): $col2->the_post(); ?>
 
<div id="columna_2">
//Aqui pones tu codigo para mostrar los posts, titulo, etc.
</div>
 
<?php endwhile; else: ?>
 
//Aqui lo que saldría en caso de no haber posts
 
<?php endif; ?>

El secreto (si asi pudiera decirse) está en el uso del parámetro offset dentro de la consulta, esto hace que "saltemos" el número de posts que le indiquemos.

Para nuestro caso, tendriamos una columna con los primeros 5 posts y otra con los 5 siguientes. Así tendriamos los primeros 10 posts distribuidos en dos columnas.

Juega con eso y lee la documentación para que te enteres mucho mas.

Saludos, y espero que te haya servido.

George1217 · #4 (**permalink**) 11/06/2009, 21:03

Hola! yo he querido hacer lo mismo en mi blog pero al parecer no encuentro la manera el codigo es demasiado largo y me confundo o me pierdo y no hayo como acomodarlo! me podrian ayudar ?

aqui dejo mi index.php

Código PHP:

  <?php get_header(); ?> 
<div class="contentLayout"> 
<div class="sidebar1"> 
<?php include (TEMPLATEPATH . '/sidebar1.php'); ?> 
</div> 
<div class="content"> 
 
 
<?php 
$prev_link = get_previous_posts_link(__('Newer Entries &raquo;', 'kubrick')); 
$next_link = get_next_posts_link(__('&laquo; Older Entries', 'kubrick')); 
?> 
 
<?php if ($prev_link || $next_link): ?> 
<div class="Post"> 
    <div class="Post-tl"></div> 
    <div class="Post-tr"><div></div></div> 
    <div class="Post-bl"><div></div></div> 
    <div class="Post-br"><div></div></div> 
    <div class="Post-tc"><div></div></div> 
    <div class="Post-bc"><div></div></div> 
    <div class="Post-cl"><div></div></div> 
    <div class="Post-cr"><div></div></div> 
    <div class="Post-cc"></div> 
    <div class="Post-body"> 
<div class="Post-inner article"> 
 
<div class="PostContent"> 
 
<div class="navigation"> 
            <div class="alignleft"><?php echo $next_link; ?></div> 
            <div class="alignright"><?php echo $prev_link; ?></div> 
</div> 
 
</div> 
<div class="cleared"></div> 
 
 
</div> 
 
    </div> 
</div> 
 
<?php endif; ?> 
 
<?php if (have_posts()) : ?> 
 
<?php while (have_posts()) : the_post(); ?> 
<div class="Post"> 
    <div class="Post-tl"></div> 
    <div class="Post-tr"><div></div></div> 
    <div class="Post-bl"><div></div></div> 
    <div class="Post-br"><div></div></div> 
    <div class="Post-tc"><div></div></div> 
    <div class="Post-bc"><div></div></div> 
    <div class="Post-cl"><div></div></div> 
    <div class="Post-cr"><div></div></div> 
    <div class="Post-cc"></div> 
    <div class="Post-body"> 
<div class="Post-inner article"> 
<h2 class="PostHeaderIcon-wrapper"> 
<span class="PostHeader"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"> 
<?php the_title(); ?> 
</a></span> 
</h2> 
<?php $icons = array(); ?> 
<?php if (!is_page()) : ?> 
<?php ob_start(); ?> 
<img src="<?php bloginfo('template_url'); ?>/images/PostDateIcon.png" width="13" height="15" alt="PostDateIcon" /> 
<?php the_time(__('F jS, Y', 'kubrick')) ?> 
<?php $icons[] = ob_get_clean(); ?> 
<?php endif; ?> 
<?php if (!is_page()) : ?> 
<?php ob_start(); ?> 
<img src="<?php bloginfo('template_url'); ?>/images/PostAuthorIcon.png" width="12" height="14" alt="PostAuthorIcon" /> 
<?php _e('Author', 'kubrick'); ?>: <a href="#" title="<?php _e('Author', 'kubrick'); ?>"><?php the_author() ?></a> 
<?php $icons[] = ob_get_clean(); ?> 
<?php endif; ?> 
<?php if (current_user_can( 'edit_post', $post->ID )) : ?><?php ob_start(); ?> 
<img src="<?php bloginfo('template_url'); ?>/images/PostEditIcon.png" width="14" height="14" alt="PostEditIcon" /> 
<?php edit_post_link(__('Edit', 'kubrick'), ''); ?> 
<?php $icons[] = ob_get_clean(); ?><?php endif; ?> 
<?php if (0 != count($icons)): ?> 
<div class="PostHeaderIcons metadata-icons"> 
<?php echo implode(' | ', $icons); ?> 
 
</div> 
<?php endif; ?> 
<div class="PostContent"> 
 
</div> 
<div class="cleared"></div> 
<?php ob_start(); ?> 
<?php $icons = array(); ?> 
<?php if (!is_page()) : ?> 
<?php ob_start(); ?> 
<img src="<?php bloginfo('template_url'); ?>/images/PostCategoryIcon.png" width="18" height="18" alt="PostCategoryIcon" /> 
<?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> 
<?php $icons[] = ob_get_clean(); ?> 
<?php endif; ?> 
<?php if (!is_page() && get_the_tags()) : ?><?php ob_start(); ?> 
<img src="<?php bloginfo('template_url'); ?>/images/PostTagIcon.png" width="18" height="18" alt="PostTagIcon" /> 
<?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', ' '); ?> 
<?php $icons[] = ob_get_clean(); ?><?php endif; ?> 
<?php if (!is_page() && !is_single()) : ?><?php ob_start(); ?> 
<img src="<?php bloginfo('template_url'); ?>/images/PostCommentsIcon.png" width="18" height="18" alt="PostCommentsIcon" /> 
<?php comments_popup_link(__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?> 
<?php $icons[] = ob_get_clean(); ?><?php endif; ?> 
<?php if (0 != count($icons)): ?> 
<div class="PostFooterIcons metadata-icons"> 
<?php echo implode(' | ', $icons); ?> 
 
</div> 
<?php endif; ?> 
<?php $metadataContent = ob_get_clean(); ?> 
<?php if (trim($metadataContent) != ''): ?> 
<div class="PostMetadataFooter"> 
<?php echo $metadataContent; ?> 
 
</div> 
<?php endif; ?> 
 
</div> 
 
    </div> 
</div> 
 
<?php endwhile; ?> 
 
<?php if ($prev_link || $next_link): ?> 
<div class="Post"> 
    <div class="Post-tl"></div> 
    <div class="Post-tr"><div></div></div> 
    <div class="Post-bl"><div></div></div> 
    <div class="Post-br"><div></div></div> 
    <div class="Post-tc"><div></div></div> 
    <div class="Post-bc"><div></div></div> 
    <div class="Post-cl"><div></div></div> 
    <div class="Post-cr"><div></div></div> 
    <div class="Post-cc"></div> 
    <div class="Post-body"> 
<div class="Post-inner article"> 
 
<div class="PostContent"> 
 
<div class="navigation"> 
            <div class="alignleft"><?php echo $next_link; ?></div> 
            <div class="alignright"><?php echo $prev_link; ?></div> 
</div> 
 
</div> 
<div class="cleared"></div> 
 
 
</div> 
 
    </div> 
</div> 
 
<?php endif; ?> 
 
<?php else : ?> 
<h2 class="center"><?php _e('Not Found', 'kubrick'); ?></h2> 
<p class="center"><?php _e('Sorry, but you are looking for something that isn’t here.', 'kubrick'); ?></p> 
if(function_exists('get_search_form')) get_search_form(); 
<?php endif; ?> 
 
</div> 
<div class="sidebar2"> 
<?php include (TEMPLATEPATH . '/sidebar2.php'); ?> 
</div> 
 
</div> 
<div class="cleared"></div> 
 
<?php get_footer(); ?>

Ya he intentado varias veces pero se me revuelve todo! jaja