! Михалика - запросто с WordPress:
доступная ручная работа по правилам оптимального интернет(а)
Здравствуйте !

издатель:   в теме: В теме: Без плагинов  
студия занимательная МИХАЛИКА

Как установить на страницы сайта кнопки социальных сетей

…Решил поискать чего-то новенького…

 

И после нудного анализа, предлагаемого машиной интернет, остановился на вариантах соц кнопок проверенных временем: блок «Поделиться» Яндекса, услуга UpToLike.ru, Loginza Все три варианта просты в установке и удобны в использовании.

 

Что ж, давайте разбираться:

…ибо установить кнопки социальных сетей на сайт — дело нужное.


2 — Uptolike.ru

3 — Loginza

4 — как и в какие файлы прописывать код социальных кнопок

 

 

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

 

Давайте рассмотрим способы и условия реализации выбранных кнопочек социальных сетей

 

 

 

 

Блок поделиться в соцсети — одна из услуг Яндекса

 

 

 

 

Переходим по ссылке и добираемся до сервиса… но можно пока открыть фотку и предварительно ознакомиться здесь (картинки кликать).

 

как устанавить яндекс кнопки

 

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

Всё замечательно просто: слева — наши возможные кнопочки для сайта. Стоит только выбрать (отметив галочкой).

 

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

Так что не переживайте: в дальнейшем, сформированный код можно будет поправить прямо на сайте, дополнив в строке или удалив имена кнопочек.

 

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

 

Что ж, думаю, здесь всё понятно. А вот как прописывается скрипт, расскажу ниже.

 

А мы пока перейдём к следующему варианту…

 

 

 

кнопки для сайта Uptolike.ru

 

 

 

как добавить на сайт кнопки соцсетей

 

 

Как вы понимаете, нынче, подобные соцсервисы достаточно легки в управлении, а значит вам только и останется определиться в выборе наиболее симпатичного.

 

Знакомитесь: Uptolike  …переходите по ССЫЛКЕ …и ровно точно так же как и с кнопочками Яндекса экспериментируйте в вариантах отображения иконок.

Что примечательно: в окошке справа, будет возможность посмотреть, как станут отображаться выбранные вами кнопки поделиться с соцсетями, к примеру, на экране мобильника.

Полезно: нынче времена адаптивного дизайна.

 

Экспериментируйте!..

 

Ну а как только определитесь, смело жмите на «Сгенерировать код».

Система предложит подписаться — введите вашу электронную почту, на которую и будет отправлена весточка с готовым кодом.

 

Предполагая ваш вопрос «…а которые кнопки всё же лучше..?» отвечу: это тайна!

Ведь совет в подобных случаях неблагодарное дело.

 

Сайты у всех разные… да и потребности тоже…

Так что, ограничусь лёгким описанием сервисов.

 

А вообще: от совета можно здорово запутаться))

 

А чтобы не запутываться — подписывайтесь

 


подписка feedburner МИГ подписки - ВРЕМЯ знаний!!

 

 

 

добавляем на сайт кнопки соцсетей Loginza

 

 

 

Традиционно переходите по ссылке …и… присматривайтесь.

 

А я ничего умнее не придумал, как процитировать предложения услуг Loginza:

 

Мы предлагаем Вам ознакомиться с различными вариантами (шаблонами) интеграции виджета Loginza в WEB интерфейс авторизации Вашего сайта. Эти варианты не являются приоритетными, а всего лишь демонстрируют некоторые шаблоны форм авторизации сайтов с использованием виджета Loginza.

 

 

добавляем кнопки соцсетей 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, коли есть желание…

 

…и, конечно же, подписывайтесь…

 

 

Вместе мы многое сможем! Берегите себя! …и всевозможных удач!

Нажатия на кнопочки определяют Ваше высокое гражданское сознание
ещё статьи по теме:

меточная навигация:


Комментарии © 0 к статье: Как установить на страницы сайта кнопки социальных сетей

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Внимание! Обязательные поля помечены *