Кнопки соціальних мереж для сайту без плагінів
Соціальні мережі – як двигун прогресу.
А плагіни, якщо ви знаєте новини, ми вже випробували
Почнемо сьогодні з блоку«Поділитися» від ресурсу Яндекс
Далі вибираємо зовнішній вигляд блоку - є три варіанти, натискаємо потрібний:
- кнопка «Поділитися» та іконки;
- меню «Поділитися» та іконки;
- лише іконки вибраних соц. мереж
Зверніть увагу – при виборі іконок та варіантів зовнішнього вигляду блоку у коді html мають відбуватися зміни. Якщо цього немає – перезавантажте сторінку!
І так – іконки та зовнішній вигляд блоку обрані
- система видає нам готовий HTML-код, який нам необхідно встановити на свій сайт.
З цим розібралися - залишаємо вкладку з кодом і переходимо в адмін-панель свого сайту або копіюємо цей код і зберігаємо його в будь-якому текстовому документі (як вам зручніше).
Де потрібно розмістити отриманий HTML-код, щоб він відображався в кінці кожного посту.
Якщо ви маєте справу з кодами шаблону вперше – порада:
Створіть на робочому столі текстовий документ і скопіюйте весь код файлу single.php (не забуваємо зберегти) – це допоможе відновити сайт у разі некоректного редагування коду.
- заходимо на вкладку, де у нас відкрито наш код html вибраних кнопок (або ви його зберігали) – виділяємо, копіюємо та вставляємо в код файлу single.php – зазвичай до або після рядка
фрагмент коду single.php
- якщо у вашому шаблоні, у файлі single.php (або в іншому файлі виведення одиночного запису) відсутній рядок і ви погано знаєтеся на кодах html – місце для вставки коду кнопок можна знайти методом проб
- оновлюємо файлsingle.php, заходимо на будь-яку статтю сайту, дивимося, що вийшло
- у правій колонці списку шаблонів, знаходимо page.php (шаблон сторінки) – копіюємо код про всяк випадок у новий текстовий документ.
- також знаходимо в коді рядок та вставляємо раніше згаданий html-код
- адмін-панель, відкриваємо вкладку «Віджети», перетягуємо в потрібний сайдбар віджет «Текст» і копіюємо в html-код соц. кнопки. Не забуваймо зберегти.
Як і обіцяв – подарунок-рекомендація від Яндекса: «Правильне оформлення головної сторінки сайту»
На цьому все, наступного разу встановимо кнопку Google+1 також за допомогою кодів не пропустіть