Условно отображать разные изображения перед контентом в шаблоне страницы

Несколько страниц имеют общий шаблон. Каждой из этих страниц нужны разные изображения, расположенные над основной областью содержимого. Как мне это сделать?

Изображения должны появляться над редактируемой областью (т. Е. Редактором WYSIWYG), потому что изображения должны простираться полностью слева направо.

Редактировать:

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

if(is_page(10)) { echo do_shortcode('[plugin_shortcode 1 .....]'); } else if (is_page(11)) { echo do_shortcode('[plugin_shortcode 2 .....]'); } else if (is_page(15)) { echo do_shortcode('[plugin_shortcode 3 .....]'); } 

Solutions Collecting From Web of "Условно отображать разные изображения перед контентом в шаблоне страницы"

Вы можете попробовать hook_start в зависимости от того, какую позицию вы хотите использовать, и использовать код в своем файле функций.

 add_action('loop_start', function() { if(is_page(10)) { echo do_shortcode('[plugin_shortcode 1 .....]'); } else if (is_page(11)) { echo do_shortcode('[plugin_shortcode 2 .....]'); } else if (is_page(15)) { echo do_shortcode('[plugin_shortcode 3 .....]'); }}); 

Или вы можете вытащить изображения из папки изображений и обернуть их в уникальный класс.

 add_action('loop_start', function() { if(is_page(10)) { echo '<img class="image-one"><img src="' . get_stylesheet_directory_uri() . '/images/one.png" /></img>'; } else if (is_page(11)) { echo '<img class="image-two"><img src="' . get_stylesheet_directory_uri() . '/images/two.png" /></img>'; } else if (is_page(15)) { echo '<img class="image-three"><img src="' . get_stylesheet_directory_uri() . '/images/three.png" /></img>'; }}); 

Или скопируйте изображения в файл шаблона.