Pluso – социальные кнопки без плагина

PlusoPlusoэто ресурс генерации социальных кнопок для сайта.

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

И как выяснилось,  самыми тяжелыми оказались
плагины для социальных сетей. Как определить скорость загрузки плагинов - мы обсуждали в предыдущей статье. Те самые плагины, которые предлагают возможность  посетителю, поделиться информацией о статье. Чем собственно и помогают продвижению статьи в социальных сетях. Так что без этих кнопочек мы никак не обойдемся. Но как же облегчить  загрузку сайта?

Решение есть и оно известно давно – необходимо установить кнопочки  соцсетей без использования плагинов, посредством кода.  А код мы возьмем на ресурсе Pluso - http://share.pluso.ru/

Итак, заходим на ресурс.

  1. Подбираем внешний вид кнопок – выбор большой: квадратные, круглые, с тенью, черно-белые…  На любой вкус. Просто устанавливаем кнопку на выбранном дизайне.
    Теперь подберем сами ресурсы, просто перетаскивая  мышкой выбранную  сеть из правого поля в левое.  А так же в левом поле можно установить порядок отображения.Внешний вид кнопок
  2. Теперь перейдем к более тонким настройкам.  Все настройки будут видны в левом поле:

А)  Размер кнопок;

Б)  Выбираем круглые или квадратные;

В)  В одну строку или в две;

Д)  Горизонтальные или вертикальные;

Ж) Со счетчиком или нет. Счетчик отображается в виде последней прозрачной кнопочки. Отображаться будет суммарное количество кликов по кнопочкам;

З)  С фоном или без фона. Если Вы выберите фон, то у вас появиться возможность подкрасить подложку под кнопочками. Я выбрала без фона. В этом случае, кнопки просто лягут на фон страницы Вашего блога.

Настройки3.  После настроек переходим к получению кода. Здесь нас предупреждают о том, что публикуя кнопки на своем блоге, мы принимаем пользовательское соглашение ресурса.
Очень важно заполнение трех полей, расположенных справа. Заполнив эти поля,  вы не просто устанавливаете кнопки на своем ресурсе, но и позволяете использовать метатеги, что конечно же помогает продвижению Вашего блога.
Теперь осталось только получить код, нажав на зеленую большую кнопку и установить его в нужное место на странице.

Получение кода

4.  Для этого идем в консоль блога – опция Внешний вид-опция  Редактор. И находим файл  single.php – Одна Запись.  Находим место,  куда хотим поставить кнопки и вставляем код.  На моем блоге это выглядит так:

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

В обычном стандартном шаблоне конец записи обычно отображен так:

Еще на один момент хотела обратить Ваше внимание

Не так давно на моем блоге после нажатия на кнопку Поделиться от Facedook крокозябры. Я меняла плагины, вносила изменения в файлы блога, меняла кодировку, и чего я только не делала…  И только установив кнопки от Pluso связь с Facebook наладилась.  Я думаю, что это связано с конкретным указанием внутри кода кнопок кодировки UTF-8.

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

Удачной работы!

