Наверно, вы уже заметили небольшое усовершенствование на моем блоге — кнопки добавления статьи на социальные сервисы. Эта штука не является нововведением — до этого я использовал плагин «ОднаКнопка» для WordPress. Как-то на днях я подумал, что подгрузка js плагином со стороннего сайта может замедлить (и иногда действительно замедляла) загрузку страницы — ведь браузер с настройками по умолчанию (Opera, Firefox, Chrome — проверено на этих браузерах) будет ожидать полной загрузки скрипта, прежде чем рендерить дальше страницу. Далее, лишний JavaScript на странице может замедлить работу браузера (не утверждаю, что у меня много JavaScript, но для владельцев сайтов с большим количеством js это актуально). Ну и пункт 3 — известно, что чем больше плагинов установлено в WordPress, тем больше он жрет системных ресурсов. Как следствие, устанавливать ради двух строчек инклюда js на каждый пост в странице блога целый плагин, считаю немного лишним 
. Придя к такому заключению, я решил сделать очередную модификацию в теме своего блога (это определенно минус, т.к. после смены темы придется изменять новую тему). Мне понадобилось определенное время для того, чтобы откопать методы добавления статьи в социальные сервисы через GET-запрос, и теперь я хочу поделиться ими с вами.
Итак, я выбрал небольшой список социальных сервисов, вот они:
- ;
- ;
- ;
- ;
- ;
- ;
- ;
- ;
- ;
- ;
- ;
- ;
- ;
- .
Далее я нашел подходящие иконки для отображения на страницах блога. Мне очень приглянулись иконки этого товарища, за них ему спасибо. Самое скучное было дальше — поиск GET-запросов к сервисам для добавления постов. Оказывается, аналогичное проделал и Глобатор, за что ему тоже спасибо — некоторые запросы перекочевали ко мне именно из его статьи .
Итак, код:
Пара нюансов.
Во-первых, необходимо поменять пути к вашим иконкам.
Во-вторых, размер ваших иконок может быть другим, поэтому вам может понадобиться изменить параметры width=»32″ height=»32″ в теге IMG или вовсе убрать их. В последнем случае иконки будут отрисовываться со своим натуральным разрешением.
Этот код необходимо прописать в файле «index.php» и/или «single.php» вашей темы после строки:
<?php the_content(''); ?>
Первый файл отвечает за вывод информации на главную страницу (где, как правило, отображаются подряд несколько постов), а второй — за вывод отдельного поста — когда вы посещаете страницу, содержащую один пост. Например, эту . Можно сделать и покрасивее — сохранить приведенный выше html-код в отдельный файл и назвать его как-нибудь с расширением .php, например «services.php». Далее, этот файл кладется в директорию с темой (можно и в любое другое место), и в вышеуказанных файлах после
<?php the_content(''); ?>
пишем
<?php include("path/to/services.php"); ?>
Путь, конечно же, надо изменить на свой. Второй вариант хорош тем, что вам не нужно прописывать html-код со ссылками прямо в теме, вы делаете это в отдельном файле, который можно положить в любое удобное место и просто подключать (функция php) там, где это нужно.
Вот что у меня было:
А вот что стало:
По-моему, неплохо . К тому же, оно теперь и грузится быстрее :)
4 комментариев
Интересная статья, расписано подробно. Обязательно возьму на вооружение.
А я вот нашел кучу всяких иконок. Написал заметочку, посмотрите, плиз
Спасибо за отзыв.
Интересный сайтик с иконками вы нашли, спасибо за ссылочку :)
Спасибо! Давно искал «чистый» код без лишних скриптов и прочего хлама...
Рад, что статья оказалась полезна ;)
2 trackback'ов
Кнопки добавления в социальные сервисы без плагинов | Заметки одного программиста...
Как сделать свои кнопки добавления в социальные сервисы без использования плагинов...
[...]пост, в котором автор рассказывает, как создать кнопки добавления в социальные сервисы без плагинов. Рекомендую всем любителям настраивать свой блог [...]