Социальные кнопки без плагина



Самой большой сложностью в установке социальных кнопок без плагина оказался выбор сервиса этих самых кнопок.  Я не буду рассказывать обо всех, которые просмотрел, а буду говорить о том, которым воспользовался сам. В статье Анимированные смайлы без плагинов я уже говорил о том, что плагины создают дополнительную нагрузку на блог и поэтому нужно стремиться к сокращению их количества. А мой выбор сервиса Share 42 определило то обстоятельство, что с его помощью я смог удалить сразу два плагина: Social Share  Buttons отвечающий за вывод кнопок социальных сетей  и Skroll to Top  или Кнопка Вверх. Последнее
обстоятельство сыграло решающую роль в моем выборе. Ну и кнопки симпатичные. А теперь подробнее о том
как установить социальные кнопки с помощью сервиса  Share 42

Идем по адресу Share 42 и попадаем в генератор скрипта, который насчитывает 45 кнопок. Из этого многообразия составляем свою панель необходимых кнопок.  Есть три варианта размера кнопок, один из которых можно выбрать щелкнув по значку с размером, находящемся в левом верхнем углу. Теперь из вкладки социальные сервисы перетягиваем нужные кнопки на вкладку прочее. Те, которые нам не нужны убираем таким же преретягиванием назад в социальные сервисы. Я себе среди выбраных кнопок забрал и кнопку вверх и, как уже говорил убрал сразу два плагина. Еще здесь понравилась возможность выбора расположения кнопок:

горизонтальная или вертикальная. Кнопки выбраны и можно бы скачивать готовый скрипт, но не будем спешить. Для начала можно посмотреть как это будет выглядеть и подкорректировать, если что-то не устраивает. Посмотрели. Теперь нужно скачать готовый скрипт и загрузить его в корневую паку сайта, предварительно распаковав архив. Чтобы не ошибиться со ссылкой ее тоже можно проверить. Для этого





набираем в графе  Укажите путь до этой папки: сайта/share 42/. Здесь, если все правильно, щелкнув по ссылке, должны увидеть текст скрипта. Теперь  нужно скопировать и вставить в шаблон сайта предложенный код. Я поставил в файл single.php в самом верху после строчки <?php get_header(); ?>, но место расположения кнопок оказалось не очень удачным. Пришлось для оформления панели в файл style.css следующий код:

#share42 {position: fixed;
top: 200px;left: 1220px;}
* html #share42 {position: absolute;}
#share42 a {display: block !important;
margin: 0 0 7px !important;}
Здесь уже опытным путем, изменяя значение left можно добиться нужного расположения кнопок. Как видите я

сдвинул их на правый край экрана. А для того, чтобы поменять положение кнопок по высоте эксперементируем со значениями  top1 и top2 в файле  single.php. На этом все, кнопки установлены и работают.

P.S. При установке кода в файл single.php кнопки появляются только в рубриках, что меня не совсем устраивало поэтому этот же код я вставил и в файл page. php и теперь кнопки стоят во всех записях, кроме
главной страницы, а это самое то: надеюсь что благодаря кешированию браузером оптимизированного скрипта загрузка страниц будет происходить быстрее.

 

Оставить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


− 2 = 3

Яндекс поиск