Setzen Sie das Postminiaturbild als Hintergrund ein

Ich habe eine einzige Seite für meine Produkte, wo alle Produkte aufgelistet werden. So habe ich es geschafft:

 

Ich habe beschlossen, dass ich das Post-Thumbnail als Hintergrundbild des li.produkts festlegen möchte. Wenn ich so etwas tue:

 echo '
  • ';
  • Die Seite erzeugt ein Bildelement über dem li-Element. Was mache ich falsch??

    Solutions Collecting From Web of "Setzen Sie das Postminiaturbild als Hintergrund ein"

    Das Problem hier ist the_post_thumbnail() gibt nicht Bild URL aber das img-Tag zurück.

    Sie können diesen Code verwenden

     $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); echo '
  • ';
  • Per WordPress-Codex the the_post_thumbnail () -function Zeigt das post-Thumbnail an. https://developer.wordpress.org/reference/functions/the_post_thumbnail/ Aber dies gibt das gesamte Bild-Tag aus und nicht nur den src, der in Ihrem Fall benötigt wird.

    Stattdessen sollten Sie die function wp_get_attachment_image_src () verwenden, die ein Bild als Anhang abruft . . https://developer.wordpress.org/reference/functions/wp_get_attachment_image_src/

    Also schlage ich vor, so etwas zu versuchen:

     //this retrieve the full version of image $image_data = wp_get_attachment_image_src ( get_the_post_thumbnail( $post->ID), 'full' ); $image_url = $image_data[0]; echo '
  • ';