Давно я хотів замінити кнопки соціальних мереж на блозі, які були зроблені за допомогою плагіна WP-Social Buttons , На інші. Давайте, для початку, поговоримо про те, навіщо потрібні соціальні кнопки на сайті, або на блозі взагалі.

для розкрутки блогу мало писати статті, потрібно ще збільшувати привабливість блога для пошукових систем. І для цього необхідно нарощувати кількість посилань, тобто, розкидати посилання на свої статті, де тільки можна. Важлива частина збільшення посилальної маси - робота з соціальними мережами. І кнопки соціальних мереж допомагають ділитися посиланнями легко і просто, кількома кліками миші. Причому робити це може не тільки власник, але і будь-який відвідувач блогу.

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

Раніше у мене був плагін WP-Social Buttons, який генерував кнопки соціальних мереж. Але мені він не дуже подобався з однієї причини - кнопки не відображають, скільки разів за ним кликали. Крім того, немає кнопки соціальної мережі Однокласники, і кнопки Google + 1. Кнопку від Гугла я поставив окремо, але вона у мене вічно обнуляється.

Плагін WP-Social Buttons генерував два низки соціальних кнопок. Перший ряд - кнопки для того, щоб поділитися посиланням на статтю в своєму акаунті соціальної мережі. Другий ряд - для того, щоб додатися в друзі.

Для початку я вирішив подивитися як нові кнопки соціальних мереж від Яндекса будуть виглядати у мене на блозі, і чи з'являться вони взагалі. Отже, щоб поставити кнопки, я перейшов на блок Поділитися від Яндекса, і взяв код в закладці Лічильники.

Після цього я зайшов в адміністративну панель блогу, в пункт Зовнішній вигляд - Редактор, в шаблон Одиночна запис (single.php), і поставив цей код нижче коду соціальних кнопок, який був згенерований плагіном.

Кнопки виявилися занадто малі, і тому в параметрі data-yashareType я замінив параметр «small» на «large». Результат мене задовольнив, і я почав писати цю статтю, паралельно встановлюючи кнопки далі.

Наступне, що потрібно було зробити - це встановити дані кнопки по центру. Завдання зважилася просто - я оточив код тегом div з вирівнюванням по центру, ось таким чином:

• <div align = "center"> скопійований код соціальних кнопок від Яндекса </ div>

Кнопки встановилися по центру.

Спочатку я хотів залишити другий ряд кнопок від плагіна WP-Social Buttons, які призначені для додавання в друзі, але кнопки Поділитися ніяк не хотіли встановлюватися над ними. Тому я взагалі вирішив прибрати плагін, а другий ряд кнопок зробити за допомогою простого html-коду.

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

До речі, Ви точно так же можете подивитися мій код, також натиснувши на мої кнопки, і вибравши цей пункт. Все, що мені потрібно було зробити - це замінити картинки своїми, і прописати нові URL-адреси для них, так як плагін я вирішив повністю прибрати.

У підсумку, не знайшовши нічого цікавого за допомогою пошуку Google, я скопіював старі картинки, поставив їх в іншу папку на хостингу , Попередньо зменшивши розмір і вага, і зробивши їх більш яскраві. Після цього я замінив URL-адреси картинок в коді, і поставив код додавання в друзі після коду Поділитися.

Обидва створених коду я розмістив не тільки в шаблоні Одиночна запис (single.php), але і в шаблон сторінки (page.php), щоб кнопки соціальних мереж відображалися не тільки в статтях, але і на сторінках блогу.

І останнє, що мені потрібно було зробити - це деактивувати і видалити плагін WP-Social Buttons.

Те, що вийшло, Ви можете побачити нижче, і заодно поділитися статтею з друзями в соціальних мережах. Дана зміна пішло на користь ще й тим, що блог почав завантажуватися відчутно швидше. Так що використовуйте, при бажанні, а я, в свою чергу, бажаю Вам Успіху!

Більш докладні відомості Ви можете отримати в розділах "Всі курси" і "Корисністю", в які можна перейти через верхнє меню сайту. У цих розділах статті згруповані за тематиками в блоки, які містять максимально розгорнуту (наскільки це було можливо) інформацію з різних тем.

Також Ви можете підписатися на блог, і дізнаватися про всі нові статтях.
Це не займе багато часу. Просто натисніть на посилання нижче:
Підписатися на блог: Дорога до Бізнесу за Комп'ютером

Проголосуйте та поділіться з друзями анонсом статті на Facebook: