Кнопки соціальних мереж для сайту на WordPress
- Скрипт соціальних кнопок
- Як встановити кнопки соціальних мереж для сайту
- Перший крок
- другий крок
- третій крок
- четвертий крок
- п'ятий крок
- шостий крок
Вітаю всіх на моєму блозі, з вами Денис Чернятинський, і сьогодні я розповім про універсальний сервісі дозволяє додати кнопки соціальних мереж для сайту. Він допоможе додати до себе на сайт або блог красиві соціальні кнопки і легко їх міняти.
Скрипт соціальних кнопок
Скрипт кнопок соціальних закладок і мереж розробив російський веб-майстер Dimox . Він реалізував свою задумку в вигляді веб-сервісу , Де кожен користувач може абсолютно безкоштовно вибрати, налаштувати і інтегрувати соціальну складову в свої проекти.
Як встановити кнопки соціальних мереж для сайту
Тепер приступимо до огляду можливостей сервісу. Сервіс підтримує російську і англійську інтерфейси. На момент написання статті скрипт підтримує 45 соціальних сервісів. Потрапивши на головну сторінку, вашому погляду відкриється покроковий конструктор, генератор соціальної складової, розділений на 6 кроків:
Перший крок
На першому кроці визначаються іконки сервісів, які ви хочете задіяти на своєму сайті. Здається їх розмір від 16 до 32 пікселів. Порядок іконок можна змінювати простим перетягуванням. У деяких підтримуваних сервісів поруч з іконкою присутній помаранчева точка, що означає наявність у цього сервісу підтримки лічильника.
другий крок
Другий крок нам дозволяє вибрати горизонтальну або вертикальну панелі з іконками. Зауважу, що вертикальний тип панелі плаваючий, тобто при скролінгу панель залишається на місці, а не рухається разом зі сторінкою. Є можливість задати тип кодування UTF-8 або Windows-1251 (ANSI). Раджу поставити дві останні галочки, вони дозволять вам побачити лічильник поруч з кнопкою.
третій крок
Третій крок зовсім простий, він являє собою кнопку перегляду, що дозволяє побачити підсумковий варіант і кнопку завантаження готового скрипта до себе на комп'ютер для подальшої інтеграції з сайтом.
четвертий крок
Четвертий крок допомагає встановити скачаний скрипт на своєму сайті або блозі. Якщо описати коротко: розпакування завантаженого архіву зі скриптом, завантаження папки на свій сервер в будь-яку директорію сайту, вказати шлях до папки зі скриптом, вибрати тип вашого сайту з популярних CMS або просто опцію «Будь-який сайт».
п'ятий крок
П'ятим кроком йде вставка наведеного нижче коду в шаблон вашого сайту. Ви самі вибираєте місце для вставки коду і відповідно відображення соціальних кнопок. Якщо у вас горизонтальне розташування, я раджу ставити код відразу після тексту статті. Якщо вертикальне, то перед початком статті.
<Div class = "share42init"> </ div> <script type = "text / javascript" src = "https://site.name/share42/share42.js"> </ script>
Ще існують спеціальні параметри, які я представлю на скріншоті нижче.
шостий крок
Значення шостого кроку полягає в перевірці отриманого результату від своєї роботи. Ви заходите на свій сайт або блог і перевіряєте, як виводяться кнопки.
Після створення і публікації на сайті даних соціальних кнопок, не складе великих труднощів їх змінювати під себе, наприклад, ви можете бачити, як я реалізував даний функціонал на своєму блозі. Якщо ви перейдете до моїх статей, після кожної статті є блок »Поділитися». Для цього потрібно вміти користуватися інспектором в Firefox і трохи знати, що таке CSS.
Сподіваюся, інформація, отримана в статті була для вас корисною і ви навчилися додавати кнопки соціальних мереж для сайту. Пишіть в коментарях про свій досвід додавання соціальних кнопок на свій сайт або блог. Чи все у вас вийшло або виникли якісь труднощі. З радістю відповім в коментарях.
Підписуйтесь на оновлення мого блогу, попереду буде багато нового і цікавого. Бажаю всім удачі з реалізацією соціального функціоналу на своїх проектах, поки!