[PHP] Episoden-Guide mit Thumbnails

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • [PHP] Episoden-Guide mit Thumbnails

      Anzeige
      Hey Freunde,
      ich hatte eine Anfrage bezüglich einer "Episoden-Navigation" (oder wie auch immer ihr das nennen wollt) bei welcher es möglich ist, zwischen Episoden bzw. Folgen zu wechseln. Diese Navigation soll natürlich auch schön mit Thumbnails der einzelnen Folgen dargestellt werden. Da ich diese Methode auch auf meinem Blog anwende (ähnlich wie bei Gronkh auf Unterseiten) und ein User mich gefragt hat wie das alles funktioniert, möchte ich auch anderen den Code-Snippet nicht vorenthalten. Das ganze funktioniert übrigens mit Wordpress.

      Hier ist der PHP-Code:

      PHP-Quellcode

      1. <?php
      2. $category = get_the_category();
      3. $next_post = get_next_post(true);
      4. $previous_post = get_previous_post(true);
      5. $latest_post = new wp_query('category__in='.$category[0]->term_id.'&posts_per_page=1&orderby=date&order=desc'); wp_reset_postdata();
      6. $first_post = new wp_query('category__in='.$category[0]->term_id.'&posts_per_page=1&orderby=date&order=asc'); wp_reset_postdata();
      7. if(!empty($next_post) || !empty($previous_post)):
      8. $previous = (!empty($previous_post)) ? '<li><a href="'.get_permalink($previous_post->ID).'">'.get_the_post_thumbnail($previous_post->ID,'thumbnail').'<span>Vorherige Folge</span></a></li>' : false;
      9. $next = (!empty($next_post)) ? '<li><a href="'.get_permalink($next_post->ID).'">'.get_the_post_thumbnail($next_post->ID,'thumbnail').'<span>Nächste Folge</span></a></li>' : false;
      10. echo '<ul class="post-thumbnail-navigation">
      11. <li><a href="'.get_permalink($first_post->post->ID).'">'.get_the_post_thumbnail($first_post->post->ID,'thumbnail').'<span>Erste Folge</span></a></li>
      12. '.$previous.'<li>'.get_the_post_thumbnail($post->ID,'thumbnail').'<span>Aktuelle Folge</span></li>'.$next.'
      13. <li><a href="'.get_permalink($latest_post->post->ID).'">'.get_the_post_thumbnail($latest_post->post->ID,'thumbnail').'<span>Neueste Folge</span></a></li>
      14. </ul>';
      15. endif;
      16. wp_reset_query();
      17. ?>
      Alles anzeigen


      Einfach dort einbauen, wo Du die Navigation verwenden möchtest und die CSS-Klasse entsprechend anpassen. Für Verbesserungen & Vorschläge bin ich immer offen! :D
      Ich hoffe, dass ich hiermit dem ein oder anderen weiterhelfen konnte.

      Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Wossi ()