Как задать адаптивность изображению, при выводе изображения через php?

Question

[maksimkoh]

Добрый вечер! Делаю вывод новостей в wp и bootstrap и хочется что бы превьюшки были адаптивными. Вот код:

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
	<?php the_post_thumbnail();>
</a>

Указав в теги img в src="<?php the_post_thumbnail();>" ничего не выходит. Как в таких ситуациях стоит поступать?

Answer 1

[Милок Мурлыка]

Если это вордпресс + bootstrap, можно так:

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
  <?php the_post_thumbnail(null, array("class" => "img-responsive")) ;?>
</a>

Документация по функции the_post_thumbnail, второй параметр используется для задания атрибутов (в том числе и классов)

Comments

[maksimkoh]

Спасибо огромное!

Answer 2

[Александр Аксентьев]

Причем здесь php?

CSS пишите под разные размеры.

Comments

[maksimkoh]

причем здесь php??? Моя картинка выводиться через <?php the_post_thumbnail();> , но никакой класс я не могу к ней применить, т.к. картинка не оборачивается в тег

[Александр Аксентьев]

maksimkoh: вам не надо свои классы ставить чтобы сделать адаптивность.

[Вадим Кот]

документация я так понимаю для слабаков -https://developer.wordpress.org/reference/function... и там есть примеры добавления атрибутов (в частности классов)