Виджет Текст

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

Привет Мир !

 

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

 

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

 

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

 

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

 

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
 

На этом у меня всё, напоследок хотелось бы посоветовать вам, побольше экспериментируйте, со всем, не только с виджетом Текст :-)) до новых встреч !

 

Как добавить баннер на сайт всё о виджете Текст. WordPress обновлено: Октябрь 23, 2016 автором: Илья Журавлёв
 
 

11 комментариев

  • Антон 11.05.2015 Ответить

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

    • Илья Журавлёв 11.05.2015 Ответить

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

    • Илья Журавлёв 11.05.2015 Ответить

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

  • Антон 11.05.2015 Ответить

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

  • Катерина 12.11.2015 Ответить

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

  • Volha 27.04.2016 Ответить

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

  • Маргарита 20.07.2016 Ответить

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

  • Ольга 09.10.2016 Ответить

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

  • Татьяна 30.10.2016 Ответить

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

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

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


5 + 9 =



super-infa-top
Стрелка вверх