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

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

Таких сайтов в интернете вполне достаточно, вот несколько примеров:

На примере последнего рассмотрим весь процесс установки кнопок.

 

 

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

 

 

В настройках укажите размер, тип, фон и так далее, после чего скопируйте код, который и будет установлен на сайт.

Установка кода

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

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

  • установкой и настройкой специальных плагинов;
  • изменением самого редактора.

Второй способ несколько проще. В административной панели откройте Система > Общие настройки и в разделе Настройки сайта в поле Редактор по умолчанию выставите значение "Без редактора", после чего сохраните изменения; теперь вместо привычного редактора будет открываться чистое поле, в которое можно будет вводить любой код, который будет вставлен в код страницы и соответствующим образом обработан браузером. После введения кода и сохранения изменений вы можете снова выставить в Настройках привычный редактор, которым пользовались при работе с другими страницами.

 Помните: если вы по какой-то причине будете редактировать указанный модуль, т.е. открывать его через Менеджер расширений, предварительно устанавливайте в Настройках значение "Без редактора", иначе при сохранении модуля код кнопок "исчезнет" и на страницу будет выдаваться пустой модуль!

Этой проблемы можно избежать, если воспользоваться первым способом: перед созданием модуля предварительно установить какой-либо плагин, с помощью которого редактор будет "понимать", что вы ввели не текст, а именно код, который должен быть вставлен в код страницы без всяких дополнений и изменений.

 Об этих способах подробно будет рассказано в следующей главе.

Создайте новый модуль (глава 16) типа HTML-код и настройте его: укажите модульную позицию, будет ли отражаться заголовок и т.д.; так же укажите суффикс CSS-класса модуля (вкладка "Дополнительные параметры"), что бы имелась возможность создать правила CSS именно для этого модуля (об этом подробно рассказано в главе 24 и главе 25).

Далее при помощи одного из вышеуказанных способов внесите скопированный код кнопок и сохраните модуль. Перезагрузите страницу сайта; если всё сделано правильно модуль с кнопками окажется на страницах сайта. Теперь вы можете указать, на каких страницах этих кнопок быть не должно, настроить внешний вид модуля при помощи таблиц CSS и т.д. Не забудьте проверить работоспособность установленных кнопок! 

Добавлять комментарии и ответы могут только пользователи, прошедшие регистрацию!
Зарегистрируйтесь и напишите своё мнение или ответ!