Ставимо кнопки соцмереж у WordPress шаблон без плагінів та сервісів - Profit Hunter

Показникиbottom та left визначають положення кнопки щодо нижнього та лівого краю екрану. У нашому випадку вона перебуватиме зліва від посту. Якщо потрібно помістити її праворуч, просто замініть "left" на "right". Як ви вже помітили, значення даних показників задаються в пікселях, і ви можете змінювати їх як завгодно, доки не знайдете найбільш оптимальну позицію у своєму шаблоні. Зауважимо, що у наведеному прикладі відступ кнопки від нижньої межі екрану становить 280 пікселів.

Якщо ж ми хочемо поставити під цією кнопкою ще одну, то від 280 нам потрібно відібрати 50 або трохи більше (50 – це висота кнопки). Вийде, що у наступної кнопки bottom буде вже не 280, а максимум 230 (якщо більше, то картинки наїжджатимуть один на одного). Таким чином, це значення має змінюватися з кожною новою кнопкою. Тегом та атрибутомrel=”nofollow” ми закриваємо посилання, які ховаються в кнопках, від індексації пошуковими системами.

У тегу прописаний шлях до картинки-кнопки, яку ви захочете поставити, а також її параметри (довжина, ширина, тайтл, атрибут alt).

Таким чином, ми отримуємо загальну схему складання коду кнопки соцмережі:

Що стосується значення посилань для різних соціалок, то вони мають бути такими:

Для Фейсбуку: onclick=”window.open('https://plusone.google.com/_/+1/confirm?hl=ru&url= http://www.facebook.com/sharer.php?u= ”
Для Твіттера: http://twitter.com/intent/tweet?text=RT@Ваш логін у Твіттері
Для підписки на фід блогу: http://feeds.feedburner.com/Назва_вашого_фіда
Для mail.ru: http://connect.mail.ru/share?share_url=
Для Вконтакте: https://vk.com/share.php?url=
Длязакладок Яндекса: http://zakladki.yandex.ru/newlink.xml?url= &name= &descr=
Для Однокласників: http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl= &title=

Куди поставити кнопки соцмереж у шаблоні WordPress

Як правило, блок ставиться на сторінки з окремими постами, новинами. Можна поставити його на статичні сторінки. На розділи чи головну проставляти зайві зовнішні посилання не варто, хоча можете спробувати та подивитися на ефект. Тільки тести та експерименти можуть показати реальний стан справ.

За окрему публікацію відповідає файл single.php, розташований у папці із вашою темою. У ньому і потрібно буде розмістити створений код. Куди його ставити - справа ваша, все одно кнопки стануть на те місце, яке ви вказали в атрибутах bottom і left. Бажано, звичайно, помістити цей код в кінці, десь після виведення футера. Це необхідно, щоб кнопки соцмереж виводилися пізніше за основний контент, якщо у користувача повільний Інтернет. Першим завжди повинен завантажуватися корисний користувачеві матеріал, і вже потім – кнопки «поділитися» та інше.

Чому краще запроваджувати свій код кнопок на сайт

Як ми вже говорили вище, плагіни – найлегший спосіб зробити кнопковий блок. Однак, ми цінуємо швидкість завантаження сайту, і намагаємося мінімізувати кількість плагінів. Так, якщо взяти два сайти, то за інших рівних умов їх якості, один стоятиме у видачі вище за інший. І чому? Тому що в одного завантаження відбувається швидше, ніж в іншого.

Ще один спосіб – це сторонні послуги. Поставити їх дуже легко та швидко, проте ці сервіси іноді «виснуть», і на сайті відображається щось незрозуміле замість кнопок.

До того ж, у сервісах та плагінах можуть бути зайвіпосилання на розробників, які нам не потрібні. Таким чином, свій код – найкращий вихід. Головне – робити його чистим, акуратним, без зайвого сміття та помилок.