Комментарии 49

  • Вот спасибо большое!!
    без плагина такие красивые кнопочки!!
    поставила себе и в записи и на страницы!

  • Я вставила код Pluso после похожей строчки в код И кнопки оказались ПОД формой комментариев.
    А при попытке перенести код на строчку выше сайт просто перестал открываться.

  • Здравствуйте, Ирина! Спасибо за ценный материал, установил кнопочки везде и по окончании статей (покрупнее) и к каждому анонсу на главной странице (небольшие). Хотелось бы отметить, что они и выглядят лучше и, надеюсь, проблем с ними будет меньше, а то установленные ранее при помощи плагина портили валидность кода. Удачи Вам, уже не раз выходил на Ваш блог через поисковики и всегда находил что-то полезное!

  • Добрый день, Ирина! Внимательно прочитала Вашу статью! Очень интересный и нужный материал. У меня к Вам вопрос: перед тем, как устанавливать эти кнопочки без плагина, нужно удалить уже установленный(-е) плагин(-ы)? Я устанавливала их все, которые рекомендовали на коуче, и их набралось ЦЕЛЫХ 29 штук… Кажется, что все нужны, но облегчить блог, как воздух, нужно.
    Если нетрудно, загляните на мой блог: http://svetagerasymova.ru/ — подскажите, что можно убрать. Он у меня 2 раза «слетал», поэтому боюсь хозяйничать без предварительной консультации.
    Заранее благодарна, Светлана

  • Очень понравилась статья! Про эти кнопки знала, использовала их при создании музыкальных открыток, но не знала что и для вывода в записях они годятся. К сожалению, мне этот вариант не подходит, т.к. кнопки встают слишком низко ( у меня стоит плагин вывода похожих записей, и они встают после него), но в целом очень хорошая мысль!

  • Здравствуйте. А возможно такие кнопки установить не на страницах блога, а сбоку на свободном месте, так, как три кнопки f t g расположены у вас?

  • Ирина,здравствуйте!

    Спасибо,за подсказку вставить кнопки в шаблон,а то я поначалу вносил
    их кодом в каждую статью в конце текста.Хоть и муторно, но всё же давало
    возможность не ставить лишний плагин.Ну а когда они в самом шаблоне это
    вообще красота.Правда пришлось немного помучиться.В один шаблон вставил
    почти сразу, чуток промахнулся, не много ниже чем хотел. Со второго раза
    попал в точку.Потом решил сменить шаблон на другой,более отвечающий моим
    задумкам.Хотя и пришлось удалять с него закодированную гадость,но оно того
    стоило.Так вот с ним пришлось повозиться, в файл single.php кнопки ни в какую
    не хотели становиться.То вставали в самое начало поста, то уже после
    комментария или вообще гробили весь шаблон((( Пришлось запихнуть их в файл comments.php в самое начало,поскольку комментарии присутствуют в каждой статье, всё устаканилось.К чему я всё это рассказываю? Дело в том, что не только Вы, но и многие авторы говорят — «Для этого идем в консоль блога – опция Внешний вид-опция Редактор.»Вот этого новичкам как раз делать не надо! В корне неверный подход.Новичку про редактор надо забыть и не вспоминать.Малейшая оплошность и придётся любоваться надписью — сайт недоступен, не зная, что делать и куда податься.Нужно объяснять,что все изменения надо производить на самом хостинге.Предварительно скопировав и сохранив оригинал редактируемого файла.Можно использовать к примеру Notepad++который имеет ftp соединение и функцию отмены действия, то есть позволяет вернуть в первоначальный вид.
    Ирина,Вы уж извините за столь длинный комментарий. Ваш блог у меня давно в закладках,много полезной и ценной информации и за это Вам огромное спасибо.

  • Здравствуйте Ирина! У меня такое дело — ставлю код в нужное место сайта и кнопки не отображаются вообще. Может знаете причины по которым это может происходить.

  • хотелось бы поподробнее с определением места для этих кнопок.

    • В каждом шаблоне свой код. Надо просто повнимательнее посмотреть, где заканчивается запись… Иногда вставляют код несколько раз, подбирая определенное место. Но не забудьте сделать копию файла, в котором работаете

  • Ирина, здравствуйте!
    Тоже пробую создать блог. Вот такой вопрос: Плагин, я так понимаю, автоматически подставляет настроенные кнопки в конец поста. Правильно? А как с этими кнопками — их нужно самим после каждой статьи устанавливать? Спасибо.

  • Здравствуйте, Ирина!
    Кнопочки очень понравились!
    Установила с трудом. Получались либо слишком высоко (до начала поста), либо слишком низко (уже перед формой комментариев).
    Того кода, как у Вас — не нашла, делала методом тыка.
    Но встали сразу.
    Провисели где-то недели две, потом исчезли.

    Сейчас заново установить их не могу, маюсь с ними который день.
    Они видны в посте, пока открыта консоль на ПК.
    В других случаях их не видно (другой ПК или другой браузер).
    У меня WPr последней версии, Weaver II и стоит Security… Может в нём дело?
    С уважением, Ирина Бызалова.

    • Кажется, отбой.
      Поставила по Вашему совету (комментарий ниже) код кнопок в редактор комментариев, сразу же, до всего остального кода.
      Теперь вроде бы все появились — целых три шкалы!
      Благодарю за помощь!
      С уважением, Ирина.

  • Приветствую ! Благодарю ! Очень ценно всё , что упрощает и уменьшает «вес». Как говорится , всё гениальное — просто .

  • К сожалению, так и не нашел куда вставлять скопированный код… Такого места как в представленном образце у меня нет.

  • Хорошие кнопки, но, к сожалению, так и не нашла, куда их вставить. У меня хоть и Weaver II, но такой строки, после которой нужно вставить код, у меня нет.

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

  • Спасибо большое за информацию. Наконец-то у меня нормально работает кнопка «g+»

  • Эти кнопки выглядят более эстетично на блоге, чем те, которые ставили по плагинам.

  • Ещё раз, спасибо за статью.

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

  • Кнопочки мне очень понравились, но на свой блог установить не смогла, да и подумала, что хватит тех , что уже есть.

  • Спасибо, Ирина за прекрасную подачу материала! Все доходчиво, понятно, доступно!
    Я пользуюсь этими кнопочками и ставлю их обычно на открытках. На блоге у меня кнопочки другие стоят, но они рабочие и я не стала их переделывать. А кнопочки Pluso мне нравятся своим внешним видом, их легко установить, много социальных сетей охватывают. Прекрасные кнопочки!

  • Очень красивые кнопки. Пробовала установить себе, не получилось. Решила оставить так, как есть.

  • Руководствуясь вашими публикациями, Ирина, начинаю заниматься «облегчением» блога. Спасибо!

  • Удобно, и кнопки можно выбрать по размеру, и дизайну. Спасибо, Ирина, за новую информацию.

  • Спасибо за полную и очень доступно изложенную информацию — все и без проблем получилось установить и на своем блоге. Теперь мне надо подработать и другие элементы приятного и полезного оформления страницы после завершающего её текста. Было бы радостью найти такие материалы на Вашем блоге

  • Поставил себе эти кнопки раньше, лишь потому что красивые. Оказывается, что они еще и полезные. Спасибо!

  • Здравствуйте, Ирина! Замечательная статья, а блог супер? Расскажите пожалуйста как установить замечательную рукопись на блог, в раздел комментарии, напишите пожалуйста статью об этом, за ранее спасибо? Жду с нетерпением!

  • Все проделал, все получилось хорошо и просто! Вот только не могу убрать другие иконки, пробовал диактивировать плагины, но все равно старые иконки высвечиваются вместе с новыми!

  • Спасибо большое за социальные кнопки и не только. Спасибо, что так толково и понятно делитесь информацией, как правильно вести блог! Всего самого доброго!
    С уважением, Наталья.

  • Очень интересный материал про кнопочки! И полезный, разбираюсь вот. Спасибо!

  • Ирина, я правильно понимаю, что эти кнопки у Вас на блоге стоят под статьей?

  • Ну, кнопки встали прекрасно! Благодарю! Очень толково статья написана. Но вопрос в том, а как народ сподвигнуть,чтобы по ним щелкать? Ведь не все такие продвинутые, да и у продвинутых глаз часто «замылен», что называется.

  • Ирина,Здравствуйте! Да замечательно и красиво просто супер информация для таких как я ,но у меня эти социальные кнопки стоят. Желаю удачи,успехов и процветания.

    С уважением Геннадий Мацинов.

  • Мне нравится, что тут гугл плюс не глючит. Эти кнопки лучше родной.

  • Да, удобно. Красиво. Себе поставила три дня назад, когда фейсбук с шарой перестал дружить…

  • Кнопочки, конечно, славные, но порой барахлят: сегодня утром, например.

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