Share42 - встановлюємо плаваючі кнопки соціальних мереж
Ресурс share42 надає чудову можливість установки плаваючих кнопок соціальних мереж . Вони дуже зручні для всіх, і для власника блогу і для відвідувача. Давайте обговоримо всі позитивні сторони цих кнопочок.
- Плаваючі кнопки видно на екрані комп'ютера протягом всього відвідування читачем. Причому, етікнопкі видно на будь-якій відкритій сторінці, в тому числі і головною.
- Дуже великий вибір кнопок соціальних ресурсів. Так само до складу кнопок входить і кнопка стрічки RSS блогу. А також і кнопочка повернення до початку сторінки. Що виключає установку додаткового плагіна. Якщо ж ваш шаблон впроваджений код цього плагіна, то кнопку повернення можна просто виключити.
- Кнопки встановлюються за допомогою коду. Причому цей код треба вставляти всього в один файл - і кнопки будуть відображатися по всьому сайту. Установка дуже проста. Код дозволяє налаштувати відстань від початку сторінки і розташування кнопок на сайті. І як відомо, код не навантажує Ваш блог, як це станься в разі установки плагіна.
Приступаємо до установки. Заходимо на ресурс.
Крок 1. Перше, що нам пропонують зробити, це підібрати розмір кнопочок. Їх три різновиди: 32х32, 24х24, 16х16;
Підібравши кнопки певних мереж, необхідно зберегти конфігурацію на сайті ресурсу.
Крок 2. Налаштовуємо опції.
1. Вибираємо розташування кнопок - горизонтальне або вертикальне. Я припускаю, що вертикальні кнопки зручніші. Вони легше встановлюються на блог і видно на всіх сторінках. Та й виглядають вони більш цікаво ...
2. Якщо Ви вибираєте кнопок більше семи, то ресурс пропонує вам обмежити видимість кількості кнопок - сім'ю одиницями. При більшій кількості під кнопками з'являється стрілочка, яка дозволяє Вашому відвідувачеві переглянути всі запропоноване і вибрати необхідні.
3. У цьому пункті необхідно вказати кодування Вашого сайту. Сподіваюся. Що ви її знаєте.
4. У цьому пункті, встановивши значок в чекбоксі, Ви погоджуєтеся на додавання кнопки Share42.
5. Тут, в разі вибору кнопки RSS, необхідно вставити посилання з ресурсу стрічки Вашого блогу.
6. У цьому пункті треба підтвердити підключення до сайту jQuery. Якщо Ви цього не знаєте, значить просто це питання ігноруйте.
7. Поставивши галочку навпроти цього пункту, Ви погоджуєтесь показувати лічильник поруч з кнопки для конкретних сторінок. Але треба пам'ятати, що не всі соціальні мережі підтримують цю функцію.
Крок 3. Дивимося як виглядатимуть наші кнопки і якщо вони нас влаштовують, викачуємо скрипт на свій комп'ютер
крок 4
. Працюємо конкретно з власним сайтом.
- Знаходимо архів скрипта в паку Завантаження на своєму комп'ютері і розпаковуємо його в цю ж папку.
- Тепер з'єднуємо за допомогою FTP-клієнта Ваш сайт і хостинг. І завантажуємо розпаковані файли в кореневу папку вашого блогу на хостингу.
- Вказуємо шлях до нашої папки в активному віконечку пункту. Як тільки ми це зробили, під вікном з'являються два рядки. У першій з'являється активне посилання для перевірки правильної установки файлів в кореневу папку. Якщо після натискання на посилання, Ви побачите вміст папки, значить все зроблено правильно.
- Вибираємо тип сайту - це звичайно WordPress.
- Забираємо згенерований код і йдемо встановлювати його в файл редактора heder.php. Тут дуже уважно шукаємо закриває тег </ head>. Зазвичай за ним відразу йде відкриває тег <body>. Ось між ними, дуже акуратно, встановлюємо отриманий код. Не забудьте оновити файл.
- Ось тепер можна перейти на блог і помилуватися виконаною роботою. Якщо кнопки будуть приліплені до краю браузера, або погано «висуватися» з під верхнього краю - треба провести деякі настройки, які я показала на скріншоті. Треба вказати кількість пікселів в певних «фразах» коду. Іноді доводиться «пограти» з цифрами, поки підбираються відстані
а) Відстань від верхнього краю сайту.
б) Відстань від верхнього краю екрану, при прокручуванні будь-якої сторінки Вашого блогу;
в) Відстань від бокової панелі. Якщо цифру в пікселях, вказувати зі знаком «-», то кнопки пересунутися вліво. Якщо просто вкажіть цифру - пересування вправо.
Більш детально і наочно настройки кнопок, Ви побачите у відео.