…Решил поискать чего-то новенького…
И после нудного анализа, предлагаемого машиной интернет, остановился на вариантах соц кнопок проверенных временем: блок “Поделиться” Яндекса, услуга UpToLike.ru, Loginza Все три варианта просты в установке и удобны в использовании.
Что ж, давайте разбираться:
…ибо установить кнопки социальных сетей на сайт – дело нужное.
Ну, если быть эстетом, то можно отыскать и более экзотичные решения и более запутанные. А можно и самому кнопки соц сетей смастерить от начала и до финала. Но – это занятие в сегодняшние времена считаю бессмысленным, а главное – времязатратным.
Давайте рассмотрим способы и условия реализации выбранных кнопочек социальных сетей
Блок поделиться в соцсети – одна из услуг Яндекса
Переходим по ссылке и добираемся до сервиса… но можно пока открыть фотку и предварительно ознакомиться здесь (картинки кликать).
Как видите, ничего запутанного, а главное, нет никаких мало-мальски весомых оснований не использовать подобный сервис Яндекса.
Всё замечательно просто: слева – наши возможные кнопочки для сайта. Стоит только выбрать (отметив галочкой).
Справа – как видите, в окошке, наглядно расположен нужный код социальных кнопок. Обратите внимание на то, как он будет автоматически дополняться или сокращаться в зависимости от выбора кнопок.
Так что не переживайте: в дальнейшем, сформированный код можно будет поправить прямо на сайте, дополнив в строке или удалив имена кнопочек.
Да, ещё взгляните чуть выше примера кода… там есть такое своеобразное меню: работая с которым можно выбрать наиболее для себя симпатичный вариант отображения соцкнопок.
Что ж, думаю, здесь всё понятно. А вот как прописывается скрипт, расскажу ниже.
А мы пока перейдём к следующему варианту…
кнопки для сайта Uptolike.ru
Как вы понимаете, нынче, подобные соцсервисы достаточно легки в управлении, а значит вам только и останется определиться в выборе наиболее симпатичного.
Знакомитесь: Uptolike …переходите по ССЫЛКЕ …и ровно точно так же как и с кнопочками Яндекса экспериментируйте в вариантах отображения иконок.
Что примечательно: в окошке справа, будет возможность посмотреть, как станут отображаться выбранные вами кнопки поделиться с соцсетями, к примеру, на экране мобильника.
Полезно: нынче времена адаптивного дизайна.
Экспериментируйте!..
Ну а как только определитесь, смело жмите на “Сгенерировать код”.
Система предложит подписаться – введите вашу электронную почту, на которую и будет отправлена весточка с готовым кодом.
Предполагая ваш вопрос “…а которые кнопки всё же лучше..?” отвечу: это тайна!
Ведь совет в подобных случаях неблагодарное дело.
Сайты у всех разные… да и потребности тоже…
Так что, ограничусь лёгким описанием сервисов.
А вообще: от совета можно здорово запутаться))
А чтобы не запутываться – подписывайтесь
добавляем на сайт кнопки соцсетей Loginza
Традиционно переходите по ссылке …и… присматривайтесь.
А я ничего умнее не придумал, как процитировать предложения услуг Loginza:
Мы предлагаем Вам ознакомиться с различными вариантами (шаблонами) интеграции виджета Loginza в WEB интерфейс авторизации Вашего сайта. Эти варианты не являются приоритетными, а всего лишь демонстрируют некоторые шаблоны форм авторизации сайтов с использованием виджета Loginza.
Скажу честно: я как-то с этим сервисом иконок соцсетей маловато знаком… так что… вам решать, господа-товарищи!
А вообще: самое лучшее то, это кода вы всё проверяете на своём сайте, и останавливаетесь на действительно полезном лично вам варианте.
Касаемо прописки кода, то его достаточно легко заменить на новый… И коли вы будете всё правильно выполнять в редакции файлов, то – никакого кодового мусора после смены скрипта не останется!
как и куда добавить на сайт кнопки соцсетей
Предположим, вы выбрали код кнопок поделиться Яндекса:
<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
<div class="ya-share2" data-services="twitter,vkontakte,facebook,odnoklassniki,moimir,gplus"></div>
Дальше вот что!..
…напоминаю всякий раз: заведите какой-то документ «запоминалку» всех совершаемых эксов с блогом. Пригодится!
Поверьте: так короче до профессионализма, ибо возможность переварки накопленных крупиц знаний в кашу маловероятна
Приступим, нужно отыскать и открыть файл типа – post-single.php или single.php – у кого-то может быть и какое-то иное имя. У мня post-single.php.Словом, ищите тот, который выводит отдельную полную запись сайта. В этом файле обычно устанавливают код похожих записей, навигацию по тегам… и т.п.
Нужно непременно сказать, что – вряд ли можно как-то однозначно советовать точное место прописки кода, ибо географическое расположение соц-кнопочек выбирать только вам.
А посему совет будет таков:
Если подмотаете, например, post-single.php документ до финала, то увидите примерно такой кусочек кода. И где-то перед ним, уже нужно будет прописать полученный на сервисах кодированный пример. Вместо значка “многоточие” например.
К сведению: не знаю, догадались или нет, но код показанный ниже – это кусочек функции вывода самой статьи вашего блога. Контента.Так что, запомните. Пригодится.
...
<?php
the_content('');
wp_link_pages( array( 'before' =>
Итак: важно – полученный код следует прописывать не нарушая циклы функций вашего рабочего файла (например, single.php у кого что))
То есть, попробуйте пока сделать так, как я говорил. Пропишите перед тегом <?php а там уже, экспериментируя местоположением, выберите окончательное место.
…взгляните как получилось у вас на сайте.
Таким макаром можно прописать активные иконки соц сетей на свой сайт, посредством которых гости запросто смогут делится… в общем, не очень сложно и достаточно просто. Зато легко для загрузки сайта, в отличие от использования всевозможных плагинов.
Если что-то неясно, спрашивайте. Помогу… в чём дюжу.
Читайте полезную статейку о кнопках текстового редактора html, коли есть желание…
…и, конечно же, подписывайтесь…
Вместе мы многое сможем! Берегите себя! …и всевозможных удач!
Михаил ATs -