Как добавить баннер на сайт всё о виджете Текст WordPress

Виджет Текст WordPress

Привет. Давно я задумывался о том, чтобы посвятить статью на своём сайте – виджету Текст на WordPress, так как считаю что это очень клёвая функция, которая позволит добавить на ваш Сайт всё что угодно.

Любой HTML-код, фотографии, видео, картинки, баннеры, просто текст, в общем включайте фантазию. И как раз в данной статье я подробно расскажу, как всё это с лёгкостью и с удовольствием сделать.

Многие блогеры, уже сразу же после создания своего сайта, начинают задумываться о том, как бы разместить на своём сайте какой-нибудь баннер, с чужой или со своей рекламой, или просто выставить на сайт какую-нибудь свою электронную книгу, видеокурс, видео-тренинг и т. д., в общем всё что угодно.

Здесь то и возникают вопросы, как бы сделать это, просто и быстро, не загружая на хостинг файлы, не занимаясь поисками всяких там HTML-кодов, как это сделать? читайте далее…

 

Добавляем на Сайт Баннер

Я думаю вам не нужно объяснять где на WordPress находится страница Виджетов, а вот о существовании, и предназначении виджета Текст, многие до сих пор могут не знать. Значит для вас пришло время узнать о виджете Текст, и о всех его преимуществах. Итак, зайдите на страницу Виджетов, и найдите виджет – Текст.

Если у вас нет такого виджета, установите плагин Classic Widgets.

01-05-2015 14-10-19

 

Итак, хорошо, где находится виджет Текст, вы теперь знаете, а теперь можете перетащить данный виджет в сайдбар, в то место, где и будет отображаться ваш баннер, или фотография, видео, всё что угодно. Кстати о сайдбаре я подробно рассказывал в статье. Теперь приступим к созданию баннера.

Сейчас вам нужно создать новую Запись на WordPress, только публиковать запись не надо, мы будем её использовать как черновик. Добавьте в запись фотографию, которую вы хотите использовать в качестве Баннера, и выровняйте изображение по центру.  В качестве примера я сделал скриншот изображения для своего баннера, чтобы прорекламировать качественную хостинг-компанию.

 

01-05-2015 14-38-53_mini

 

Далее, нажмите на вкладку – Вставить ссылку, изображение должно быть выделено.

 

01-05-2015 14-40-20_mini

 

Затем вставьте ссылку сайта или страницы на вашем сайте, на которую вы хотите, чтобы попадал человек, который кликнет по вашему баннеру. И поставьте галочку в поле – Открывать в новом окне/вкладке. Я добавил мою партнёрскую ссылку на Сайт хостинг-компании. В конце нажмите – Добавить ссылку.

 

01-05-2015 14-42-12_mini

 

Теперь на странице Записи, переходим на вкладку – Текст.

 

01-05-2015 14-42-58_mini

 

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

 

01-05-2015 14-46-18_mini

 

Как вы наверное уже поняли, получившийся HTML-код, необходимо вставить в виджет Текст, на странице Виджетов. И нажать на кнопку – Сохранить.

 

01-05-2015 14-48-04_mini

 

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

 

01-05-2015 16-27-17

 

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

Могу порекомендовать вам один из таких сервисов, которым я пользовался, простенький и прикольный сервис, называется он – Гифовина – создание gif анимации онлайн.

Загружаете в сервис свои изображения, можете одно, можете несколько, и выбираете для них эффекты. С эффектами и настройками по экспериментируйте, по нажимайте на кнопки, и всё поймёте.

Да, и ещё, совсем забыл, можно ведь ещё добавить к нашему баннеру атрибут Title, что это? это когда наводишь курсор мыши на изображение, и появляется текстовая подсказка, объяснение или напутствие, выглядит это вот как:

 

01-05-2015 20-46-40_mini

 

Чтобы добавить к изображению атрибут title, так же создаёте запись, или открываете существующую запись для редактирования, добавляете фото, выделяете изображение, и жмёте на появившуюся вкладку – Изменить.

 

01-05-2

 

Затем, в параметрах изображения указываем атрибут title, и жмём Обновить или Сохранить.

 

01-0

 

Всё, зайдите на свой сайт, наведите курсор мыши на изображение, и у вас появится текстовая подсказка – атрибут Title.

Что ещё можно добавить в виджет Текст? можно видео добавить, по той же схеме, добавляете видео в запись, выставляете его по центру, уменьшаете размер, что бы уменьшить видео, выделяете его, и курсором мыши уменьшаете его до нужного вам размера.

 

01-05-2015 19-04-26_mini

 

Так же и любой текст можно добавлять, только чтобы текст у вас был ровным, абзацами, а не всё в кучу, вам нужно отметить галочкой поле – Автоматически добавлять абзацы.

 

01-05-2015 18-32-59_mini
На этом у меня всё, напоследок хотелось бы посоветовать вам, побольше экспериментируйте, со всем, не только с виджетом Текст.

 

Если у вас остались вопросы, напишите комментарий

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Антон

    Добрый день! помогите пожалуйста, весь инет уже изрыл, но решения своей проблемы не нашел… Перестал работать виджет «текст». Раньше у меня на сайте стоял счетчик от revolvermaps, ставил я его при помощи виджета «текст». просто скопировав туда html код, а потом, в один непрекрасный момент глобус взял и gерестал отображаться на сайте, причем виджет с его кодом я не трогал, нестатические баннеры тоже не выводятся… подскажите пожалуйста. в чем может быть причина? Код и сейчас присутствует в виджете… babaiskie-pribautki.ru — правый сайдбар под заголовком «счетчик», а под заголовком «наши друзья» — баннер, который тоже перестал выводиться… раньше все работало… Помогите пожалуйста?!

    Ответить
    1. Зашёл на ваш Сайт, Глобусы отображаются, и баннер то же, только фото не загружается, посмотрите не удалили ли вы случайно фото баннера с вашего Сайта ?. Дело не в виджете Текст. Скорей всего с настройками Браузера, что-то не так, некоторые браузеры блокируют баннеры. Или например когда скорость интернета низкая, баннеры перестают отображаться.

      Ответить
    2. Дело не в твоём Сайте, и не в виджете Текст, С Глобусами у тебя всё нормально их видно. А на счёт Баннера, то у твоих Друзей проблемы с настройками сети (скорей всего это временно). Я попытался зайти на их Сайт, вот что Браузер выдаёт – Сервер via-midgard.info не найден из-за ошибки поиска DNS (веб-службы, которая преобразует название сайта в интернет-адрес). Обычно это вызвано отсутствием подключения к интернету или неправильной настройкой сети. Возможно, недоступен сервер DNS. Кроме того, доступ к сети может блокировать брандмауэр. Поэтому у тебя баннер и не отображается. Как только они решат свои проблемы, твои друзья, и у тебя то же всё наладится.

      Ответить
  2. Антон

    Большое спасибо за помощь и оперативность! Стал искать проблемы в браузере и оказалось, что баннеры и глбусы блокировал Adguard…

    Ответить
  3. Катерина

    Спасибо большое за инструкцию! все четко и ясно.

    Ответить
    1. Admin автор

      Катерина пожалуйста ! Есть ещё круче виджет – Виджет визуальный редактор wordpress ! Как при создании записи и страницы, вообще крутая тема, можно разные фишки придумывать !

      Ответить
  4. Volha

    Здравствуйте. Буду очень благодарна вам, если сможете помочь. У меня после обновления последней версии Вордпрес перестал работать виджет “текст” в сайдбаре, т.е., если я вставляю просто текст – он отображается, а если html-код, то просто пустое место, никакой рекламный блок не получается разместить. Что с этим делать не знаю. Неужели из-за этого придется откатывать версию назад?

    Ответить
    1. Admin автор

      Лучше использовать – Виджет визуальный редактор wordpress.

      Ответить
  5. Маргарита

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

    Ответить
  6. Ольга

    Столько перечитала на эту тему всяких статеек!!! запарилась!! Прочитав вашу, все сразу получилось, оказалось легко и просто!!! Класс!! Спасибо вам!!!

    Ответить
  7. Татьяна

    Огромное спасибо!!!!!!!!!! Перерыла кучу информации, только с помощью Вашей статьи разобралась, что к чему! Удачи и процветания!

    Ответить
  8. Алексей

    Здравствуйте! На сайте школы, на каждой странице сообщение “Please enter banners and links”. Как удалить?

    Ответить
    1. Admin автор
      Ответить
  9. Алексей

    Спасибо, выручили!!!

    Ответить
  10. Tatyana

    Спасибо! Все получилось быстро! Удачи! :)

    Ответить
  11. Дарья

    Спасибо большое, все очень понятно! Только у меня почему-то баннер добавляется на все страницы сайта, кроме главной :( и как сделать так, чтобы на главной он тоже отображался, я никак не пойму! Если сможете мне помочь, буду очень благодарна!

    Ответить
    1. Admin автор

      А на главной странице виджеты отображаются вообще ? Баннер как добавляли ?

      Ответить
  12. Ольга

    Огромное спасибо.
    Только ваша статья дала ответ на мой вопрос.
    Я как раз нарисовала баннер и долго билась в попытках его запихнуть в сайд-бар через виджет “текст”
    ни одна статья не давала ответ, как именно должен выглядеть рабочий хтмл-код,
    А вы дали такой простой инструмент для полученяя кода под сайта на ВордПрессе
    Просто, супер !!! Пойду реализовывать…
    Не факт, что я бы сама, когда либо дозрела до такой разгадки моей задачи.
    Снимаю шляпу, перед вашим опытом.

    Ответить
    1. Admin автор

      Пожалуйста! Давно это было) Благодаря плагину Black Studio TinyMCE Widget, такая надобность уже отпала!

      Ответить
  13. Денис

    Здравствуйте,как ПС относятся к таким баннерам на главной странице? у меня их 2,надо ли мудрить с ссылкой,как то ее закрыть от поисковых систем?) извиняюсь за глупые вопросы,я новичок :)

    Ответить
    1. Admin автор
      Ответить
  14. Татьяна

    Я вас благодарю! За 5 минут на сайт повесила баннер на сайт по вашей чудесной инструкции! До этого перерыла тонну зауми с HTML кодами, а здесь- все легко. доступно и понятно! Подписываюсь

    Ответить