Эти кнопки (вы можете посмотреть образец внизу страницы) позволяют быстро переходить на сайты различных соцсетей, делиться с другими открытой страницей сайта и прочей информацией, а так же запускать некоторые услуги: например, отправлять почту, сохранять страницу в закладках, распечатывать страницу и т.д.
Если вы решили установить такие кнопки, для начала нужно выбрать сайт, на котором вы сможете выбрать необходимые вам кнопки, определить их внешний вид и затем скачать код, который будет установлен на ваш сайт.
Таких сайтов в интернете вполне достаточно, вот несколько примеров:
На примере последнего рассмотрим весь процесс установки кнопок.
Сложного здесь ничего нет. Для начала выберите стиль, затем сами кнопки (сети и т.д.), после чего перейдите к настройкам:
В настройках укажите размер, тип, фон и так далее, после чего скопируйте код, который и будет установлен на сайт.
Установка кода
Код можно просто установить на страницу, вставив его в файл index.php шаблона по умолчанию, а можно специально для этой цели создать модуль и установить его в нужную модульную позицию, например, в самый низ страницы, или в одну из боковых колонок.
Перед созданием модуля вы должны решить важный вопрос, касающийся текстового редактора. Дело в том, что просто скопировать код в редактор не получится: в результате на страницу будут выведены не кнопки, а сам код, так как редактор примет это всё за обычный текст. Решить проблему можно двумя способами:
- установкой и настройкой специальных плагинов;
- изменением самого редактора.
Второй способ несколько проще. В административной панели откройте Система > Общие настройки и в разделе Настройки сайта в поле Редактор по умолчанию выставите значение "Без редактора", после чего сохраните изменения; теперь вместо привычного редактора будет открываться чистое поле, в которое можно будет вводить любой код, который будет вставлен в код страницы и соответствующим образом обработан браузером. После введения кода и сохранения изменений вы можете снова выставить в Настройках привычный редактор, которым пользовались при работе с другими страницами.
Помните: если вы по какой-то причине будете редактировать указанный модуль, т.е. открывать его через Менеджер расширений, предварительно устанавливайте в Настройках значение "Без редактора", иначе при сохранении модуля код кнопок "исчезнет" и на страницу будет выдаваться пустой модуль!
Этой проблемы можно избежать, если воспользоваться первым способом: перед созданием модуля предварительно установить какой-либо плагин, с помощью которого редактор будет "понимать", что вы ввели не текст, а именно код, который должен быть вставлен в код страницы без всяких дополнений и изменений.
Об этих способах подробно будет рассказано в следующей главе.
Создайте новый модуль (глава 16) типа HTML-код и настройте его: укажите модульную позицию, будет ли отражаться заголовок и т.д.; так же укажите суффикс CSS-класса модуля (вкладка "Дополнительные параметры"), что бы имелась возможность создать правила CSS именно для этого модуля (об этом подробно рассказано в главе 24 и главе 25).
Далее при помощи одного из вышеуказанных способов внесите скопированный код кнопок и сохраните модуль. Перезагрузите страницу сайта; если всё сделано правильно модуль с кнопками окажется на страницах сайта. Теперь вы можете указать, на каких страницах этих кнопок быть не должно, настроить внешний вид модуля при помощи таблиц CSS и т.д. Не забудьте проверить работоспособность установленных кнопок!