Header and Footer. Как вставить код на сайт.

Вставить код на сайт в тело тегов body и head можно не открывая файлы с html, css и JavaScript кодами,  используя  плагин Header and Footer.

Часто при установке счетчиков, кнопок, баннеров и т.п. возникает необходимость вставки html, css и JavaScript кодов в файлы header.php, footer.php и др.  в тело тегов body и head. Некорректное выполнение этой операции вручную, может повредить сайт и даже полностью нарушить его работоспособность.

Для автоматизации этого процесса создан замечательный плагин Header and Footer. Установите плагин, зайдите в настройки в админпанели и с удовольствием работайте. Он легкий в использовании и имеет следующие функции:

 Header and Footer

Чтобы увеличить картинку щелкните по ней кнопкой мышки. Чтобы уменьшить щелкните ещё раз.

1. Page Head and Footer (Заголовок и подвал страницы). Добавление кода в заголовок и подвал главной страницы сайта.

Code to be added on HEAD section of the home (код, который надо вставить в заголовок домашней (главной) страницы). Позволяет вставить мета теги, коды рекламных баннеров, кнопок и т.п. в тело тега <head> </head>. Чаще это невидимая часть кода для отсутствия на сайте визуального показа. Результат работы видимой части кода появится над шапкой на главной странице.

Code to be added on HEAD section of every page (код, который надо вставить в заголовок каждой страницы). Добавление кода в тело тега <head> </head> в раздел HEAD. Результат работы видимой части кода появится над шапкой на всех страницах, в том числе и на главной.

Code to be added before the end of the page (код, который надо вставить в конец (подвал) страницы). Добавление кода в подвал на всех страницах перед закрывающим тегом </body>. Это работает только для тем, имеющих подвал и файл footer.php.

Практически все счетчики состоят из двух частей – это коды невидимой и видимой (информер) частей счетчика. Код невидимой части вставляется после открывающегося тега <body>, как можно выше к началу страницы. Для этого можно использовать плагин Post Layout или внести коррекцию непосредственно в файл header.php, подробнее здесь. Код видимой части (информер) вставляется в подвал сайта с помощью плагина Header and Footer перед закрывающимся тегом </body> или в сайдбар с помощью виджета.

 

2. Post content (содержимое записи). Добавление кода в начало и конец поста на всех страницах категорий, при полном показе поста.

 Header and Footer

Code to be inserted before each post (код, который надо вставить перед каждой записью). Вставка кода в начале каждого поста (статьи) категории после заголовка, только в том случае, если статья показана полностью.

Code to be inserted after each post (код, который надо вставить после каждой записи). Вставка кода после каждого поста категории.

 

3. Page content. Добавление кода в начало и конец поста всех статических страниц, при полном показе поста.

Header and Footer

Code to be inserted before each page. Вставка кода в начале каждого поста (статьи) статической страницы после заголовка, только в том случае, если статья показана полностью.

Code to be inserted after each page. Код будет вставлен после поста на каждой статической странице.

 

4. Faceboock. Если добавить метапризнак  og:image (протокол Open Graph, с помощью которого можно ввести метаданные в формате Social Graph на страницы ресурса), например список контактов Faceboock, то при нажатии кнопки Faceboock в начале или конце постов, на всех страницах можно управлять выборкой изображения, которое отправится на стену пользователя.

 Header and Footer

 

5. Snippets. Имеется возможность задавать отрывки, которые отсылаются на стену пользователя при нажатии кнопки социальных сетей, расположенных в начале или в конце поста. Отрывки отсылаются как [snippet_N], где N – номер отрывка от 1 до 5.

 Header and Footer

 

6. Notes and parked codes. Примечания.

Header and Footer

 

После  внесения изменений в настройки плагина Header and Footer не забудьте нажать save.

Если сравнивать два плагина Post Layout и Header and Footer, то при вставке информации в посты и страницы на сайте, Post Layout имеет приоритет перед Header and Footer в расположении  информации. То есть  в начале поста информация плагина Post Layout размещается выше информации Header and Footer, а в конце поста ниже. Но они не взаимозаменяют друг друга, а наоборот, дополняют, так как Post Layout внедряет код рекламы, теги и т.п. ещё и в середине статьи, до и после комментариев, а Header and Footer в описанные в данной статье зоны.

 

Еще статьи о плагинах:

 



Буду благодарна, если поделитесь с друзьями информацией:

Подпишись и получай новые статьи на почту:

33 комментария

  1. Хорошо если разбираешься в PHP, я к сожалению этим похвастаться не могу.
    Надежда, у меня есть файл functions.php, я установил кучу плагинов, но выводятся все блоки кроме яндекс директ. Если бы я вам скинул этот свой functions.php, могли бы вы мне указать в нем куда именно мне вставлять блоки, чтобы реклама выводилась в начале, конце и середине поста?
    Спасибо.

    • Вера, я с помощью этого плагина Header and Footer располагала все коды кнопок социальных сетей, в том числе и google+. Cейчас пишу статью по этому поводу и уже подготовила видеоурок. В течение 2-х дней опубликую эту статью с видеоуроком. Статья будет называться: “Ставим социальные кнопки на сайт. Кнопки социальных сетей для сайта.”

    • Людмила, я постараюсь Вам помочь. Опишите в комментариях, что должно было получиться, но не получилось. Удобно вести переговоры в комментариях, потому-что у кого-нибудь может возникнуть та же ситуация и человек, прочитав комментарий будет знать как её разрулить.

  2. Здравствуйте, установил плагин. Дело в том что мой код находится не в нужном мне месте. Можно ли сделать его в другом месте при помощи плагина и если да, то как?

  3. Да, действительно, очень важный плагин! Не знал о его существовании, пришлось яндекс-метрику ручками вставлять… когда вручную ковыряешься – есть риск сделать сайт недоступным :-) подпишусь-ка я на Вашу ленту RSS чтоб быть в курсе интересных и познавательных статей!

  4. Спасибо за интересную и полезную информацию.
    У меня вопрос:
    Я вставил код с помощью какого-нибудь из этих плагинов. Мне надо через некоторое время изменить или удалить этот код. Как его найти?

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>