1. Використовуємо віджет «Текст»
2. Використовуємо код в тексті

Існує маса причин, які можуть мотивувати вас додати на сайдбар додаткову кнопку. Так, найбільш часто майстри встановлюють RSS або кнопки соціальних мереж, що дозволить поліпшити ефективність просування сайту.

Якщо вас цікавить питання, як зробити, додати кнопку в WordPress - ця стаття саме для вас! Уважно вивчіть матеріал і питань більше не залишиться!

Використовуємо віджет «Текст»

За допомогою даного віджету можна без проблем перенести в сайдбар або в будь-яку область вашого сайту не тільки сам текст, але навіть і html код. Саме за допомогою коду можна:

• додати соціальні кнопки WordPress;
• зображення;
• будь-який інший, який Вас елемент.

Користуватися виджетом просто - необхідно:

• зайти у відповідний розділ меню;
• вибрати Вас віджет;
• затиснувши кнопкою мишки, перетягнути в ту область, де ви його хочете розмістити;
• заповнити віджет за потрібне вам кодом.

Використовуємо код в тексті

Отже, як зробити кнопку в WordPress? Давайте визнаємо, що будь-яка кнопка являє собою фактично звичайну картинку і не більше того. Тому, для того, щоб її в підсумку вивести на сторінку за допомогою звичайного віджета, потрібно лише завантажити в «Медіафайли» WordPress . Або ж покласти в будь-яке місце - головне, щоб вам була відома і доступна посилання на нього.

Після того, як зробите це, вам необхідно буде вставити в ваш віджет наступний код:

<A href = "посилання" target = "_ blank" rel = "nofollow"> <img alt = "альтернатива кнопки» title = »назва кнопки» src = "адреса до картинки» border = "рамка» width = »ширина» height = "висота" /> </ a>

Але в сам код доведеться вносити зміни в залежності від особливостей вашої кнопки. Давайте розглянемо основні елементи коду:

• href - посилання, по якій кожен клікнула по зображенню користувач буде перенаправлений на відповідну сторінку. Так, в тому випадку, коли ви бажаєте встановити кнопку RSS, вам необхідно вказати посилання на той ресурс, де у вас і має в своєму розпорядженні RSS;
• target = "_ blank" - дана команда в коді дозволяє відкривати ваші посилання в новій вкладці, що зручно для користувачів, оскільки основна сторінка, з якої здійснюється перехід також залишається відкритою;
• rel = "nofollow» - дозволяє приховати вашу кнопку від індексації пошуковими системами, але якщо ви хочете, щоб пошукові роботи бачили її, тоді просто видаліть тег;
• img alt - це ім'я картинки або кнопки, яку ви використовуєте. Зупиніться на коротких, зрозумілих словах.
• title - назва самої кнопки, ім'я вибирайте також, як і для картинки - просте і зрозуміле;
• src - вказує адресу, за якою і розташовується зображення. Тут вкрай важливо вказати не тільки назва файлу, але і його розширення;
• border - дозволяє встановити рамку. Одиниці виміру - пікселі. Вам не потрібна рамка? Не проблема, просто напишіть нуль!
• width і height - це розміри кнопки. У цьому випадку важливо правильно дотримати пропорції, інакше кнопка прийме не найприємніший вид.

В принципі, код можна істотно скоротити, якщо вам потрібно отримати звичайну картинку, надавши йому такий вигляд:

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

Хоча пройти у нас навчання? Запишіться на безкоштовний курс !

Щоб не пропустити важливої і цікавої інформації, підпишіться на наш блог!

Сподобалося? Розкажіть друзям: