Социальные кнопки для wordpress без плагинов.

Доброго времени суток, друзья. Сегодня на sdelaemblog.ru, поговорим о добавлении социальных кнопок на сайт, базирующийся на wordpress. Я думаю, каждый прекрасно понимает, для чего они нужны на сайте, и что-то объяснять по этому поводу нет смысла. Единственное, что хотелось бы отметить, это то, что мы не будем использовать какие-либо плагины, для внедрения социальных кнопок в wordpress. Все делается очень просто и без использования плагинов. Ну и как обычно, я буду рассказывать о тех кнопках, которые использую сам, на своем блоге. Так как социальных кнопок великое множество и сервисов, по их добавлению тоже.

Социальные кнопки для wordpress без плагинов.

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

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

Видеокурс "Технические секреты групп Вконтакте" доступен для скачивания!

Не получается сделать меню в группе Вконтакте? Устали платить другим за добавление меню в Вашу группу? Хотели бы научится всем техническим тонкостям и экономить свои деньги? Тогда скачайте курс прямо сейчас!

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

Социальные кнопки для wordpress, с помощью share42.

Затем, необходимо загрузить скачанную папку, в корневую папку сайта (public_html), например, с помощью бесплатного ftp-клиента filezilla.

Теперь, переходим на сайт скрипта и указываем путь до папки, которую мы загрузили на сервер. Если вы загрузили скрипт в корневую папку сайта, то путь до него будет: site.ru/share42(может быть переименована).

Социальные кнопки для wordpress, с помощью share42.

Появится ссылка, с помощью который мы можем проверить правильно ли указан адрес папки. Если все правильно, то мы должны увидеть содержимое скрипта.

Социальные кнопки для wordpress, с помощью share42.

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

1
2
<div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>"></div>
<script type="text/javascript" src="http://sdelaemblog.ru/share42/share42.js"></script>

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

Остается, только вопрос: «Куда копировать код?» Здесь все зависит от вашей фантазии. Обычно подобные кнопки ставят на страницу со статьей. Для этого, необходимо скопировать код и вставить в файл single.php, в необходимое место.

Еще, мы можем добавить стили в style.css, для блока социальных кнопок. Или же заменить их на свои, чтобы блок кнопок соответствовал дизайну и стилистике сайта. Для этого просто копируем предлагаемые стили в style.css и меняем их на свой лад. Тоже самое касается и стилей счетчиков, если мы их активировали.

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

На этом у меня все. Надеюсь, у вас получится правильно внедрить социальные кнопки в wordpress.

Удачи!

Видеокурс "Технические секреты групп Вконтакте" доступен для скачивания!

Не получается сделать меню в группе Вконтакте? Устали платить другим за добавление меню в Вашу группу? Хотели бы научится всем техническим тонкостям и экономить свои деньги? Тогда скачайте курс прямо сейчас!

VN:F [1.9.22_1171]
Оценка статьи: 7.8/10 (4 голосов)
Автор: Михаил Веб Дата публикации: 19.03.2013