Loop: Nach jedem 3. Beitrag [tu etwas]

Janshi

Folgendes Problem:
Ich möchte den Coda-Slider in Kombination mit Wordpress verwenden. Ihr müsst euch nicht tief in das Funktionsschema dieses Coda-Sliders einlesen, das Problem ist recht simpel, denn ich möchte auf jeder Seite (Panel) des Sliders 3 Wordpress-Beiträge ausgegeben haben.

Dummerweise erfordert das Konstrukt des Coda-Sliders nach jedem Panel einen Haufen Code, um genau zu sein diesen hier:

HTML

</div>
</div>        


<div class="panel" title="Panel X">
    <div class="wrapper">

Der obere Teil schließt das vorhergehenden Panel, der untere Teil beginnt ein neues Panel.

Wollte ich das nun in einem einzigen Loop durchlaufen lassen, müsste ich nach jedem 3. Beitrag den oben genannten HTML-Code einfügen und den Zähler des title-Attributs um +1 erhöhen.

Eine Möglichkeit wäre dies ebenfalls mit jQuery zu lösen, nach folgendem Schema:

Code

$("div.entry:nth-child(3n) ").append("-> Code<-;

lies: Nach jedem 3. Eintrag füge Code-XYZ ein. Nur bei mir will das nicht funktionieren, von jQuery hab ich noch weniger Ahnung als von PHP und Wordpress.

Ich denke das hier 5 ways to highlight your first post in your WordPress theme wäre vom Prinzip her eine Lösung, aber wie gesagt, ich bin zu blöd das umzusetzen.

Es handelt sich hierbei übrigens um die Archivseite einer Kategorie. Mein Loop sieht so aus:

PHP

<?php if (have_posts()) : ?>
                
                      <?php $post = $posts[0]; // Hack. Set $post so that the_date() works. ?>
               


                        <?php while (have_posts()) : the_post(); ?>
                
                            <div class="entry">
                                <?php the_content() ?>
                
                 
                            <div class="postmetadata">
                            <h3><?php the_title(); ?> </h3>           
                            <strong><?php $cat = get_the_category(); $cat = $cat[1]; echo $cat->cat_name; ?></strong> |     
                            <a class="url" target="_blank" href="http://<?php $url = get_post_meta($post->ID, "projekt_url", $single = true);  if($url !== '') { echo $url;} ?>">    
                            <?php $url = get_post_meta($post->ID, "projekt_url", $single = true);  if($url !== '') { echo $url;} ?> </a>    
                           
                            </div>    <!-- Ende .postmetadata -->  
                            </div> <!-- Ende .entry -->  
                
                
                        <?php endwhile; ?>     <?php else : ?><?php endif; ?>

Alles anzeigen

Für Hilfe wäre ich überaus dankbar! :)

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

Monika

Hi

also nach 3 Artikelanzeigen diesen Code,

nun ich lasse gerne PHP zählen, (bin ja faul)

die class entry umschließt einen Artikel...

daher lasse ich php "entry" zählen, nach 3 mal "entry" muß es dann was tun...

bis zu div class="entry alles lassen, dann

PHP

<div class="entry <?php $codacounter++;?>" >

dort wo Du die Codeausgabe brauchst nach dem Ende des div entrys und vor endwhile ---

PHP

<?php if ($codacounter % 3 == 0) { ?>
deine Code
<?php } ?>

nach 4 Artikel stünde nach dem % eine 4 ....

verständlich?

lg

Janshi

Jo, klar ich werd's sofort ausprobieren. Danke!

Edit: Super, das hat wunderbar geklappt ;)

PHP

<?php if ($codacounter % 3 == 0) { ?>
                           
</div>    <!-- Ende .ref -->  
     </div>    <!-- Ende .wrapper -->
         </div>    <!-- Ende .panel -->   
                            
                            
<div class="panel" title="<?php $seitenzahl = $codacounter / 3 + 1; echo  $seitenzahl ?>">
     <div class="wrapper">
         <div class="ref">  
               <?php } ?>

Alles anzeigen

Durch die kleine Rechnung am title-Attribut bekomme ich noch dazu die richtige Seitenzahl für die einzelnen Panels.

Mein Problem ist jetzt aber der Fall, wenn die Anzahl der Beiträge genau durch 3 teilbar ist (ohne Rest). Dann wird gemäß der if-Abfrage der Code für ein neues Panel eingefügt - nur hab ich ja keinen Beitrag mehr dafür!
Wie kann ich jetzt für den Fall, dass die höchste Zahl genau durch 3 teilbar ist, eine alternative Ausgabe machen?

Janshi

Edit: Kann sich mal jemand angucken weshalb das nicht funktioniert? Hab einen Freund um Hilfe gebeten, der sich aber mit WP nicht so sehr auskennt. Der Code in der archive.php erzeugt einen unendlich langen Loop: (ab Zeile 60 wirds interessant)

PHP

<?php get_header(); ?>


<div id="vertical"></div>
<div id="hoz">


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


    <div id="content" class="gefo">
        <div id="galerie">  
            <!-- Galerieabfrage nach Kategorie-->


<?php
    if (in_category('3')) {
        wp_dropdown_categories('exclude=4&orderby=name&hierarchical=true');
    }
    if (in_category('4')) {
        wp_dropdown_categories('exclude=3&orderby=name&hierarchical=true');
    }
