Кнопки соціальних мереж для сайту на WordPress

  1. Скрипт соціальних кнопок
  2. Як встановити кнопки соціальних мереж для сайту
  3. Перший крок
  4. другий крок
  5. третій крок
  6. четвертий крок
  7. п'ятий крок
  8. шостий крок

Вітаю всіх на моєму блозі, з вами Денис Чернятинський, і сьогодні я розповім про універсальний сервісі дозволяє додати кнопки соціальних мереж для сайту. Він допоможе додати до себе на сайт або блог красиві соціальні кнопки і легко їх міняти.

Скрипт соціальних кнопок

Скрипт соціальних кнопок

Скрипт кнопок соціальних закладок і мереж розробив російський веб-майстер 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.

Сподіваюся, інформація, отримана в статті була для вас корисною і ви навчилися додавати кнопки соціальних мереж для сайту. Пишіть в коментарях про свій досвід додавання соціальних кнопок на свій сайт або блог. Чи все у вас вийшло або виникли якісь труднощі. З радістю відповім в коментарях.

Підписуйтесь на оновлення мого блогу, попереду буде багато нового і цікавого. Бажаю всім удачі з реалізацією соціального функціоналу на своїх проектах, поки!