Устанавливаем кнопки соц. сетей в блог на WordPress

Здравствуйте уважаемые посетители и читатели bistriyblog! На вашем блоге есть кнопки социальных сетей? Если нет, то вам обязательно нужно их установить, и в этой статье «6 бесплатных способов раскрутки своего блога»  я говорил почему. Поэтому сегодня я покажу, как установить кнопки соц. сетей для wordpress.

Кнопки соц. сетей способы установки

Вообще, способов установки кнопок соц. сетей несколько. Их можно установить и при помощи специального плагина. Мы же не будем использовать этот метод, так как известно, что лишние плагины нагружают блог, что влияет на быстроту его загрузки.

Помните, что лучше использовать как можно меньше плагинов!

Способ, который я предлагаю легкий, и не требует много времени и знаний. Вскоре вы в этом убедитесь сами.

Итак. Для того, чтобы установить кнопки социальных сетей на блог мы будем использовать специальный сервис для этого. Называется он Share42.com, который дает возможность получить специальный скрипт социальных закладок и соц. сетей. Этот скрипт нужно будет закачать на хостинг и потом прописать полученный код в том месте на блоге, где будут отображаться кнопки.

Впрочем, давайте обо всем по порядку…

Сервис Share42.com

Сначала идем на по адресу http://share42.com/ru.

Сервис Share42.com

Здесь представлено 45 кнопок соц. сетей и соц. закладок, из которых вам нужно выбрать интересующие вас. Обратите внимание, что так же можно выбрать и размер кнопок слева вверху. Есть размеры 32×32, 24×24, 16×16:

размеры 32×32, 24×24, 16×16

После того, как вы выберите кнопки и их размер, нужно скачать скрипт на свой компьютер. Делается это путем нажатия на кнопку с соответствующей надписью:

нажатия на кнопку

Скрипт кнопок соц. сетей будет в архиве. Этот архив нужно разархивировать и закачать на хостинг в корневую директорию сайта, то есть в папку public_html.

папка public_html Прописать специальный код

Теперь осталось прописать специальный код в файле single.php вашей темы для того, чтобы кнопки соц. сетей отображались на вашем блоге wordpress. Для этого зайдите в админ панель вашего блога на wordpress и в меню «Внешний вид» выберите «Редактор».

«Внешний вид»

Найдите этот файл single.php и вставьте туда скопированный прежде код:

<div></div>
<script type="text/javascript" src="http://site.name/share42/share42.js"></script>

Если у вас стандартная тема wordpress, то вставлять этот код нужно сразу после :

<?php the_content('Читать далее &raquo;'); ?>

Вместо «site.name» впишите домен вашего блога. Сохраните обновления и посмотрите, как будут выглядеть кнопочки на сайте. Для оформления панели кнопок соц. сетей сделаем еще кое-что. Для этого, надо скопировать предложенный код на сайте Share42 и вставить его в файл стилей вашего блога. Обычно это style.css. Вот как это делается. Открываете файл style.css и в самом конце вставляете этот код:

#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

Не забудьте сохранить изменения. После этого панель с кнопками будет отображаться более симпатично.

Ну а у меня на этом все. Я думаю, что у вас без труда получиться установить кнопки соц. сетей для wordpress на ваш блог. Если что-то все же не будет получаться, то расскажите о вашей проблеме в комментариях, и мы вместе постараемся ее устранить.

Всего вам доброго!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *