Бизнес блог Александра Быкадорова

Новый виджет для WordPress — легко!

Виджет

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

Доброго времени суток, дорогие мои друзья и посетители блога AlexandrBykadorov.Ru

Как сделать виджет для WordPress

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

Прежде всего на своем блоге необходимо позиционировать себя как личность, эксперта, бренд.

Почему? Об этом я уже писал в статье «Что в имените тебе моем? Личный бренд»

И первый делом, когда только возникла у меня идея это сделать, тут же проследовала и другая: «Постой, это здорово, но как я это собственно буду делать?»  Я ведь никогда до этого не занимался этим. Нет, я размещал готовый виджет. Но сделать новый – это уже был некий вызов для меня. И я его принял.

Итак, была поставлена цель. Сделать справа, в колонке своего блога некий виджет, красивый и привлекательный, который бы имел ссылку на некий ресурс. А для начала, давайте разберемся, что же такое собственно есть ВИДЖЕТ?

И конечно же обратимся к первоисточнику, т.е. к Википедии:

Виджет — примитив графического интерфейса пользователя, имеющий стандартный внешний вид и выполняющий стандартные действия.

Иными словами, это некий красивый графический объект, выполняющий определенные действия. В моем случае он выполняет роль некого «проводника» нажав на который, мы попадаем на определенный ресурс.

Делаем виджет

Итак, что нам понадобится, для того чтобы сделать виджет?:

  1. Cобственно сам блог на WordPress
  2. Графическое изображение виджета (рисунок формата .png, возможны и другие варианты, иные форматы я не пробовал)
  3. Ресурс, на который будет «вести» наш виджет

Вот и все. Самые минимальные требования. И времени на всю эту процедуру понадобится от силы 10 минут.

Начнем по порядку

  1. Блог на WordPress. В разрезе данной статьи я не берусь Вам рассказывать как же делать блог на WordPress. Это тема не одного урока и будем исходить из того, что у Вас уже есть готовый блог. Если это не так — вот, держите, мой бесплатный курс «Блог своими руками: Начало»
  2. Графическое изображение Вашего будущего виджета, Вы можете использовать по своему собственному усмотрению. Будет ли это рисунок, который Вы сами нарисуете или же это будет готовый или скачанный из сети – решать Вам. Я же взял готовый, который мне любезно предоставила сама компания.

Итак, графика у нас есть. Что далее?
Закачиваем свой файл в раздел Вашего блога «Медиафайлы»

Как это сделать, смотрите ниже: 

Виджет для wordpress

Виджет для wordpress

Итак, графическое изображение будущего виджета мы закачали на наш блог.

Далее входим в свою Админ Панель блога, далее «Внешний вид» => «Виджеты»

Виджет для wordpress

Перетягиваем виджет «Текст», как на рисунке, в нужное нам место в Боковой панели виджетов.

Виджет для wordpress

В открывшееся окно вставляем следующие данные:

<a href="http://alexan....(Ваша ссылка, куда она будет вести, при нажатии на виджет)" target="_blank">
<img src="//alexand...(Ссылка на графическое изображение виджета)" width="260" height="260" border="0" /></a>

Вместо http://alexan… — пишите правильные ссылки, ведущие на изображение виджета и ресурса.

Таким образом, скопировав Вашу ссылку на Ваш ресурс и вставив ее в первую строку нашего текстового еще виджета, мы сохраняем все это добро.

Выходим из Админ Панели и вуаля… Видим наш виджет, во всей свой красе. Проверяем, нажав на него. Все работает. Изменив переменные width и height можно менять ширину и высоту виджета соответственно.

И чтобы данная информация была в мультиформатном виде, я выкладываю здесь вышесказанное в своем видео.

Если же Вам будет интересно прочитать о том, как установить плагин на свой блог, читайте здесь.

Понравилась статья? Оставляйте свои комментарии, делитесь опытом. С удовольствием приму любые замечания по тематики данной статьи. Если же будни сегодняшнего дня Вас так утомили, что делать ничего нет желания — я приглашаю посетить мою рубрику блога «Конкурсы!» и выиграть один из денежных призов!

Понравился блог?
Получайте статьи на ПОЧТУ!

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

Александр Быкадоров

Большое спасибо, что читаете мои статьи и оставляете комментарии к ним. Активные комментаторы заносятся на доску почета.
Подробности здесь.
 
Хотите быть первым в курсе новостей, конкурсов на моем блоге?
Подпишитесь на канал RSS для получения новостей, нажав тут.

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

Социальные комментарии Cackle
  • Александр, все просто и понятно, спасибо! Только вот кнопочки соц. сетей очень мешают читать и даже писать комментарий. Можно их подвинуть влево?

    Ответ
  • Валентина, конечно можно! и даже нужно. Я проверял работу сайта на 15 и 17″ мониторе ноутбука. Там все было видно отлично. Огромное спасибо за подсказку. Вы на каком мониторе работаете?

    Ответ
  • Спасибо, очень понятно. Я сама что-то подобное делаю, а теперь еще и Вашими советами воспользуюсь.

    Ответ
    • Ну Вы — профессионал, этот совет, скорее для совсем зеленых новичков )))

      Ответ
  • Спасибо за статью, сейчас другу ссылку вашу скину. Пусть почитает)))

    Ответ
    • Рашид, пожалуйста. Приглашайте друга — вместе обсудим)

      Ответ
  • Александр, а если на картинке должно стоять несколько ссылок, то как это можно провернуть? и нужно нажимать на определенные места на виджете.

    Ответ
    • Виктор, доброго дня.
      Я так понимаю, что в Вашем случае нужно использовать не просто одну картинку, а ротатор картинок (слайдер)… Я прав?
      Вот статья на эту тему: //alexandrbykadorov.ru/obzor-analiz-instruktsii/slajder-bez-plagina/
      Там речь идет о том, как сделать слайдер, чтобы он менял картинки, которые будут вести в разные места.
      Думаю помог?

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

    Ответ
    • Интересная идея, кстати! С помощью кода это можно сделать. Т.е. «обвернуть» необходимое место «клика» и присвоить ему класс. Как то так.

      Ответ
  • Здравствуйте.
    Подскажите пожалуйста, как мне сделать сайт объявлений на вордпресс. Нужно чтобы можно было настроить поддомены для регионов. (чтобы присвоить в яндексе регион). Вот нашел одну доску объявлений http://moskva.biglus.com/ с регионами, подскажите какой шаблон или плагин тут используется, нужно именно, чтобы поддомены работали как в указанном сайте. Я находил плагин для создания поддоменов, но там только для категорий, тоесть из категорий создаются поддомены, а мне так не нужно.

    Ответ
    • Андрей, доброго дня.
      Скажу честно — с подобными сайтами дел не имел. Из тех шаблонов, которые мне известны, работающие в WordPress, подобное не выводят.
      А вы уверенны, что они работают на этом движке?

      Ответ
  • Александр, такой вопрос — как сделать чтобы в виджете выводились цитаты в случайном порядке? я так поняла, что простым html это не сделать?

    Ответ
    • Доброго дня.
      Не совсем понял — какие именно цитаты Вы имеет ввиду?

      Ответ

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

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