Empfohlene Bilder Schleife für Orbit Slider

Um Zurbs Orbit Slider in mein Theme zu integrieren, versuche ich diesen HTML mit WordPress zu erzeugen:

 The post title 1 The post title 2 The post title 3 

Ich habe es geschafft, eine Liste von vorgestellten Bildern in einem Div zu bekommen, aber ich bin mir nicht sicher, wie ich:

  1. Fügen Sie jedem Bild-Tag ein eindeutiges data-caption="#htmlCaption-1" : data-caption="#htmlCaption-1" (Ich nehme an, dass ich die function preg_replace() ausführen muss, um das benutzerdefinierte HTML einzufügen?)
  2. Führe die zweite Schleife aus, um die 3 Span-Elemente zu erzeugen (sollte dies eine neue wp_query sein oder kann ich die selbe verwenden?) Edit: Ich habe gerade herausgefunden, dass rewind_posts(); Wir können dieselbe Abfrage mehrmals verwenden.

Dies ist der Code, den ich jetzt habe:

 // Get the latest 5 sticky posts from the 'events' post type $args = array( 'post_type' => 'event', 'posts_per_page' => 5, 'post__in' => get_option( 'sticky_posts' ) ); $slider_query = new WP_Query( $args ); // Display the featured images in div echo ''; // Print the captions while ( $slider_query->have_posts() ) : $slider_query->the_post(); echo ''; the_title(); echo ''; endwhile; // Reset Post Data wp_reset_postdata(); ?> 

Hoffe jemand kann helfen. Vielen Dank!

Solutions Collecting From Web of "Empfohlene Bilder Schleife für Orbit Slider"

Ich würde den folgenden Code verwenden, um das Bild zu drucken, anstatt das the_post_thumbnail(); .

Damit kann $slider_query->current_post verwendet werden, um die aktuelle Iteration des Posts in der WP_Query-Schleife zu drucken.

Z.B.

  the-alt-tag 

Aktualisierung –

Ungetestet, aber es sollte funktionieren. Stellen Sie sicher, dass Sie WordPress Debug vor der Entwicklung aktivieren .

 < ?php // Get the latest 5 sticky posts from the 'events' post type $args = array( 'post_type' => 'event', 'posts_per_page' => 5, 'post__in' => get_option( 'sticky_posts' ) ); $slider_query = new WP_Query( $args ); // Display the featured images in div echo ''; // Print the captions while ( $slider_query->have_posts() ) : $slider_query->the_post(); echo ''; the_title(); echo ''; endwhile; // Reset Post Data wp_reset_postdata(); ?> 

Die Dokumentation besagt, dass das Bild in einem

muss, damit es funktioniert, siehe hier