Pagination bei mehreren Loops

hector

Hallo,

ich möchte ein zweispaltiges Layout realisieren. Dabei soll jeweils im Wechsel ein Artikel links, ein Artikel rechts usw. angeordnet werden. Nun habe ich folgenden Code in den Weiten des WWW aufgeschnappt:

HTML

<div id="links">
<?php query_posts('showposts=5'); ?>
<?php $posts = get_posts('numberposts=5&offset=0'); foreach ($posts as $post) : start_wp(); ?>
<?php static $count1 = 0; if ($count1 == "5") { break; } else { ?>
linke Artikel
<?php $count1++; } ?>
<?php endforeach; ?>
</div><!--#links-->


<div id="rechts">
<?php query_posts('showposts=5'); ?>
<?php $posts = get_posts('numberposts=5&offset=5'); foreach ($posts as $post) : start_wp(); ?>
<?php static $count2 = 0; if ($count2 == "5") { break; } else { ?>
rechte Artikel
<?php $count2++; } ?>
<?php endforeach; ?>
</div><!--#rechts-->

Alles anzeigen

Das klappt auf der ersten Seite, so wie es soll. Nur leider werden auf der zweiten Seite die gleichen Artikel angezeigt, wie auf der ersten Seite.

Nun bin ich mit meinem Latein am Ende. Gibt es eine Möglichkeit in den obigen Code die korrekte Pagination zu integrieren?

Danke für eure Hilfe

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

alchymyth

willkommen im forum :)

erstens, paginierung mit 'get_posts()' und 'foreach' geht nicht ganz einfach;
zweitens, fuer zwei spalten brauchst du keine zwei loops; das geht mit einem loop und 'query_posts()' und dem 'paged' parameter, und dann geht normale paginierung.

beispiel:

PHP

<?php query_posts('posts_per_page=10&paged='.get_query_var('paged')); 
if( have_posts() ) :  
  while( have_posts() ) : the_post(); 


    $this_post = $wp_query->current_post+1; //postnummer im loop//
    if( $this_post == 1 ) echo '<div id="links">'; //vor dem ersten post// 
    elseif( $this_post == 6 ) echo '<div id="rechts">'; //vor dem 6. post// ?>


    Artikel 


    <?php if( $this_post == 5 || $this_post < 5 && $this_post == $wp_query->post_count ) echo '</div><!--#links-->'; //nach dem 5. post oder fruehem ende in der ersten spalte//
    elseif( $this_post == 10 || $this_post < 10 && $this_post == $wp_query->post_count ) echo '</div><!--#rechts-->'; //nach dem 10. post oder fruehem ende in der zweiten spalte//
  
  endwhile; 
else :
  //keine posts//
endif; ?>

Alles anzeigen

http://codex.wordpress.org/Function_Reference/query_posts

hector

Wow. Klasse.

Vielen herzlichen Dank. Funktioniert perfekt.

hector

Hallo alchymyth (und alle Anderen),

in der index.php klappt das prima. Wenn ich den Code aber für Kategorien, Tags und Archive nutzen will, klappt das leider nicht. Es werden die ersten 10 Artikel, egal welche Kategorie oder Tag, angezeigt. Liegt sicher an query_posts, oder?

Gibt es eine Möglichkeit die Artikel versetzt anzuzeigen, sprich Artikel 1 links, Artikel 2 rechts usw.?

Herzlichen Dank für die Hilfe

alchymyth

Zitat

Wenn ich den Code aber für Kategorien, Tags und Archive nutzen will, klappt das leider nicht.

WordPress macht die query intern und automatisch;

daher entferne einfach das hier:

PHP

query_posts('posts_per_page=10&paged='.get_query_var('paged'));

Zitat

Gibt es eine Möglichkeit die Artikel versetzt anzuzeigen, sprich Artikel 1 links, Artikel 2 rechts usw.?

zB wenn du die post-div mit 'float:left;' und einer festen breite von weniger als der haelfte des zur verfuegung stehenden bereichs formatierst.

beispiel:

PHP

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


<div <?php post_class(($wp_query->current_post%2?'even':'odd')); ?>>
Artikel 
</div>


<?php endwhile; 
else :
//keine posts//
endif; ?>

Alles anzeigen

formatting dazu:

Code

.hentry { float:left; width:49%; margin-left:2%; }
.hentry.odd { clear:left; margin-left:0; }

http://codex.wordpress.org/Function_Reference/post_class

hector

Das ist ne klasse Lösung. Eine Frage noch: die Artikel links und rechts beginnen jeweils auf einer Höhe. Wie kriege ich es hin, dass der Artikel direkt unterhalb des vorherigen beginnt?

alchymyth

fuer 'tetris'-design:

siehe meinen alten artikel:
http://www.transformationpowertools.com/wordpress/play…osts-grid-style

vereinfacht (ohne query, die fuer archive usw ja nicht benoetigt wird);

PHP

<?php
$num_cols = 2; // set the number of columns here


if (have_posts()) :


  for ( $i=1 ; $i <= $num_cols; $i++ ) :
    echo '<div id="col-'.$i.'" class="col">';
    $counter = $num_cols + 1 - $i;
    while (have_posts()) : the_post();
      if( $counter%$num_cols == 0 ) : ?>


        <div <?php post_class(); ?>>
<!-- core post area; title, content, thumbnails, postmeta, etc -->
       </div>


      <?php endif;
      $counter++;
    endwhile;
    rewind_posts();
    echo '</div>'; //closes the column div
  endfor;
  
else:
  echo 'no posts';
endif; ?>

Alles anzeigen

minimum css dazu:

Code

.col { float: left; width: 49%; }

hector

Perfekt. Nochmals herzlichsten Dank :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Pagination bei mehreren Loops

Jetzt mitmachen!