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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<?php get_template_part( 'content', 'single' ); ?>

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

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

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

Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Плагины Word Press, , Permalink

49 комментариев к Pluso – социальные кнопки без плагина

  1. Елена says:

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

  2. Да, здесь надо просто поэкспериментировать. Но не забудьте сделать предварительно копию файла

  3. Kiddie says:

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

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

  5. С удовольствием! Мой скайп: Svetlanaspain3

  6. Я думаю нам надо встретиться в скайпе и поговорить…

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

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

  9. Это другой ресурс. http://share42.com/ru. Пройдите по ссылке, следуйте инструкции. Там все просто.

  10. Таня says:

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

  11. Вадим says:

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

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

  12. Надо смотреть… Выходите в скайп, поделимся экраном. Может быть шаблон конфликтует…

  13. svargan says:

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

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

  15. Сергей says:

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

  16. Это не плагин. Надо взять настроенный код на ресурсе и установить его через редактор в файл singl.php.

  17. Ольга says:

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

  18. Ирина says:

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

  19. Ирина says:

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

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

  20. lida says:

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

  21. Все зависит от шаблона.

  22. Сергей says:

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

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

  24. Елена says:

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

  25. Нина Васильева says:

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

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

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

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

  29. Татьяна says:

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

  30. Флюза Хайдарова, Екатеринбург says:

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

  31. Татьяна says:

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

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

  33. Галина says:

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

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

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

  36. Они, возможно, просто отображаются в кэш

  37. Александр says:

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

  38. Марат says:

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

  39. Наталья says:

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

  40. Совершенно верно!

  41. Ольга says:

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

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

  43. Просто вставьте необходимые слова перед скриптом. Соответственно заключите их в теги

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

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

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

  46. Алиса says:

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

  47. Zoja says:

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

  48. Это связано с ресурсом. Иногда бывает…

  49. Галина says:

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

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