Как убрать кавычки после php кода?

Question

[zeaovede]

Ситуация такая, что я пробую вывести это:

<a href="<?php the_permalink(); ?>"><img class="lazy" src="<?php the_post_thumbnail(); ?>" ></a>

Но теперь под изображением выводится вот это:
" >

Я попробовал сделать вот так
<img>src="<?php the_post_thumbnail(); ?></img>

После чего отступ появился сверху и начал выводиться url

Кроме того, я пробовал ставить одинарные кавычки. Изображение перестало загружаться совсем.

Этот отступ сильно мешает, так как при наведении на изображение применяется класс hover.

Comments

[Ипатьев]

На будущее: смотреть надо не картинку, которую браузер нарисовал, а HTML код. Тогда будет сразу понятно, что именно выводит этот код. В браузере код страницы можно посмотреть по клавишам Ctrl-U

Answer 1

[Михаил Р.]

Как убрать кавычки после php кода?

Проблема не здесь. WP функция the_post_thumbnail() уже возвращает полный img тег (включая атрибуты src и alt) и получается, что у Вас внутри атрибута src вставляется еще один полноценный img тег.

Попробуйте так ("full" аргумент указывает на размер изображения):

<a href="<?php the_permalink(); ?>">
    <?php the_post_thumbnail('full', ['class' => 'lazy']); ?>
</a>

Но, если необходимо собрать свой собственный тег с указанием адреса до изображения, то можно использовать функцию get_the_post_thumbnail_url():

<a href="<?php the_permalink(); ?>">
    <img class="lazy" src="<?php echo get_the_post_thumbnail_url(null, 'full'); ?>" >
</a>

Comments

[zeaovede]

Благодарю. Если что, то я вот еще поковырял, и как ни странно, но это решение сработало:

<a href='<?php the_permalink(); ?>'<img><?php the_post_thumbnail(); ?></img></a>

Но ваше куда элегантнее выглядит

[Михаил Р.]

zeaovede,

Благодарю. Если что, то я вот еще поковырял, и как ни странно, но это решение сработало:

<a href='<?php the_permalink(); ?>'<img><?php the_post_thumbnail(); ?></img></a>

Тег img не парный, соответственно, если я не ошибаюсь, то у Вас на выходе получится что то вроде такого:
<a><img=""><img src="..."></a>

[Ипатьев]

zeaovede, ну разумеется это "сработает". Если просто добавить пустой тег img, то он ничего и не выведет. Но зачем его добавлять - загадка.