Как добавить кнопку в Word Press

Необходимость в какой-либо кнопке в сайдбаре может возникнуть по многим причинам. Например, туда можно поставить RSS, социальные кнопки или другие элементы, которые играют положительную роль в продвижении сайта.
Рассмотрим, как реализовать помещение кнопки или другого элемента в Word Press.

Виджет «Текст»

Виджет «Текст» позволяет выводить в сайдбар или другую часть сайта какой-либо текст, в том числе и html код. Данный код может реализовать появление кнопки, картинки или какого-либо другого полезного элемента.

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

Код в «Тексте»

По сути, кнопка это картинка. Для того, чтобы вывести картинку через виджет, необходимо её загрузить в «Медиафайлы» панели Word Press или какое-либо другое доступное место, ссылка на которое будет вам известна.

После этого требуется вставить следующий код в виджет «Текст»:

<a href=”ссылка” target=”_blank” rel=”nofollow”><img alt=”альтернатива кнопки” title=”название кнопки” src=”адрес до картинки” border=”рамка” width=”ширина” height=”высота” /></a>

Итак, данный код требует редактуры.

  • href – это ссылка, на которую будете отправлять посетителя, при нажатии на кнопку. Например, если хотите сделать кнопку RSS, то сделайте ссылку сайт/feed, или другой адрес, на котором у вас располагается RSS.
  • target=”_blank” – открывает ссылку в новой вкладке браузера. Скорее всего, так и нужно будет.
  • rel=»nofollow» – закрывает эту кнопку от индексации. Вряд-ли вам понадобиться извещать поисковик о том, что в этой кнопки. Но если надо, то уберите этот тег.
  • img alt – альтернативное имя картинки-кнопки. Напишите что-то короткое и содержательное.
  • title – это название кнопки. Напишите что-то короткое и содержательное.
  • src – это адрес, на котором лежит ваша картинка. Не забудьте также прописать название файла картинки-кнопки и расширение файла.
  • border – показывает толщину рамки, измеряется в пикселях. Если рамку использовать не нужно, то пишите 0.
  • width и height – это ширина и высота кнопки, измеряется в пикселях. Соблюдайте пропорции, при заполнении этих параметров.

Если укоротить этот код до такого состояния:

img alt=”альтернатива кнопки” title=”название кнопки” src=”адрес до картинки” border=”рамка” width=”ширина” height=”высота” /></a>

то вместо кнопки-ссылки, вы получите просто картинку. Эта функция тоже моет быть нужна.

Если Вы ещё не проходите у нас обучение, пройдите бесплатный курс.

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (Оцените статью)
Загрузка...

Также по этой теме:

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

Оставить комментарий
  1. Прикольные кнопочки

  2. Прохожу третий урок по бесплатному курсу создания своего сайта. Сайт уже создан, гонка сумасшедшая, некогда передохнуть. Наверное, так и надо, а то я тянула лямку уже около 3 месяцев, а здесь сделала за 3 дня. Все понятно и доходчиво, только идиот не сможет понять. Только времени не хватает, приходится сидеть и ночами. Домашние дела тоже делать нужно. Муж уже посматривает искоса.

  3. Очень нужная информация, спасибо.
    Кроме того у Вас можно пройти обучение, и это здорово!

  4. Мне нравится! У меня получается! Хотя и медленно. Наверное надо сделать скидку на возраст.

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

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

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

Как создать блог. Видео Уроки WordPress © 2017 | Оставляя комментарий на сайте или используя форму обратной связи, вы соглашаетесь с правилами обработки персональных данных.