Close

Как добавить социальные кнопки на сайт? Три варианта.

Мы любим общаться с друзьями, быть в курсе самых свежих новостей, делиться полезными знаниями, идеями, своими желаниями, а иногда и переживаниями. Этим, пожалуй, можно объяснить столь высокую популярность социальных сетей, отчасти заменивших живое общение виртуальным. И эта популярность будет только расти, так как основанием служит гранитный фундамент — природная любознательность, желание общаться и делиться. Да, что-то я отвлекся от темы, просто захотелось предать некой важности до боли простой статье.  Итак, по традиции, начну с варианта установки, который мне больше всего нравится. На первом месте у меня конструктор PLUSO.

УСТАНОВКА СОЦИАЛЬНЫХ КНОПОК «UpToLike». 

Новый, многофункциональный сервис. Сайт UpToLike

УСТАНОВКА СОЦИАЛЬНЫХ КНОПОК С ПОМОЩЬЮ «PLUSO». 

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

Лучше увидеть все своими глазами. Идем на официальный сайт PLUSO knopkissВыберите общий стиль кнопок из девяти доступных knopki2Из окна «Доступны к выбору» перетащите службы в «Выбранные сети». Благодаря кнопке knopka нет необходимости отображать все нужные вам службы в одной линии. Можно отобразить лишь несколько. Ведь, после установки, при нажатие на этой кнопке откроется список всех остальных, не выбранных вами сервисов.

Далее, в разделе настройки, выберите размер, желаемые формы, расположение, счетчик и фон. По окончанию настроек, остается скопировать полученный код. Чтобы расположить кнопки после каждого поста, предлагаю вставлять не весь код в single.php, а только часть в тэгах <div>ваш код</div>. А скрипт вставить в footer.php. Благодаря такому разделению, ваш пост будет загружаться в правильной последовательности: вначале содержимое поста, боковая панель и т. д. Теперь подробнее: Скопируйте <div>ваш код</div>

knopki4

Зайдите в админ.панель вашего сайта, в меню «внешний вид» откройте «редактор». В списке справа нажмите на single.php. Найдите строчку <?php the _content(); ?>, у меня это 130 строка, и вставьте ваш скопированный код. Если Вы хотите, чтобы кнопки отображаись в начале поста, вставьте код перед строкой <?php the _content(); ?>. Если в конце вашей статьи, тогда после нее.

php contenta

Далее скопируйте вторую часть кода <script> </script>. Вставьте этот скрипт в footer.php перед закрывающимся тэгом </body>.style=»dropshadow» 

knopki5

Как добавить  перед кнопками надпись: «Поддержите автора. Поделитесь с друзьями в сетях:»

Чтобы добавить надпись перед кнопками, надо перед вашим скриптом <script>скрипт кнопок</script> добавить строчку:

<h3 style=»text-align: right;»><span style=»color: red;»>Поддержите автора. Поделитесь с друзьями в сетях:</span></h3>

h3 — это размер надписи.

right, left, center — выравнивание надписи по правому краю, слева или по центру.

color: red — цвет надписи;

Как скрыть кнопку плюсknopka

Зайдите в: Внешний вид — Редактор. Откройте файл «Таблица стилей» (style.css) и в конец добавьте строчку:

.pluso-more {display: none !important;}

УСТАНОВКА СОЦИАЛЬНЫХ КНОПОК ОТ «SHARE42.COM». 

Сайт Share42.com 

УСТАНОВКА СОЦИАЛЬНЫХ КНОПОК ОТ «Одна кнопка». 

Сайт «Одна кнопка»

Вопросы:

Как установить кнопки на страницы сайта (не записи).

Нужно проделать аналогичную работу. Часть кода, обвернутого в  <div></div> вставить в page.php. Я хочу расположить кнопки выше названия статьи, поэтому вставляю код перед строкой:

<div class=»post-content»>
<?php the_content(); ?>

У меня это где-то 150 по счету.

УСТАНОВКА СОЦИАЛЬНЫХ КНОПОК ОТ «Addthis». 

<!—http://www.addthis.com/—>


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

Ваш адрес email не будет опубликован.

Автор: Stas Zygar

Привет! С наступившим новым годом! Всем счастья.