Проблемы с миниатюрами Wordpress

99
10

Я все отделил от миниатюры сообщения, в настоящее время я использую изображение-заполнитель, который отлично работает, но хотел бы использовать изображение с изображением в виде фона, вот мой код...

<?php

$args = array( 'posts_per_page' => 10, 'category' => 3 );

$myposts = get_posts( $args );
foreach ( $myposts as $post ) : setup_postdata( $post ); ?>

<div class="box" style="background-image:url('<?php the_post_thumbnail(); ?>');">
<div class="overlay">
<div class="buttonContainer">
<a href="<?php the_permalink(); ?>">
<button>preview</button>
</a>
</div>
</div>
</div>

<?php endforeach;
wp_reset_postdata();?>

Когда я просматриваю это в браузере, он выводит это... ');"> и нет изображения... Где я, кажется, ошибаюсь?

спросил(а) 2021-01-25T19:30:27+03:00 4 месяца, 4 недели назад
1
Решение
63

the_post_thumbnail() возвращает элемент img like;

<img src="some-image-url' />

Это не то, что вы хотите передать фоновому изображению.

Вам нужно что-то вроде:

$attachment_id= get_post_thumbnail_id( the_ID() );
$img_data = wp_get_attachment_image_src( $attachment_id, the size you want );

то вы можете выполнить echo $ img_data [0], чтобы получить URL-адрес вложения.

ответил(а) 2021-01-25T19:30:27+03:00 4 месяца, 4 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема