vorheriger / nächster Beitrag mit Vorschaubild

Ich habe eine andere Frage bezüglich des nächsten / vorherigen Beitrags.

Im Moment arbeite ich an unserem Portfolio mit mehreren Artikeln. Jeder Artikel ist ein Beitrag mit einem Titel, einer Kategorie und einem Bild. Beim Anzeigen eines Artikels gibt es 4 nächste / vorherige Posts.

Wie zeige ich die nächsten 2 und die vorherigen 2 an? Und wenn das nächste oder vorherige nicht existiert, wie zeige ich nur 4 vorherige oder 4 nächste Beiträge (am ersten und letzten Beitrag)?

Zur Zeit verwende ich twitter bootstrap CSS / HTML:

Solutions Collecting From Web of "vorheriger / nächster Beitrag mit Vorschaubild"

Sie müssen eine benutzerdefinierte Abfrage senden, um eine Liste der Posts zu erhalten. In diesem Beispiel verwenden wir einen benutzerdefinierten Posttyp “Projekt” und eine benutzerdefinierte Taxonomie “Kugel” und wir erhalten 1 nächstes Projekt in der aktuellen Sphäre. In Ihrem Anwendungsfall können Sie posts_per_page auf 4 erhöhen.

 < ?php //remember the id and menu_order from current post $id=get_the_ID(); global $haet_post_order; $haet_post_order=$post->menu_order; //There is only one sphere per project in this example $custom_terms = get_the_terms($id, 'sphere'); foreach ($custom_terms AS $term) { $sphere=$term->slug; } function haet_filter_next_post( $where = '' ) { global $haet_post_order; $where .= ' AND menu_order>'.$haet_post_order; return $where; } add_filter( 'posts_where', 'haet_filter_next_post' ); $loop = new WP_Query( array( 'post_type' => 'project', 'posts_per_page' => 1,'orderby' => 'menu_order','order' => 'ASC','sphere'=>$sphere ) ); remove_filter( 'posts_where', 'haet_filter_next_post' ); //if there is no next post use the first one if( !$loop->have_posts() ){ $loop = new WP_Query( array( 'post_type' => 'project', 'posts_per_page' => 1,'orderby' => 'menu_order','order' => 'ASC','sphere'=>$sphere ) ); } while ( $loop->have_posts() ) : $loop->the_post(); // place you code here ?> < ?php endwhile; ?> 

Innerhalb der while-Schleife können Sie das Vorschaubild mit get_the_post_thumbnail () erhalten . Sie können ein paar weitere Zeilen der Beschreibung in diesem Blogpost finden