возможно заказать разработку или сопровождение, услуги вашего сайта/блога


обновлено: 2024-02-13 в теме: WordPress без плагинов
Запросто с WordPress создание и продвижение сайтов ATs media

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

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

 

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

 

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

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


2 – Uptolike.ru

3 – Loginza

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

 

 

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

 

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

 

 

 

 

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

 

 

 

 

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

 

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

 

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

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

 

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

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

 

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

 

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

 

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

 

 

 

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

 

 

 

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

 

 

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

 

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

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

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

 

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

 

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

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

 

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

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

 

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

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

 

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

 

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

 

 

 

 

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

 

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

 

 

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



Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы... разработка...





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

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

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

  отныне доступен плагин: ats privacy policy ©