n-wp.ru — блог о WordPress
Как сделать панель с социальными кнопками | n-wp.ru

Как сделать панель с социальными кнопками

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

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

Как сделать панель с социальными кнопками

Кстати, я уже писал, как добавить ссылки на социальные закладки и сервисы в посте Социализация блога — можете почерпнуть информацию из него. Для остальных показываю рецепт быстрого приготовления панели с кнопками социальных закладок.

1. Для начала открываем файл single.php, и находим в нём строчку, содержащую [code inline=»yes» lang=»php»]

— это функция вывода содержимого поста. Вот после нее и нужно вывести кнопки.

2. Для того, чтобы кнопки не разбрелись по странице, я использовал старинный, но действенный способ — заключил их в таблицу, жестко распределив по ячейкам. Привожу пример такой таблицы со всеми ссылками, подписями и оформлением:

3. Кнопка — это обычная картинка, за которой скрывается ссылка. Вы можете использовать те, которые использую и я, можете поискать себе что-то другое. Для каждой кнопки я создал класс, определяющий то, как она выглядит, записав все это в style.css. С помощью этого оформления я сделал так, чтобы при наведении курсора на кнопку, она изменяла свою яркость — так более наглядно.

По аналогии вы можете расширить эту панель своими кнопками — не бойтесь экспериментировать. Можно записать весь код этой панели в отдельный файл, например, social.php, и вместо того, чтобы вставлять код каждый раз целиком, использовать вставку этого файла в нужном месте:

Пользуйтесь!

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

10 комментариев

/* ]]> */