seo

Как сделать баннер и включить его в тело статьи

как сделать баннер

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

Содержание
  1. Делаем баннер в программе PowerPoint;
  2. Получаем код баннера;
  3. Вставляем код в тело статьи
  4. Примечание


Делаем баннер в редакторе PowerPoint
Самый простой способ сделать баннер - это создать его в программе PowerPoint.
Что для этого необходимо:

  1.  Подобрать, либо создать, используя редактор PowerPoint, сам баннер. Делается это очень просто. Я практически для своего баннера, не использовала изображения. А просто написала текст призыва.
    Для того, что бы как то этот текст украсить, я подобрала несколько картинок в формате png, которые и сделали этот текст более ярким.
    Особенно просто такой баннер делается в том случае, если фон страницы блога - белый. Тогда Вы можете установить разделители, которые будут выделять текст баннера и ограничивать его. А при установки в саму статью, границы баннера видны не будут.
  2. Созданный баннер просто вырезаем любым инструментом. Я использую свой любимый FastStone Capture. И баннер готов.
    Помните о том, что лучше всего смотрятся узкие баннеры. Не делайте их так же шире самой страницы.

Получаем код баннера

Эта работа совсем простая. Я уже о ней писала, но все же еще раз напомню.

Лучше всего WordPress воспринимает свой собственный код. Поэтому достаточно загрузить свой баннер в черновик страницы или записи (каждый выбирает по своему желанию) Мы уже не раз говорили о том, что у вас должна быть такая черновая страничка для работы.

визуально

Делаете данный рисунок ссылкой, на ту страничку подписки, которую читатель блога должен посетить.

Теперь переходим на вкладку - текст и копируем полученный код.

текст

Вот теперь у нас есть все, для того, что бы вставить код в тело статьи.

Вставляем код в тело статьи

У нас есть два варианта.

1 вариант. Если Вы пишите статью, сходную по тематике Вашего баннера, то есть смысл готовый код вставить прямо в нужно место статьи, перейдя в редактор - Текст. Это просто.

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

Для этого Вам надо перейти в Консоль - Внешний вид - Редактор. И найти файл. который отвечает за контент статьи. В современных темах могут быть два варианта.
Первый вариант - Отдельная запись - single.php
Второй вариант - специально выделенный файл. который конкретно отвечает за контент записи. Название у него может быть такое - content-single.php

На своем блоге я использую первый вариант. Открываю файл и вставляю полученный код.

код

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

Маленький практический совет!

Когда будете экспериментировать с кодом, откройте страницу single.php еще раз в дополнительной вкладке. Это будет так называемая "контрольная" вкладка. И оставьте ее открытой на все время работы. В "рабочей" вкладке вставляйте код, сохраняйте его и именно из этой вкладки просматривайте полученный результат - то есть выходите на просмотр своего блога. Если что-то пошло не так - пересохраните файл single.php во второй "контрольной вкладке. А еще лучше, если Вы сделаете копию этого файла!

Примечание

  1. Как выяснилось, на моем шаблоне код с включением шорткода, не работает. То есть установить например - Карусель, с перелистыванием баннеров - не получится;
  2. Если Вы будете делать баннер на сторонних ресурсах и код его будет предложен в виде jframe - знайте, устанавливать такие коды сейчас не рекомендуют, для безопасности вашего блога.
    По последней информации стало известно. что именно такие коды являются слабым местом для проникновения различных вирусов

Ну вот, пожалуй и все!
Будут вопросы или пожелания, пишите в комментариях.
Если информация была для Вас полезной - делитесь ей со своими друзьями в социальных сетях
Смирнова Ирина

Комментарии:

Добавить комментарий