Хіба ви недостатньо бачили класних рішень для соціальних кнопок WordPress? Але днями я натрапив на чудовий безкоштовний плагін Juiz Social Post Sharer, який, крім базових можливостей, пропонує готовий шаблон оформлення кнопок у стилі так сподобався багатьом дизайну. Metro UI з останньої версії ОС Windows 8. Про нього і йтиметься далі.
Встановлення
Ви можете скачати плагін з офіційного каталогу розширень WordPress по цим посиланням.
Якщо ви не знаєте, що таке плагіни і як їх встановлювати, перегляньте цей урок.
Відразу після активації ви можете перейти до Консолі в меню Параметри → Social Post Sharer, щоб налаштувати плагін.
Налаштування
Насамперед у налаштуваннях плагіна вам пропонується вибрати один із варіантів оформлення соціальних кнопок для вашого сайту. На мій погляд, Blue Metro Style - Найнудніший і найпривабливіший вибір:
Трохи нижче ви можете вказати, кнопки яких соціальних сервісів потрібно задіяти. Виберіть на свій розсуд:
- Google+
- Viadeo
- Digg
- Stumbleupon
Ще нижче ви побачите додаткові налаштування. Тут можна вибрати, чи показувати написи до кожної кнопки або виводити тільки саму іконку, відкривати посилання в новому вікні або поточному, відображати лічильник чи ні (ця опція буде доступна в наступних оновленнях плагіна).
Після налаштування плагіна натисніть унизу зберегти зміни та перейдіть до будь-якого посту на вашому сайті. У самому низу після запису ви побачите блок із соціальними кнопками:
Висновок
От і все. Це відмінний і стильний плагін, який багатьом припаде до смаку. Простота цього рішення в тому, що тут не використовується жодної JavaScriptкнопки просто спрацьовують як посилання на ваші соціальні профілі. А значить сайт не навантажуватиметься зайвим кодом. Особисто мені дуже подобається новий стиль Metro UIтому я рекомендую цей плагін.
Джерело:WPLift.com
Коментарі до запису: 21
як бути з кнопочкою від контакту?
Якщо вистачає навичок, можна змінити файли плагіна, відредагувати наприклад картинку кнопки Pinterest, і прописавши в коді плагіна відповідну назву та URL
якби написали, як прописати кнопку вконтакет, то думаю не один я був би вдячний)
Як прописати ми вже відповіли вище!) Тут треба брати і робити, перш ніж прописувати. Може зробимо самостійно і викладемо тут наш «російський» варіант трохи згодом. Слідкуйте за оновленнями!
плагін хороший, але вк дуже складно додати ;) Ну точніше не складно, складно поміняти лого який-небудь соціалки на вк, тому що всі лого у вигляді спрайтів лежать в одному файлі(
Я лого змінив, не можу змінити текст на кнопці.
ТАК!
хлопців.
реально допоможіть.. я мало шарю..тільки картинку поміняв..а ось текст не можу..
Хелп!
я знайшов рішення, правда, плагін трохи глючний і не на всіх шаблонах коректно працює. Написав статтю як переробити кнопку. тут посилання -
щось нічого не допомогло.
Доброго дня! Плагін дуже зручний! Дякую :)
Але є кілька питань щодо його доопрацювання…
Де потрібно підправити код, щоб розмістити плагін у бажаному місці?
Та головне як встановити колір css для кожної кнопочки у стилі metro, я впринципі розібрався як змінити її тло, але на жаль у php класи css загальні для квіток кнопок…
З приводу розміщення - потрібно копатися в головній php файлі плагіна (він там як один з усім кодом). Колір кнопки через css навряд чи вдасться змінити, т.к. всі кнопки намальовані в єдиному спрайте - картинці png. Потрібно редагувати її редактором зображень.
Колір кнопки задається через css, він задається для всіх кнопок на жаль, як можна змінити для кожної кнопки свій колір?)
Доброго дня! Переглянув весь сайт і не знайшов таких кнопок, як встановлені у Вас. Підкажіть, будь ласка, яким плагіном користуєтеся Ви самі?
Наші кнопки – це ручна робота)
І як це зробити Ви нікому не розповісте?
За допомогою CSS і лайтбоксів на JS, ось що я можу відповісти)
Тю, напишіть статтю, діливши те. Люди будуть вдячні.
У цьому уроці є фрагмент прикладу однієї кнопки. https://hostenko.com/wpcafe/tutorials/kuda-vstavlyat-etot-kod-v-wordpress-obshhaya-struktura-faylov-temyi/
Сьогодні поставив плагін Juiz Social Post Sharer. Сайт припинив роботу та видав: Помилка сервера. На веб-сайті виникла помилка . Не працює плагін.
Доброго дня! Цікава стаття, гарні кнопки виходять. Але особливо мене зацікавили кнопки, які у вас на блозі. Скажіть, будь ласка, як називається цей плагін? За бажання можете надіслати назву плагіна мені на пошту, яку вказав під час коментування. Дякую!
Якщо ви про кнопки в кінці посту, то це платний плагін Easy Social Share Buttons https://1.envato.market/c/1308195/523002/4415? share-buttons-for-wordpress/6394476/