Это цитата сообщения принцеска_1 Оригинальное сообщение
добавить кнопки соц.сетей на сайт
как добавить кнопки соц.сетей на сайт.
[454x340]А конкретно мы с Вами рассмотрим 3 варианта размещения их на страницах Вашего сайта. Существует несколько способов интеграции социальных кнопок, и всё зависит от того как Вы хотите, чтобы социальные кнопки были расположены у Вас на блоге. И чтобы не писать кучу текста, зачем эти кнопки Вам и что они дают сайту (хотя эту тему тоже раскрою в следующих статьях), сразу перейдём к делу, для чего собственно Вы и сюда зашли.
Добавление кнопок соц.сетей - способ №1:
Достаточно просто можно вставить всё вручную. Причём от сюда тоже следует два варианта. Кнопки можно поставить как вертикально, то есть одна будет стоять ниже другой, так и горизонтально. Лично мне больше нравиться их горизонтальное расположение, как-то более приятно выглядит на странице, да и меньше места занимает, но тут уж Вам видней как их расположить.
Итак, поехали:
Первым делом нужно получить коды из каждой сети, кнопки которых Вы хотите разместить у себя на сайте. На данный момент наиболее популярными сетями являются фейсбук, вконтакте, твиттер и Google+. Именно кнопки этих сетей большинство блогеров используют для размещения в своих блогах. Давайте сформируем каждую из них.
Для того чтобы, получить код с сети "Вконтакте" - переходим . Там Вы увидите страницу генерирования кода кнопки.
[237x300]1. Подключите новый сайт: впишите его название и адрес .
2. Выберите стиль и размер кнопки. Наиболее распространенный стиль среди блогеров "кнопка с миниатюрным счетчиком". Сам использую и с Вам советую.
3. Вставьте первую часть кода в header.php после тега <head> .
4. Вторую часть кода вставьте на страницу, где Вы хотите , чтобы была размещена кнопка. Если мы говорим о постах то надо вставить в single.php перед комментариями.
Чтобы получить код из фейсбука, надо зайти на и проделать практически те же действия.
Вот такую вот Вы получите кнопку, когда сгенерируете код. Основные настройки:
URL to Like - ничего не вписываем.
Send Button - добавляет кнопку "Отправить" рядом с "Мне нравиться".
Layout Style - выбираете стиль кнопки.
Width - задаете ширину.
Show Faces - указываете, показывать ли аватары или нет.
Verb to display - указываете, что будет написано на кнопке.
- выбираете цветовую схему. Font - задаёте шрифт.
Нажимаете "Get Code", то есть " получить код".
1. Первую часть кода вставляем в в header.php после тега <head> .
2. Вторую часть также в single.php.
Таким образом Вы получите две кнопки. Дальше все проще )).
Чтобы установить кнопки Google + и твиттера, нужно поместить в single.php следующие кода
<div class="social sgoogle">
<g:plusone></g:plusone>
</div>
<div class="social stwitter">
<a rel=”nofollow” href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="dimcher1">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
Только вместо "dimcher1" моего ника твиттера обязательно поставьте свой.
Таким вот образом Вы успешно установите все 4 кнопки, к стати подобным образом устанавливаются виджеты комментариев на сайт. О том, как правильно установить их, как правильно использовать и повышать комментируемость и посещаемость за счёт этих виджетов, я обязательно буду писать в следующих статьях, так что советую . Лайки будут расположены вертикально, один ниже другого и скорей всего очень плотно друг к другу. Чтобы их немного разделать надо всего лишь будет вставить один очень простой тег
</br>
между каждой из них, опять же в single.php.
А если Вы хотите, чтобы они располагались горизонтально, то Вам всего лишь нужно будет вставить специальный код в самый конец файла style.css. Вот он: код для вставки в style.css .
Добавление кнопок соц.сетей - способ №2:
Этот способ намного проще по его затратам времени. Добавить кнопки соц.сетей в блог можно с помощью специального плагина для WordPress ( если Вы работаете на этом движке ), который называется social-buttons, или есть ещё один замечательный, называется share button. Скачать social Вы можете прямо прямо по этой ссылке и если Вы уже устанавливали плагины , то особого труда Вам установка этого не составит.
Добавляем плагин, активируем его, заходим в настройки, выбираем кнопки желаемых сетей и сохраняем, таким образом автоматически у Вам на блоге под статьями они появятся.
Но помните, друзья, что большое количество плагинов дает существенную нагрузку на сервер, в следствии чего сайт может со временем подвисать, так что не переусердствуйте, а лучше, если можно установить вручную, ставьте. О том, что ещё тормозит блог я ещё обязательно буду писать в следующих постах, а торможение, думаю, никому не нужно, так что рекомендую , чтобы не пропустить эту и другую полезную информацию по ведению блога.
Добавление кнопок соц.сетей - способ №3:
Использования сервиса по добавлению скрипта кнопок социальных закладок share42.com. Сначала думал его полностью описать, но хорошо с ним ознакомившись понял, что Вам будет достаточно перейти на сайт сервиса и внимательно пройтись по всем пунктам подробной инструкции по использованию. Если Вы уж смогли осилить всё вышесказанное то и это для Вас не составит особого труда.
http://dimcher.com/saytostroenie/kak-dobavit-knopki-socinih-setej-na-sajt