Index: Zweispaltige Artikelanzeige

<?php 
// code to display a number of posts in multi columns top-to-bottom left-to-right 
?>
<?php global $query_string; ?>
<?php  
$set_number_of_columns = 2; // enter numbers of columns here;  
$set_number_of_rows = 4; // enter numbers of rows here
$set_showpost = $set_number_of_columns * $set_number_of_rows ; 
//setup query with parameter for paged
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
query_posts($query_string.'&showposts='.$set_showpost.'&paged='.$paged); 
// get number of posts for this,
$num_of_posts = $wp_query->post_count; 
// make adjustment for paged to get three equaly long columns even on last paged page
// divide by $set_number_of_columns to get number per column, 
// round up to next integer to make $ppc posts per column variable, or $set_number_of_rows whatever is smaller
$ppc = min(ceil($num_of_posts/$set_number_of_columns),$set_number_of_rows); 
// calculates number of rows, i.e. showposts for the following query_posts and get_posts
?>
 
<?php for ( $col = 1; $col <= $set_number_of_columns; $col += 1) { ?>
<div class="col<?php echo $col;?>">
<?php  
$row = 1;
$noffset = ($col -1) * $ppc + ($paged - 1) * $set_showpost ; //calculate offset parameter if paged
$posts = get_posts($query_string.'&numberposts='.$ppc.'&offset='.$noffset); 
foreach ($posts as $post) : start_wp(); ?>
<div id="post-<?php the_ID(); ?>" class="post row-<?php echo ($row%2); ?>">
<!-- start of anything to do with post --> 
<h2> 
<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<div class="storycontent">
 <?php the_excerpt(__('(more...)')); ?>          
</div>
<!-- end of anything to do with post --> 
</div> <!-- end #post -->
 
<?php 
$row++;
endforeach; ?>
</div>
<?php } ?>
<?php // close the for-loop // ?>
 
  <div class="navigation">
   <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
   <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
  </div>

<?php // code to display a number of posts in multi columns top-to-bottom left-to-right 
?>
<?php global $query_string; ?>
<?php 
$set_number_of_columns = 2; // enter numbers of columns here; 
$set_number_of_rows = 4; // enter numbers of rows here
$set_showpost = $set_number_of_columns * $set_number_of_rows ; 
//setup query with parameter for paged
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
$query_string = 'cat=107';
 
query_posts($query_string.'&showposts='.$set_showpost.'&paged='.$paged); 
// get number of posts for this,
$num_of_posts = $wp_query->post_count; 
// make adjustment for paged to get three equaly long columns even on last paged page
// divide by $set_number_of_columns to get number per column, 
// round up to next integer to make $ppc posts per column variable, or $set_number_of_rows whatever is smaller
$ppc = min(ceil($num_of_posts/$set_number_of_columns),$set_number_of_rows); 
// calculates number of rows, i.e. showposts for the following query_posts and get_posts
?>
 
<?php for ( $col = 1; $col <= $set_number_of_columns; $col += 1) { ?>
<div class="col<?php echo $col;?>">
<?php 
$row = 1;
$noffset = ($col -1) * $ppc + ($paged - 1) * $set_showpost ; //calculate offset parameter if paged
$posts = get_posts($query_string.'&numberposts='.$ppc.'&offset='.$noffset); 
foreach ($posts as $post) : start_wp(); ?>
<div id="post-<?php the_ID(); ?>" class="post row-<?php echo ($row%2); ?>">
<!-- start of anything to do with post --> 
<h2 class="columnheader"> 
<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<div class="storycontent">
<?php the_excerpt(__('(more...)')); ?> 
</div>
<!-- end of anything to do with post --> 
</div> <!-- end #post -->
<?php 
$row++;
if (!($row%2==0)) { ?>
<div class="column-fix"></div>
<?php } 
endforeach; ?>
</div>
<?php } // close the for-loop // ?>
 
<div class="column-navigation">
[B][I][COLOR=darkorange]..... NAVIGATION HIER EINFÜGEN AUS DER URSPRUNGSMAIL, ich verwende hier ..... [/COLOR][/I][/B]<?php  woo_pagenav();
</div> 
 
<div class="column-fix"></div>

#main.col-left .row-1 {
min-height: 240px;
border: 2px solid blue;
float: left;
margin: 10px;
padding: 10px;
width: 45%;
-webkit-box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
box-shadow: 5px 5px 10px black;}
#main.col-left .row-0 {
min-height: 240px;
border: 2px solid blue;
float: right;
margin: 10px;
padding: 10px;
width: 45%;
-webkit-box-shadow: 5px 5px 10px black;
-moz-box-shadow: 5px 5px 10px black;
box-shadow: 5px 5px 10px black;}