Как вывести баннер с фоновой картинкой после шапки сайта?

Чтобы между меню под шапкой и контентом сайта вывести баннер, перейдите в Внешний вид > Реклама, в блоке “После шапки и верхнего меню (на всю ширину сайта)” добавьте нужный код и в полях “на главной”, “в записях”, “на страницах”, “в архивах” и “в архивах” поставьте галочки.

Чтобы вывести баннер с фоновой картинкой без ссылки, используйте следующий код:

<div class="banner-before-content" style="background: url(Здесь вставьте ссылку на нужную картинку) center no-repeat; width: 100%; height: 400px;">Здесь можно вставить нужный текст или HTML-код на фоне картинки</div>

Чтобы вывести баннер с фоновой картинкой и ссылкой, используйте следующий код:

<a href="Здесь вставьте адрес ссылки" target="_blank"><div class="banner-before-content" style="background: url(Здесь вставьте ссылку на нужную картинку) center no-repeat; width: 100%; height: 400px;">Здесь можно вставить нужный текст или HTML-код на фоне картинки</div></a>

Также для вывода баннера можно использовать встроенный хук. Например, чтобы на главной странице, перед контентом,  вывести баннер с фоновой картинкой без ссылки, установите и активируйте плагин ProFunctions и добавьте в него код:

/* Вывести баннер перед контентом на главной странице */
add_action( 'reboot_before_site_content', function () {
    if ( is_front_page() ) echo '<div class="banner-before-content" style="background: url(Здесь вставьте ссылку на нужную картинку) center no-repeat; width: 100%; height: 400px;">Здесь можно вставить нужный текст или HTML-код на фоне картинки</div>';
} );

Высоту баннера 400px можно изменить на другую.