Как добавить кнопку в 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>

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

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