Разместить контент над шапкой блога

Слов в тексте - 64, время чтения в минутах - 1

Этот сниппет позволит вам разместить любой контент — текст, изображение или рекламу — над шапкой блога — только на главной странице.

«Главная» страница сама может состоять из нескольких страниц, где размещены миниатюры с названиями и, возможно, с отрывками самих публикаций. В этом случае контент над шапкой будет на всех этих «главных» страницах.

<?php

add_action('get_header', function() {
    if (is_home() || is_front_page()) {
        // Add the content
        add_action('wp_body_open', function() {
            echo '
            <div align="left" class="custom-homepage-content">
				 <script async src="https://ad.mail.ru/static/ads-async.js"></script>
<ins 
    class="mrg-tag"
    style="display:inline-block;width:950px;height:300px"
    data-ad-client="ad-1749198"
    data-ad-slot="1749198">
</ins>
<script>
    (MRGtag = window.MRGtag || []).push({});
</script>
            ';
        });
        
        // Add the styles
        add_action('wp_head', function() {
            echo '
            <style>
                .custom-homepage-content {
                    width: 100%;
                    max-width: 100%;
                    margin: 0 auto;
                    padding: 10px;
                }
                
                @media screen and (max-width: 768px) {
                    .custom-homepage-content {
                        display: none;
                    }
                }
            </style>
            ';
        });
    }
});

Просто и эффективно, хотя может не сработать в некоторых шаблонах внешнего вида вашего блога.



Рубрики блога

2 мысли по поводу “ Разместить контент над шапкой блога

  1. По секрету сообщу, что для размещения рекламы или другого контента в разных местах сайта, на страницах и в заметках можно использовать неплохой плагин Head, Footer and Post Injections.

  2. Естественно, вам нужно заменить мою строчку с

    https://wm.timeweb.ru/images/posters/468×60/468×60-1-anim.gif

    на свою собственную. Это может быть HTML, текст или ссылка на изображение.

*Улучшение работающего продукта приводит к его ухудшению

WP Tips & Tricks