?>


            <script type="text/javascript">
                <!--
                var dropdown = document.getElementById("cat");
                    function onCatChange() {
                        if (dropdown.options[dropdown.selectedIndex].value > 0) {
                            location.href = "<?php echo(get_option('home')) ?>/?cat="+dropdown.options[dropdown.selectedIndex].value;
                        }
                    }
                    dropdown.onchange = onCatChange;
                -->
            </script>
            <div class="slider-wrap">
                    <div id="slider1" class="csw">
                        <div class="panelContainer">
                          <div class="panel" title="1">
                                    <div class="wrapper">
                                        <div class="ref">
      
<?php if (have_posts()) : ?>
<?php $post = $posts[0]; // Hack. Set $post so that the_date() works. ?>
              


                        <?php while (have_posts()) : the_post(); ?>
               
                              <div class="entry <?php $codacounter++;?>" >  
                                <?php the_content() ?>
               
                
                            <div class="postmetadata">
                            <h3><?php the_title(); ?> </h3>          
                            <strong><?php $cat = get_the_category(); $cat = $cat[1]; echo $cat->cat_name; ?></strong> |    
                            <a class="url" target="_blank" href="http://<?php $url = get_post_meta($post->ID, "Domain", $single = true);  if($url !== '') { echo $url;} ?>">   
                            <?php $url = get_post_meta($post->ID, "Domain", $single = true);  if($url !== '') { echo $url;} ?> </a>   
                          
                            </div>    <!-- Ende .postmetadata --> 
                            </div> <!-- Ende .entry --> 
                           
                           
                    <?php if ($codacounter % 3 == 0) { ?>
                          
                                    </div>    <!-- Ende .ref --> 
                               </div>    <!-- Ende .wrapper -->
                            </div>    <!-- Ende .panel -->  
                    <?php if (have_posts()) { ?>
                           
                            <div class="panel" title="<?php $seitenzahl = $codacounter / 3 + 1; echo  $seitenzahl ?>">
                                <div class="wrapper">
                                    <div class="ref"> 
                <?php }} ?> 


               
                        <?php endwhile; ?>     <?php else : ?><?php endif; ?>




                       
    
    


                       
                       
                    </div>    <!-- Ende .ref --> 
               </div>    <!-- Ende .wrapper -->
            </div>    <!-- Ende .panel -->  
           
           
         </div> <!-- Ende .panelContainer -->   
     </div> <!-- Ende #slider1 -->   
</div> <!-- Ende #sliderwrap -->   


</div> <!-- Ende #galerie --> 


            
<?php get_footer(); ?>

Alles anzeigen

Ok, ich hab die Lösung gefunden. Ich wusste nicht, dass man eine Variable abfragen kann bevor sie gesetzt wurde (?!).

PHP

<div class="slider-wrap">
    <div id="slider1" class="csw">
        <div class="panelContainer"> 


       
   
       


                <?php if (have_posts()) : ?>
                
                      <?php $post = $posts[0]; // Hack. Set $post so that the_date() works. ?>
               


                        <?php while (have_posts()) : the_post(); ?>
                
                                                        <?php if ($codacounter % 3 == 0) { // Vor jedem 3. Eintrag ?>  
                           
                               
                            
                            <div class="panel" title="<?php $seitenzahl = $codacounter / 3 + 1; echo  $seitenzahl ?>">
                                <div class="wrapper">
                                    <div class="ref">  
                <?php } ?>  
                
                              <div class="entry <?php $codacounter++;?>" >   
                                <?php the_content() ?>
                
                 
                            <div class="postmetadata">
                            <h3><?php the_title(); ?> </h3>           
                            <strong><?php $cat = get_the_category(); $cat = $cat[1]; echo $cat->cat_name; ?></strong> |     
                            <a class="url" target="_blank" href="http://<?php $url = get_post_meta($post->ID, "Domain", $single = true);  if($url !== '') { echo $url;} ?>">    
                            <?php $url = get_post_meta($post->ID, "Domain", $single = true);  if($url !== '') { echo $url;} ?> </a>    
                           
                            </div>    <!-- Ende .postmetadata -->  
                            </div> <!-- Ende .entry -->  
                            
                            
                                                        <?php if ($codacounter % 3 == 0) { // Nach jedem 3. Eintrag ?>
                           
                                    </div>    <!-- Ende .ref -->  
                               </div>    <!-- Ende .wrapper -->
                            </div>    <!-- Ende .panel -->   
                            
                           
                <?php } ?>  


                
                        <?php endwhile; ?>     <?php else : ?><?php endif; ?>




                                                                   <?php if ($codacounter % 3 != 0) { // Am Ende, falls Gesamtanzahl der Einträge nicht durch 3 teilbar. ?>
                           
                                    </div>    <!-- Ende .ref -->  
                               </div>    <!-- Ende .wrapper -->
                            </div>    <!-- Ende .panel -->   
                            
                           
                <?php } ?>               
     
     


                        
                        
            
            
         </div> <!-- Ende .panelContainer -->    
     </div> <!-- Ende #slider1 -->    
</div> <!-- Ende #sliderwrap -->    


</div> <!-- Ende #galerie -->

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Loop: Nach jedem 3. Beitrag [tu etwas]

Jetzt mitmachen!