Как вставить изображение в шапку сайта?

Question

[niknamee]

Здравствуйте, сейчас изображение в шапке сайта добавлено таким способом

<img class="aligncenter" src="https://site. ru/wp-content/uploads/image.jpg" style="margin-bottom: 1px" alt="image" loading="lazy" width="1400" height="200" />

но вроде как это не правильно и его нужно вставлять через CSS? Не подскажите как это сделать? Пробовал по инструкции через background image, но шапка постоянно криво выводится. P.S. Шапка просто для внешнего вида в самом верху сайта.

Answer 1

[Дмитрий]

и его нужно вставлять через CSS

Зачем? Кто такое посоветовал?

но вроде как это не правильно

Все нормально у вас выводится.

Answer 2

[Артем Золин]

if ( has_post_thumbnail() ) {
	$background_image = get_the_post_thumbnail_url();
} else {
	$background_image = get_stylesheet_directory_uri() . '/assets/img/default.jpg';
}

echo '<section class="section first-screen" style="background: url(' . $background_image . ') center/cover no-repeat">';

Comments

[niknamee]

Почему-то этот код вставляет не указанную мной картинку, а берет изображение с верхней записи и выводит ее не в шапке, а растягивает по всему сайту...

[Артем Золин]

niknamee, это пример кода, его нужно адаптировать под вашу задачу