- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Drupal. Как отредактировать блок социальных иконок
Ноябрь 2, 2011
Это обучающее видео показывает как изменить модуль ссылок на социальные сети в шаблоне Друпал.
Прежде всего, вам необходимо войти в панель управления Drupal как администратор. Это можно сделать с помощью логин-формы или области входа для пользователей. Когда вы вошли в панель управления откройте блок социальных иконок, нажмите иконку Настройки, затем кликните на ссылку «Настроить блок».
На открывшейся странице вы можете изменить название блока и его позицию. Однако ссылки иконок находятся не тут.
Нажмите ссылку Модули в верхнем меню и найдите Социальный модель в списке модулей. В зависимости от установленного социального модуля вы можете увидеть ссылку «Настроить», которая покажет вам возможности настройки этого модуля.
В этом обучающем видео мы использовали модуль «Social Share» для Drupal и у него нет никаких настроек в списке модулей.
Но так как мы все еще не нашли ссылки этих иконок, то давайте нажмем менюНастройки в верхнем меню. Вы можете увидеть различные секции настроек. И одни из них, в секции Веб Сервисы (Web Services), вы увидите Социальные ссылки (Site follow links). Это то, что нам нужно.
Эта страница содержит все ссылки на доступные социальные сети, и вы можете изменить их как вам это необходимо.
Чтобы изменить иконку, вы должны найти путь, где находится сам файл иконки. Это можно сделать, используя опцию браузера для веб-разработчика (F12 – горячая кнопка). Правый клик на иконке и выберите Исследовать элемент (Inspect Element). В правой колонке вы сможете увидеть путь к картинке этой иконки.
В этой примере картинки иконок находятся в папке sites\all\modules\follow\icons. Чтобы изменить картинки, создайте свои собственные, загрузите их на сервер в папку с этими иконками, перезаписывая существующие файлы. Удостоверьтесь, что ваши новые картинки имеют точно такие же имена и файловые расширение, как и оригинальные файлы.
Пожалуйста, ознакомьтесь с детальным обучающим видео ниже: