Drupal документация

Минимальные требования

Для установки и запуска Drupal ваш хостинг-сервер должен соответствовать минимальным требованиям данной CMS. Большинство хостинг-компаний отвечают этим требованиям. Однако, могут быть исключения, поэтому вы должны проверить следующие требования.

Дисковое пространство

Минимальная установка Drupal требует 15 Мб свободного дискового пространства. 60 Мб требуется для сайта с большим количеством установленных тем и модулей. Имейте в виду, что вам понадобиться гораздо больше пространства для загружаемых пользователями файлов, медиа, резервного копирования и пр.

Web-сервер

Apache, Nginx или Microsoft IIS.
Подробнее о требованиях к серверу

Apache является наиболее используемым сервером для Drupal. Большинство разработок и тестирований осуществлялось именно на данном сервере. Поэтому мы рекомендуем использовать именно Apache.

База данных

MySQL 5.0.15 или выше с PDO, PostgreSQL 8.3 или выше с PDO, SQLite 3.3.7 или выше.

При установке следует учитывать, что не все модули Drupal поддерживают базы данных PostgreSQL и SQLite, а также то, что демонстрационные данные и настройки шаблона хранятся в формате MySQL. Поэтому мы рекомендуем вам использовать только базу данных MySQL.

PHP

Скачивание движка Drupal

Пропустите данный шаг, если у вас уже есть скаченный/установленный движок Drupal.

Первым шагом развертывания сайта на базе Drupal является загрузка ядра Drupal с официального сайта http://drupal.org/.

На открывшейся странице вы можете скачать zip- или tar.gz-архив с файлами ядра.

Для того, чтобы скачать последнюю версию Drupal, нажмите кнопку Download Drupal X.XX (Скачать Drupal X.XX), где X.XX - номер последней версии Drupal.

В случае, если вам необходима более ранняя версия Drupal, перейдите по ссылке Other Releases (Другие версии):

На открывшейся странице в поле API Version (Версия API) выберите нужную ветку версий Drupal и нажмите кнопку Apply (Применить):

Ниже появится полный список версий в данной ветке, и вы сможете скачать нужную вам версию.

Проверьте требования шаблона относительно требуемой версии Drupal и убедитесь, что вы скачиваете нужную версию.

Извлечение файлов

После загрузки Drupal вам потребуется извлечь файлы и папки из архива.

Вы можете сделать это с помощью программ WinZip (PC), StuffitExpander (MAC) и т.п.

Посмотрите следующие инструкции по извлечению файлов из архивов WinZip (PC) и StuffitExpander (MAC).

Загрузка Drupal на сервер

В случае, если вы распаковали файлы локально на вашем компьютере, вам потребуется загрузить их на хостинг-сервер.

Drupal должен быть загружен в корневую папку вашего хостинг-сервера. Как правило, она называется WWW или public_html. Если вы не уверены, обратитесь к вашему хостинг-провайдеру за подробной информацией.

Файлы могут быть загружены на сервер с помощью файловых менеджеров, таких как FileZilla, TotalCommander т.п. Существует ряд дополнений для браузеров (например, FireFTP для Mozilla Firefox). Также некоторые хостинг-провайдеры предоставляют такую услугу, как файловый менеджер. Проверьте свою панель управления хостингом или обратитесь за подробной информацией к своему хостинг-провайдеру.

Вы можете посмотреть видео-инструкцию Как загрузить файлы на сервер или Как загрузить файлы с помощью cPanel (WebHost менеджер, WHM).

Создание базы данных

Как уже говорилось выше, для установки Drupal вам понадобится база данных MySQL. База данных может быть создана с помощью панели управления хостингом.

Свяжитесь со своим хостинг-провайдером для получения помощи в создании базы данных на вашем хостинге.

В процессе создания базы данных вы получите следующие данные:

• Имя сервера базы данных или имя хоста.
• Имя базы данных.
• Имя пользователя базы данных.
• Пароль пользователя базы данных.

Пожалуйста, запомните эти данные. Они вам пригодятся в процессе установки.

Вы также можете посмотреть следующие инструкции:

• Как создать базу данных
• Создание базы данных

Установка темы с демонстрационными данными

Файлы профиля демонстрационных данных должны быть загружены на сервер ПЕРЕД началом установки Drupal!

Для установки темы с демонстрационными данными выполните следующие действия:

1. Скопируйте содержимое папки sample_data/ из архива с шаблоном в корневую папку Drupal-сайта на вашем сервере. Вы можете заменить существующие файлы. Данная папка содержит файлы темы, модули, библиотеки, медиа-файлы, профиль, позволяющий установить демонстационные данные, а также некоторые правки, необходимые для коректной работы сайта.

Замена этих файлов добавит новую опцию в процесс установки и никак не повлияет на саму CMS.

2. Введите адрес вашего сайта в адресной строке браузера, чтобы начать процедуру установки Drupal (см. скриншоты, демонстрирующие следующие три шага, в слайдере, после п. 8).
3. На начальной странице установки вам будет предложено выбрать профиль установки. Выберите Demonstration site (Демонстрационный сайт) и нажмите кнопку Save and Continue (Сохранить и продолжить).
4. Следуйте инструкциям на экране. Заполните поле имени базы данных, имени пользователя, пароля и хоста базы данных, полученных при создании базы данных.
5. На шаге Choose snapshot (Выберите снапшот) укажите снапшот с названием скачанной темы, как показано на рисунке ниже, и нажмите кнопку Restore (Восстановить).

Снапшот представляет собой копию базы данных с демонстрационными данными, а также файл с информацией об использованных модулях. Сохранен снапшот в формате базы данных MySQL.

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

6. Нажмите на ссылку Visit your new site (Посетите свой новый сайт) или в адресной строке браузера наберите http://www.example.com/?q=user/login, где www.example.com - адрес вашего сайта.

Чтобы зайти на сайт в качестве администратора, используйте имя пользователя admin и пароль admin123. В целях безопасности мы рекомендуем вам сменить пароль сразу же после установки.

7. Установка Drupal почти завершена. Последнее, что необходимо сделать, - обновить таблицы базы данных. В адресной строке браузера введите http://www.example.com/update.php, где www.example.com - адрес вашего сайта.
8. Следуйте инструкциям на экране.
9. После обновления перейдите по одной из ссылок: Front page (Главная страница сайта) или Administration pages (Панель администрирования сайта).

Вы можете просмотреть следующие инструкции:

1. Как установить шаблон Drupal с помощью демонстрационного профиля + возможные проблемы

Установка темы без демонстрационных данных

Для установки темы без демонстрационных данных выполните следующие указания:

1. Скопируйте содержимое папки sample_data/sites/all/themes/ из архива с шаблоном в папку sites/all/themes/ Drupal-сайта на вашем сервере.

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

2. Для установки модулей вам необходимо скопировать папки sample_data/sites/all/modules/ и sample_data/sites/all/libraries/ из архива с шаблоном в папку sites/all/ Drupal-сайта на вашем сервере. Если вы не хотите устанавливать использованные в шаблоне модули, пропустите данный шаг.
3. Введите адрес вашего сайта в адресной строке браузера, чтобы начать процедуру установки Drupal (см. скриншоты, демонстрирующие следующие три шага, в слайдере, после п. 6).
4. На начальной странице установки вам будет предложено выбрать профиль установки. Выберите Standard (Стандартный) и нажмите кнопку Save and Continue (Сохранить и продолжить):
5. На следующем шаге заполните поле имени, имени пользователя, пароля и хоста базы данных, полученных при ее создании.
6. Зарегистрируйте администратора сайта.

7. Нажмите на ссылку Visit your new site (Посетите свой новый сайт) или в адресной строке браузера наберите http://www.example.com/?q=user/login, где www.example.com - адрес вашего сайта. Для входа на сайт используйте имя пользователя и пароль, указанные в предыдущем шаге.
8. В панели администрирования сайта перейдите на страницу Appearance (Оформление) либо в адресной строке браузера наберите http://www.example.com/?q=admin/appearance, где www.example.com - адрес вашего сайта.
9. Найдите только что добавленную тему и нажмите кнопку Enable and set default (Активировать и установить по умолчанию).

9. Если на втором шаге вы скопировали папки с модулями, зайдите на страницу Modules (Модули) в панели администрирования сайта либо в адресной строке браузера наберите http://www.example.com/?q=admin/modules, где www.example.com - адрес вашего сайта. Активируйте добавленные модули. Для более подробной информации смотрите раздел "Настройка модулей".

Вы можете просмотреть следующие инструкции:

1. Drupal 7.x. Как установить движок
2. Drupal 7.x. Как установить тему

Установка темы с демонстрационными данными на существующий сайт

Установка темы с демонстрационными данными заменит все существующее содержимое и настройки вашего сайта на собственные!

Мы настоятельно рекомендуем вам создать резервную копию базы данных Drupal перед установкой темы с использованием снапшота.

Если у вас уже есть работающий сайт на Drupal, но вы все же хотите установить тему с демонстрационными данными, выполните следующие действия:

1. Скопируйте содержимое папки sample_data/sites/all/ из архива с шаблоном в папку sites/all/ Drupal-сайта на вашем сервере.
2. Скопируйте содержимое папки sample_data/sites/default/ из архива с шаблоном в папку sites/default/ Drupal-сайта на вашем сервере.

Будьте осторожны с заменой файлов! Ни в коем случае не заменяйте файлы settings.php и default.settings.php, иначе вам придется устанавливать Drupal заново!

3. Войдите на сайт в качестве администратора.
4. В панели администрирования сайта зайдите на страницу Configuration → File system (Настройки → Файловая система) или перейдите по ссылке http://www.example.com/?q=admin/config/media/file-system, где www.example.com - адрес вашего сайта.
5. В поле Private file system path (Конфиденциальный путь файловой системы) установите значение sites/default/private/files.
6. Зайдите на страницу Modules (Модули) панели администрирования или перейдите по ссылке http://www.example.com/?q=admin/modules, где www.example.com - адрес вашего сайта.
7. Убедитесь, что модуль Demonstration site включен.
8. Зайдите на страницу Structure → Snapshots (Структура → Снапшоты) панели администрирования и перейдите на вкладку Reset (Восстановить) или перейдите по ссылке http://www.example.com/?q=admin/structure/demo/reset, где www.example.com - адрес вашего сайта.
9. Выберите снапшот theme###, где ### - номер приобретенной вами темы.

10. Нажмите кнопку Reset (Восстановить). Затем подтвердите действие.
11. Войдите на сайт в качестве администратора.

Чтоб зайти на сайт в качестве администратора после установки демонстрационных данных, используйте имя пользователя admin и пароль admin123. В целях безопасности мы рекомендуем вам сменить пароль сразу же после установки.

12. Последнее, что необходимо сделать, - обновить таблицы базы данных. В адресной строке браузера введите http://www.example.com/update.php, где www.example.com - адрес вашего сайта.
13. Следуйте инструкциям на экране.
14. После обновления перейдите по одной из ссылок: Front page (Главная страница сайта) или Administration pages (Панель администрирования сайта).

Вы можете просмотреть следующие инструкции:

1. Drupal 7.x. Как установить тему
2. Drupal 7.x. Как установить демонстрационные данные

Установка темы без демонстрационных данных на существующий сайт

Для установки темы без демонстрационных данных на существующий сайт выполните следующие указания:

1. Скопируйте содержимое папки sample_data/sites/all/themes/ из архива с шаблоном в папку sites/all/themes/ Drupal-сайта на вашем сервере.

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

2. Для установки модулей вам необходимо скопировать папки sample_data/sites/all/modules/ и sample_data/sites/all/libraries/ из архива с шаблоном в папку sites/all/ Drupal-сайта на вашем сервере. Если вы не хотите устанавливать использованные в шаблоне модули, пропустите данный шаг.
3. Войдите на свой сайт в качестве администратора.
4. В панели администрирования сайта перейдите на страницу Appearance (Оформление) либо в адресной строке браузера наберите http://www.example.com/?q=admin/appearance, где www.example.com - адрес вашего сайта.
5. Найдите только что добавленную тему и нажмите кнопку Enable and set default (Активировать и установить по умолчанию).

6. Если на втором шаге вы добавили папки с модулями, зайдите на страницу Modules (Модули) в панели администрирования сайта либо в адресной строке браузера наберите http://www.example.com/?q=admin/modules, где www.example.com - адрес вашего сайта. Активируйте добавленные модули. Для более подробной информации смотрите раздел "Настройка модулей"

Вы можете просмотреть следующие инструкции:

1. Drupal 7.x. Как установить тему

Настройки сайта

Просмотреть полный список настроек вы можете зайдя на страницу Configuration (Настройки) панели администрирования сайта либо набрав в адресной строке браузера http://www.example.com/?q=admin/config, где www.example.com - адрес вашего сайта.

Чтоб изменить основные настройки сайта, выполните следующие инструкции:

1. Зайдите на страницу Configuration → System → Site information (Настройки → Система → Информация о сайте) панели администрирования сайта либо наберите в адресной строке браузера http://www.example.com/?q=admin/config/system/site-information, где www.example.com - адрес вашего сайта.

2. Измените необходимые параметры:

   • название сайта;
   • слоган сайта;
   • электронный адрес сайта;
   • количество постов на странице блога (или на главной странице, если у вас есть посты, прикрепленные к главной);
   • адрес главной страницы сайта;
   • адрес страницы 403 (доступ запрещен);
   • адрес страницы 404 (страница не найдена).

3. После внесения необходимых изменений, нажмите кнопку Save configuration (Сохранить настройки).

Настройки темы

Каждая тема имеет набор собственных настроек.

Чтобы изменить настройки темы, выполните следующие действия:

1. В панели администрирования сайта зайдите на страницу Appearance (Оформление) либо в адресной строке браузера наберите http://www.example.com/?q=admin/appearance, где www.example.com - адрес вашего сайта.
2. Нажмите на ссылку Settings (Настройки) под именем вашей темы:

3. На вкладке General Settings (Общие настройки) вы можете задать следующие параметры:

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

4. На вкладке Breadcrumb Settings (Настройки "хлебных крошек") вы можете задать следующие параметры:

   • отобразить/скрыть "хлебные крошки";
   • отобразить/скрыть "хлебные крошки", если они содержат только ссылку на главную страницу сайта;
   • задать разделитель между ссылками "хлебных крошек".

5. На вкладке Regions Settings (Настройки регионов) вы можете задать следующие настройки:

   • задать изображение на фон региона, а также включить эффект параллакса;
   • задать YouTube-видео на фон региона, а также задать, с какой секунды необходимо воспроизводить видео;
   • растянуть содержимое блока на всю ширину экрана (т.е. убрать грид-сетку).

Некоторые из данных опций работают только с включенным модулем TM Block Background.

6. На вкладке Blog Settings (Настройки блога) вы можете задать заголовок блока. Оставьте данное поле пустым, чтобы заголовок блога совпадал с названием соответствующей ссылки меню.

7. На вкладке Custom CSS (Пользовательский CSS) вы можете задать собственные стили для установленной темы.

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

Настройки модулей

Стандартные модули:

- модуль по умолчанию включен; - модуль по умолчанию отключен.

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

Дополнительные модули:

- модуль по умолчанию включен; - модуль по умолчанию отключен.

Модули, отмеченные как обязательные к подключению, должны быть загружены в обязательном порядке.
Модули, отмеченные как рекомендуемые к подключению, должны быть загружены в обязательном порядке, если вы устанавливаете шаблон с демонстрационными данными.
Те модули, которые включены для удобства, могут быть отключены на ваше усмотрение.

Каждый из модулей может содержать собственные настройки. Чтобы настроить модуль, выполните следующие инструкции:

1. Войдите на сайт в качестве администратора.
2. В панели администрирования зайдите на страницу Modules (Модули) или в адресной строке браузера наберите http://www.example.com/?q=admin/modules, где www.example.com - адрес вашего сайта.
3. Найдите нужный вам модуль. Для этого можете воспользоваться фильтром.
4. Нажмите ссылку Configure (Настроить) напротив нужного вам модуля.

5. Сделайте необходимые изменения и сохраните настройки.

Вы также можете посмотреть следующие инструкции:

• Drupal 7. Как получить доступ и редактировать блоки и панели на страницах сайта
• Работа с контекстными ссылками
• Работа с блоками

Настройки блоков

Чтобы настроить блоки, использованные в шаблоне, следуйте данным инструкциям:

1. Войдите на сайт в качестве администратора.
2. В панели администрирования зайдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.
3. На открывшейся странице вы можете перетаскивать блоки в разные регионы:

4. Вы можете перемещать блоки в разные регионы, используя выпадающее меню в колонке Region (Регион):

5. Вы можете задать настройки для каждого блока в отдельности, нажав на ссылку configure (настроить) в колонке Operations (Операции):

6. На странице настроек блока вы можете задать следующие параметры:

   • заголовок блока;
   • пользовательский CSS-класс для данного блока;
   • регион блока для каждой темы в отдельности;
   • настройки отображения (для отдельных страниц, отдельных типов материалов, отдельных ролей пользователей, для каждого пользователя);
   • настроить фон блока (аналогично настройкам регионов в опциях темы).

Помните, что блок занимает ширину региона, в который он помещен. Для того, чтобы блок с эффектом параллакса или с видео на фоне занимал всю ширину экрана, необходимо поместить его в регион с опцией Fullwidth (На всю ширину экрана).

Некоторые блоки могут содержать дополнительные настройки.

7. Вы также можете попасть на страницу настроек блока со страниц вашего сайта. Для этого наведите курсор мышки на нужный вам блок, затем нажмите на пиктограмму шестеренки в правом верхнем углу блока и выберите пункт Configure block (Настроить блок). Эта опция будет доступна только, если вы войдете на сайт в качестве администратора:

Настройки кнопок "Поделиться"

За включение/отключение блока кнопок "Поделиться в социальных сетях" отвечает модуль AddThis.

Чтобы изменить глобальные настройки блока "Поделиться в социальных сетях", в панели администрирования зайдите на страницу Configuration → User interface → AddThis (Конфигурация → Пользовательский интерфейс → AddThis) или в адресной строке браузера наберите http://www.example.com/?q=admin/config/user-interface/addthis, где www.example.com - адрес вашего сайта.

Данные настройки в большей мере относятся к блоку "AddThis", которым вы можете управлять как обычным блоком.

Не меняйте ничего в настройках, если вы не уверены.

Чтобы изменить настройки блока "Поделиться в социальных сетях" в типе содержимого Blog Entry (Запись блога), выполните следующие инструкции:

1. В панели администрирования зайдите на страницу Structure → Content types → Blog entry (Структура → Типы материалов → Запись блога) и перейдите на вкладку Manage display (Управление отображением) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/types/manage/blog/display, где www.example.com - адрес вашего сайта.
2. Выберите пункт Full content (Полная страница).
3. Нажмите на пиктограмму шестеренки напротив поля AddThis.
4. Измените набор иконок (полный список доступен на www.addthis.com, через запятую укажите необходимые значения из колонки Code), размер иконок, ориентацию, при необходимости укажите дополнительный класс. Нажмите кнопку Update (Обновить).

Чтобы удалить кнопки "Поделиться" из типа содержимого Blog Entry (Запись блога), выполните следующие инструкции:

1. В панели администрирования зайдите на страницу Structure → Content types → Blog entry (Структура → Типы материалов → Запись блога) и перейдите на вкладку Manage fields (Управление полями) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/types/manage/blog/fields, где www.example.com - адрес вашего сайта.
2. Нажмите на ссылку delete (удалить) напротив поля AddThis, после чего подтвердите действие.

Чтобы добавить кнопки "Поделиться" в любой другой тип материала, выполните следующие действия:

1. В панели администрирования зайдите на страницу Structure → Content types → Content type name (Структура → Типы материалов → Имя типа материала), где Content type name - имя необходимого типа материала.
2. Перейдите на вкладку Manage fields (Управление полями)

3. В строке Add new field (Добавить новое поле) введите следующие параметры:

   • label - имя поля, любое удобное для вас название;
   • машинное имя - служебное название поля, генерируется автоматически, однако при необходимости вы можете изменить его;
   • type of data to store - тип данных, здесь необходимо выбрать AddThis;
   • form element to edit the data - тип элемента формы для управления полем, выберите AddThis button.

4. Нажмите кнопку Save (Сохранить).
5. Для настройки внешнего вида кнопок выполните действия, аналогичные действиям при настройке кнопок "Поделиться" для типа материала Blog entry (Запись блога).

Настройка и использование анимации

За включение/отключение анимации отвечает модуль TM Animate. Также, в зависимости от того, где вы собираетесь использовать анимации, вам может понадобиться модуль Block class или Views.

Чтобы повесить анимацию на один из блоков, выполните следующее действия:

1. В панели администрирования зайдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.
2. Напротив необходимого блока нажмите ссылку configure (настроить).
3. В поле CSS class(es) (CSS-класс(ы)) добавьте через пробел два класса: wow, чтобы анимация проигрывалась, когда блок появляется в зоне видимости, и класс анимации.
4. Сохраните сделанные изменения.

Чтобы повесить анимацию на одно из представлений, выполните следующее действия:

1. В панели администрирования зайдите на страницу Structure → Views (Структура → Представления) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/views, где www.example.com - адрес вашего сайта.
2. Напротив необходимого блока нажмите ссылку edit (редактировать).

Актуально только для представлений с форматом Semantic Views.

3. В настройках напротив поля Format (Формат) нажмите на ссылку settings (Настройки).

4. В блоке Row (Ряд) найдите поле Class attribute (Атрибут класса) и введите в него класс анимации и класс wow.

5. Нажмите кнопку Apply (Применить).
6. Сохраните представление.

Все доступные классы можно посмотреть на daneden.github.io

Настройки блока социальных ссылок

За включение/отключение блока социальных ссылок отвечают модули TM Font Awesome и TM Follow Us.

Для настройки параметров блока социальных ссылок выполните следующие действия:

1. В панели администрирования зайдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.

   Зайти в данные настройки также возможно, выбрав пункт Configure block (Настроить блок) контекстного меню блока социальных ссылок.

2. Чтобы отобразить/скрыть данный блок на страницах пользователей, поставьте/уберите галочку в поле User pages (Страницы пользователей).
3. Чтобы отобразить/скрыть подписи к социальным сетям, поставьте/уберите галочку в поле Display labels (Отображать метки).
4. Чтобы отобразить ссылки вертикально или горизонтально, выберите соответствующий пункт в поле Alignment (Выравнивание).
5. После того, как все изменения будут сделаны, нажмите кнопку Save block (Сохранить блок).

Для настройки дополнительных параметров отображения социальных ссылок выполните следующие действия:

1. В панели администрирования зайдите на страницу Configuration → TM Follow (Настройка → TM Follow) или в адресной строке браузера наберите http://www.example.com/?q=admin/config/tm_follow, где www.example.com - адрес вашего сайта.

   Зайти в данные настройки также возможно, выбрав пункт Edit TM Follow links (Редактировать ссылки TM Follow) контекстного меню блока социальных ссылок.

2. Чтобы скрыть какую-либо из иконок социальных сетей, уберите ссылку из поля URL напротив необходимой социальной сети.
3. Чтобы показать какую-либо из иконок социальных сетей, укажите ссылку на свой профиль в социальной сети в поле URL.
4. Чтобы изменить значение подписи социальной сети, укажите новое значение в поле Customized name (Измененное имя) напротив необходимой социальной сети.
5. После того, как все изменения будут сделаны, нажмите кнопку Submit (Подтвердить).

Социальные ссылки отдельного пользователя настраиваются аналогичным образом.

Для настройки блока социальных ссылок пользователя отредактируйте блок TM Follow User.

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

1. В панели администрирования зайдите на страницу People (Люди) или в адресной строке браузера наберите http://www.example.com/?q=admin/people, где www.example.com - адрес вашего сайта.
2. Напротив необходимого пользователя нажмите ссылку edit (редактировать).
3. Перейдите на вкладку TM Follow.
4. Сделайте необходимые изменения и сохраните их.

Настройка подгрузки изображений (LazyLoad)

За включение/отключение постепенной подгрузки изображений отвечает модуль TM Lazy Load.

Для настройки постепенной подгрузки изображений выполните следующие действия:

1. В панели администрирования зайдите на страницу Configuration → TM Lazyload (Настройка → TM Lazyload) или в адресной строке браузера наберите http://www.example.com/?q=admin/config/tm_lazyload, где www.example.com - адрес вашего сайта.

2. Внесите необходимые изменения в следующие поля:

   • Enabled (Включен) - включить/отключить постепенную подгрузку изображений.
   • Distance (Расстояние) - расстояние от изображения до видимой части окна браузера перед тем, как изображение загрузится.
   • Placeholder Image (Изображение прелоадера) - путь к изображению прелоавдера. Оставьте пустым, чтоб использовать прелоадеры по умолчанию.
   • Loader Icon (Иконка прелоадера) - доступные варианты прелоадеров.
   • Excluded Pages (Исключенные страницы) - перечень страниц, на которых постепенная подгрузка изображений должна быть отключена.
3. После того, как все необходимые изменения будут сделаны, нажмите кнопку Save (Сохранить).

Настройка параллакса

За включение/отключение эффекта параллакса для блоков отвечает модуль TM Block Background.

Создать блок с эффектом параллакса можно двумя способами.

Способ №1.

1. Зайдите в настройки темы: в панели администрирования откройте страницу Appearance → Settings → Theme### (Внешний вид → Настройки → Theme###).
2. Перейдите на вкладку Regions Settings (Настройки регионов).
3. В подходящем регионе поставьте галочку в поле Fullwidth (На всю ширину экрана).
4. Сохраните настройки.

5. Создайте новый блок: в панели администрирования зайдите на страницу Structure → Blocks → Add block (Структура → Блоки → Добавить блок) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block/add, где www.example.com - адрес вашего сайта.
6. Поместите содержимое блока между тегами <div class="container-12"><div class="grid-12"> и </div></div>

7. В блоке Region settings (Настройка региона) в поле с установленной темой укажите регион, отредактированный в п.3.

8. В блоке TM Block background settings (TM настройки фона блока) укажите следующие значения:

   • в поле Background type (Тип фона) укажите image (изображение);
   • в поле Background image (Фоновое изображение) загрузите необходимое изображение или выберите его из библиотеки изображений;
   • поставьте галочку в поле Use parallax (Использовать параллакс).

9. Заполните прочие поля и сохраните сделанные изменения.

Способ №2.

1. Зайдите в настройки темы: в панели администрирования откройте страницу Appearance → Settings → Theme### (Внешний вид → Настройки → Theme###).
2. Перейдите на вкладку Regions Settings (Настройки регионов).

3. В подходящем регионе укажите следующие значения полей:

   • в поле Background type (Тип фона) укажите image (изображение);
   • в поле Background image URL (Путь к фоновому изображению) загрузите необходимое изображение или выберите его из библиотеки изображений;
   • поставьте галочку в поле Use parallax (Использовать параллакс).
4. Сохраните внесенные изменения.

5. Перейдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.
6. Поместите необходимый блок в данный регион.
7. Сохраните сделанные изменения.

Настройка видео на фоне

За включение/отключение эффекта видео на фоне для блоков отвечает модуль TM Block Background.

Создать блок с эффектом видео на фоне можно двумя способами.

Способ №1.

1. Зайдите в настройки темы: в панели администрирования откройте страницу Appearance → Settings → Theme### (Внешний вид → Настройки → Theme###).
2. Перейдите на вкладку Regions Settings (Настройки регионов).
3. В подходящем регионе поставьте галочку в поле Fullwidth (На всю ширину экрана).
4. Сохраните настройки.

5. Создайте новый блок: в панели администрирования зайдите на страницу Structure → Blocks → Add block (Структура → Блоки → Добавить блок) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block/add, где www.example.com - адрес вашего сайта.
6. Поместите содержимое блока между тегами <div class="container-12"><div class="grid-12"> и </div></div>

7. В блоке Region settings (Настройка региона) в поле с установленной темой укажите регион, отредактированный в п.3.

8. В блоке TM Block background settings (TM настройки фона блока) укажите следующие значения:

   • в поле Background type (Тип фона) укажите video (видео);
   • в поле Background Video URL (Путь к фоновому видео) укажите ссылку на видео с YouTube;
   • при необходимости в поле Start video at (Начать видео с) укажите с какой секунды начать проигрывать видео. Оставьте поле пустым, чтоб видео проигрывалось с начала.

9. Заполните прочие поля и сохраните сделанные изменения.

Способ №2.

1. Зайдите в настройки темы: в панели администрирования откройте страницу Appearance → Settings → Theme### (Внешний вид → Настройки → Theme###).
2. Перейдите на вкладку Regions Settings (Настройки регионов).

3. В подходящем регионе укажите следующие значения полей:

   • в поле Background type (Тип фона) укажите video (видео);
   • в поле Background Video URL (Путь к фоновому видео) укажите ссылку на видео с YouTube;
   • при необходимости в поле Start video at (Начать видео с) укажите с какой секунды начать проигрывать видео. Оставьте поле пустым, чтоб видео проигрывалось с начала.
4. Сохраните внесенные изменения.

5. Перейдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.
6. Поместите необходимый блок в данный регион.
7. Сохраните сделанные изменения.

Политика кукис

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

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

Если у вас есть веб-сайт, скорее всего он использует куки, основными функциями которых является наблюдение за количеством посетителей и использованием инструментов (например, Google Analytics). Они также могут показывать важные сообщения пользователям или, если вы занимаетесь онлайн продажами, быть мощной частью электронного магазина.

26-го мая 2012 - ICO внесло поправку в закон о кукис, и теперь скрытое содержание разрешается только при уведомлении о действии приватности/политики куков на сайте.

Согласно Закону о Кукис, необходимо добавлять на веб-сайт подходящий модуль, показывающий сообщение об использовании кукис. Можно воспользоваться следующими модуляит: TM Cookie Notice (присутствует в скачанном вами архиве), EU Cookie Compliance, Cookie Control.

Google Web Fonts

В случае, если Google Web Fonts не работают (например, в случае запрета сервисов Google), выполните следующие действия:

1. Распакуйте архив со скачанной темой на свой компьютер.
2. Откройте в текстовом редакторе (например, notepad, notepad++ и т.п.) файл sites\all\themes\theme###\less\style.less, где theme### - номер скачанной вами темы.

3. Замените адрес fonts.googleapis.com на fonts.useso.com. Например, необходимо заменить:

   @import url(//fonts.googleapis.com/css?family=Open+Sans);

   на

   @import url(//fonts.useso.com/css?family=Open+Sans);

4. Сохраните внесенные изменения.
5. Перезалейте измененный файл на свой хостинг.

Olark чат

За включение/отключение Olark-чата отвечает модуль Olark Chat.

При установке шаблонов с демонстрационными данными модуль Olark Chat включен по умолчанию.

Для того, чтобы добавить Olark-чат, как на демо-странице шаблона, выполните следующие действия:

1. Зарегистрируйтесь на официальном сайте Olark (см. скриншоты, демонстрирующие данные три шага, в слайдере, после п. 3).
2. Заполните все необходимые данные.
3. Скопируйте полученный код.

Вы также можете получить пробный бесплатный 6-месячный бронзовый пакет. Для этого перейдите по ссылке и внесите свои регистрационные данные.

4. На своем сайте в панели администрирования зайдите на страницу Configuration (Настройки) и в разделе Web services (Web-сервисы) выберите Olark settings (Настройки Olark). Вы также можете попасть на данную страницу, перейдя по ссылке http://www.example.com/?q=admin/config/services/olark, где www.example.com - адрес вашего сайта.
5. Вставьте скопированный код в поле Olark code (Код Olark)

6. Нажмите на кнопку Save configuration (Сохранить настройки).
7. Для настройки чата зайдите на сайт Olark под своей учетной записью.

Вы также можете посмотреть следующие инструкции:

• Начиная работать с Olark
• Руководство Olark
• Документация по модулю "Olark Chat" для Drupal

Управление меню

В шаблоне могут быть использованы следующие типы меню:

• Main menu (Главное меню) содержит ссылки на основные страницы сайта;
• User menu (Пользовательское меню) содержит ссылки, связанные с учетной записью пользователя, такие как "Зарегистрироваться", "Войти" и пр.;
• Footer menu (Меню в подвале сайта) дублирует главное меню.

Рассмотрим каждое из них более детально.

Главное меню

Чтобы отредактировать ссылки главного меню, выполните следующие действия:

1. В панели администрирования зайдите на страницу Structure → Menus (Структура → Меню) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/menu, где www.example.com - адрес вашего сайта.
2. Напротив данного меню нажмите на ссылку List links (Просмотреть ссылки).

3. Чтобы добавить ссылку, нажмите Add link (Добавить ссылку) вверху страницы.

4. Чтобы отредактировать ссылку, нажмите Edit (Редактировать).

5. Чтобы удалить ссылку, нажмите Delete (Удалить).

6. Чтобы изменить порядок ссылок, перетащите ссылку в нужную позицию, а затем нажмите кнопку Save configuration (Сохранить конфигурацию).

Чтобы настроить выпадающее меню, выполните следующие инструкции:

1. В панели администрирования зайдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.
2. Найдите блок с названием данного меню.
3. Нажмите на ссылку Configure (Настроить) напротив данного блока.
4. Внесите изменения в разделе Superfish settings (Настройки Superfish).

5. Нажмите кнопку Save block (Сохранить блок).

Чтобы переместить меню, выполните следующие инструкции:

1. В панели администрирования зайдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.
2. Найдите блок с названием данного меню.
3. Переместите блок меню в нужный регион так же, как обычный блок.
4. Нажмите кнопку Save blocks (Сохранить блоки).

Пользовательское меню

Пользовательское меню - это стандартное меню Drupal. Оно не имеет выпадающих вложенных меню. Чтобы отредактировать или переместить данное меню, вы можете воспользоваться теми же инструкциями, что и для главного меню.

Меню в подвале сайта

Меню в подвале сайта дублирует главное меню. Чтобы настроить данное меню, выполните следующие инструкции:

1. В панели администрирования зайдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.
2. Найдите блок с названием данного меню.
3. Нажмите на ссылку Configure (Настроить) напротив данного блока.

4. На открывшейся странице, кроме стандартных полей блока, заполните следующие поля:

   • Menu (Меню) - название меню, которое следует дублировать;
   • Starting level (Начальный уровень) - видимость блока на странице. Блоки, которые начинаются с первого уровня, всегда будут видны. Блоки, которые начинаются со второго и более уровня, будут видны на страницах, где данные пункты меню будут активными.
   • Maximum depth (Максимальная глубина) - количество отображаемых уровней меню. Поставьте 1, чтоб исключить все подменю.

5. Нажмите кнопку Save block (Сохранить блок).

Вы также можете посмотреть следующие инструкции:

• Drupal 7. Как установить модуль выпадающего меню (Superfish)
• Drupal 7. Как добавить новую страницу и кнопку меню
• Документация по модулю Superfish

Управление материалами

В шаблоне присутствуют следующие основные типы материалов:

• Banner (Баннер) представляет собой название компании, логотип и дополнительную информацию. Может использоваться в блоках "Our partners" (Наши партнеры), "Our clients" (Наши клиенты) и т.п.;
• Employee (Сотрудник) представляет собой фотографию сотрудника и короткую информацию о нем. Может использоваться в блоках "Our team" (Наша команда), "Our staff" (Наша персонал) и т.п.;
• FAQ (ЧАВО) представляет собой материал формата "вопрос-ответ". Используется на странице "Часто задаваемые вопросы";
• Portfolio item (Элемент портфолио) представляет собой заголовок, изображение и краткую информацию. Используется на страницах "Portfolio" (Портфолио), "Gallery" (Галерея), "Services" (Услуги) и т.п.;
• Service (Услуга) представляет собой заголовок, изображение и краткую информацию. Может использоваться в блоках "Services" (Услуги) и т.п.;
• Slide (Слайд) представляет собой заголовок, изображение и краткую информацию. Используется в слайдере на главной странице;
• Testimonial (Отзыв) - представляет собой кроткий отзыв и информацию о его авторе. Может использоваться в блоках "Testimonials" (Отзывы), "What people say about us" (Что о нас говорят) и т.п.;
• и прочие.

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

Некоторые модули могут добавлять свои типы материалов. К примеру, модуль Panels добавляет тип материала Panel (Панель).

Вы также можете создавать собственные типы материала.

Для изменения, удаления или управления материалом выполните следующие действия:

1. Чтобы просмотреть полный список материалов, в панели администрирования зайдите на страницу Content (Материалы) или в адресной строке браузера наберите http://www.example.com/?q=admin/content, где www.example.com - адрес вашего сайта.
2. Чтобы создать материал, нажмите на ссылку Add content (Добавить материал).

3. На открывшейся странице выберите тип материала.

4. Заполните необходимые поля и нажмите кнопку Save (Сохранить).
5. Чтобы отредактировать существующий материал, на странице Content (Материалы) в поле Show only items where (Показать только элементы, где) выберите тип материала и нажмите кнопку Filter (Отфильтровать).

6. Чтобы отредактировать материал, нажмите ссылку Edit (Редактировать) напротив его названия.

7. Чтобы удалить материал, нажмите ссылку Delete (Удалить) напротив его названия.

Вы также можете посмотреть следующие инструкции:

• Drupal. Обзор типов контента

Управление страницами

Все страницы шаблона созданы с помощью модуля Panels (Панели).

Для управления страницами выполните следующие действия:

1. Чтоб просмотреть все существующие страницы, в панели администрирования зайдите на страницу Structure → Pages (Структура → Страницы) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/pages, где www.example.com - адрес вашего сайта.
2. Чтоб создать страницу, вверху открывшейся страницы нажмите ссылку Add custom page (Добавить пользовательскую страницу).

3. Следуйте инструкциям на экране, заполните все необходимые поля, сохраните внесенные данные.
4. Чтобы отредактировать существующую страницу, нажмите на ссылку Edit (Редактировать) напротив нужного заголовка.

5. Чтобы удалить страницу, в режиме редактирования нажмите на ссылку Delete (Удалить) вверху страницы.

Вы также можете посмотреть следующие инструкции:

• Drupal 7. Как добавить новую страницу и кнопку меню

Управление представлениями (Views)

Большая часть содержимого шаблона создана с помощью представлений, таких как:

• Archive (Архив) собирает тип материала "Blog entry" (Запись блога), группирует их по месяцам года и выводит в виде блока или страницы.
• Banners (Баннеры) собирает записи материала типа "Banner" (Баннер) и отображает их в качестве блока.
• Categories (Категории) собирает термины таксономии из словаря "Blog categories" (Категории блога) и выводит их в виде блока.
• FAQs (ЧАВО) собирает записи материала типа FAQs(ЧАВО) и выводит их в виде страницы.
• Portfolio (Портфолио) собирает записи материала типа "Portfolio Item" (Элемент портфолио) и выводит их в виде страниц Portfolio (Gallery, Services) в две, три или четыре колонки.
• Portfolio filter (Фильтр портфолио) создает блок фильтра для портфолио, используется в представлении "Portfolio" (Портфолио).
• Recent comments (Последние комментарии) собирает комментарии и выводит их в виде блока или страницы.
• Recent posts (Последние записи) собирает записи материала типа "Blog entry" (Запись блога) и выводит их в виде блока.
• Slider (Слайдер) собирает записи материала типа "Slide" (Слайд) и выводит их в виде блока слайдера.
• Team (Команда) собирает записи материала типа "Employee" (Сотрудник) и выводит их в виде блока.
• Testimonials (Отзывы) собирает записи материала типа "Testimonial" (Отзыв) и выводит их в виде страницы или блока.
• и прочие.

Для управления представлениями выполните следующие действия:

1. Чтоб просмотреть все существующие представления, в панели администрирования зайдите на страницу Structure → Views (Структура → Представления) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/views, где www.example.com - адрес вашего сайта.
2. Чтобы создать новое представление, нажмите на ссылку Add new view (Добавить новое представление) вверху открывшейся страницы.

3. На открывшейся странице заполните название представления, тип материала, вид сортировки, в каком виде отображать.
4. Чтобы указать дополнительные параметры, нажмите кнопку Continue & edit (Продолжить и редактировать). Чтобы закончить создание представления, нажмите кнопку Save & exit (Сохранить и выйти).

5. Чтобы отредактировать существующее представление, выберите пункт Edit (Редактировать) в выпадающем списке напротив нужного представления.

Не вносите изменения в существующие представления, если вы не уверены в том, что вы делаете.

6. Чтобы удалить существующее представление, выберите пункт Delete (Удалить) в выпадающем списке напротив нужного представления.

7. Представлениями, которые отображены в виде блоков, можно управлять так же, как и обычными блоками. Вы также можете попасть на страницу настроек представления в виде блока со страниц своего сайта. Для этого наведите курсор мышки на нужный вам блок, затем нажмите на пиктограмму шестеренки в правом верхнем углу блока и выберите пункт Configure block (Настроить блок):

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

Вы также можете посмотреть следующие инструкции:

• Drupal 7. Как использовать и настраивать модуль отображения контента

Управление медиа-содержимым

Загрузка изображений и видео в шаблоне осуществляется по средствам модуля Media (Медиа).

Для управления медиа-содержимым выполните следующие действия:

1. Чтоб просмотреть полный список медиа-файлов, в панели администрирования зайдите на страницу Content (Материалы) и перейдите на вкладку Media (Медиа) или в адресной строке браузера наберите http://www.example.com/?q=admin/content/media, где www.example.com - адрес вашего сайта.
2. Чтобы удалить существующие изображения или видео, отметьте их, в появившемся поле Operations (Операции) выберите Delete (Удалить) и нажмите кнопку Submit (Подтвердить).

3. Для того, чтобы добавить медиа-файл в материал, в режиме создания или редактирования материала нажмите кнопку Select media (Выбрать медиа).

4. В появившемся окне:

   • во вкладке Upload (Загрузить) вы можете загрузить изображение с вашего компьютера;
   • во вкладке Web вы можете указать ссылку на изображение, размещенное в Интернете, а также ссылку на видео с сайтов YouTube и Vimeo;
   • во вкладке Library (Библиотека) вы можете выбрать одно из изображений или видео, уже загруженных на ваш сайт.
   После выбора медиа-файла нажмите кнопку Submit (Подтвердить).

Пожалуйста, примите к сведению, что добавить видео вы сможете только для типа материала Blog entry (Запись блога).

Вы также можете посмотреть следующие инструкции:

• Drupal 7.x. Как редактировать меню "Основные ссылки"
• Документация по модулю Superfish

Шоткоды

Шоткод (Shortcode в пер. с анг. - короткий код) создан для того, чтобы не писать весь программный код для выполнения определенной функции, состоящего из несколько десятков строк, а заменить его маленьким коротким кодом, состоящим в основном из 1-2 слов.

Чтобы задействовать шоткоды, необходимо включить модули Shortcode, TM Shortcodes.

Список доступных шоткодов вы можете просмотреть в блоке Text format (Текстовые форматы) при создании материала.

Вы можете воспользоваться следующими шоткодами:

1. [clear][/clear] - шоткод для очистки плавающих блоков. Имеет следующие атрибуты:

   • class - дополнительный класс;
   • id - идентификатор (id) элемента;
   • type - тип элемента: блочный (div, d) или строчный (span, s).

2. [col][/col] - шоткод для вывода содержимого в колонках. Имеет следующие атрибуты:

   • align - выравнивание колонки: right - колонка будет отображаться с правой стороны внещнего блока, center - колонка будет выровнена по центру внешнего блока;
   • class - дополнительный класс элемента;
   • clear - очистка плавающих элементов: clear-both - слева и справа, clear-left - только слева, clear-right - только справа;
   • last - должен иметь значение "1" для последней колонки.
   • width -ширина колонки: 1-2 - половина, 1-3 - треть, 2-3 - две третьих, 1-4 - четверть, 3-4 - три четверти, 1-5 - одна пятая, 2-5 - две пятые, 3-5 - три пятые, 4-5 - четыре пятых, 1-6 - одна шестая или 5-6 - пять шестых ширины внешнего блока.

   Данный шоткод рекомендуется использовать внутри шоткода [clear][/clear].

   Пример использования шоткода:

   [clear type="div"]
   	[col width="1-3"]Содержимое колонки[/col]
   	[col width="1-3"]Содержимое колонки[/col]
   	[col width="1-3" last="1"]Содержимое колонки[/col]
   [/clear]

   Возможные варианты использования:

3. [counter][/counter] - шоткод для отображения анимированных счетчиков. Имеет следующие атрибуты:

   • class - дополнительный класс элемента;
   • number - любое целое число;
   • timer - скорость в миллисекундах, с которой будет происходить отсчет от 0 до указанного числа.

   Содержимое шоткода служит заголовком.

   Пример использования шоткода:

   [counter number="300" timer="30" class="custom-class"]Заголовок[/counter]

   Возможные варианты использования:

3. [icon][/icon] - шоткод для отображения шрифтовых иконок. Во фреймворке использована версия Font 4.1.0. Шоткод имеет следующие атрибуты:

   • class - класс шрифтовой иконки;
   • link - URL-адрес при необходимости сделать иконку ссылкой.

   Пример использования шоткода:

   [icon class="fa-star"]Текст[/icon]

   Возможные варианты использования:

4. [gmap][/gmap] - шоткод для вставки Google-карт. Шоткод имеет следующие атрибуты:

   • class - дополнительный класс элемента;
   • lat_coord - координата широты;
   • lng_coord - координата долготы;
   • zoom_value - начальный уровень масштабирования карты. Доступны значения от 1 до 20;
   • zoom_wheel - установка прокрутки карты колесиком мышки. Доступны значения "yes" и "no".

   Пример использования шоткода:

   [gmap lat_coord="41.850033" lng_coord="-87.6500523" zoom_value="15" zoom_wheel="no" class="custom-class"][/gmap]

   Возможные варианты использования:

5. [piegraph][/piegraph] - шоткод для отображения кругового индикатора процессов. Шоткод имеет следующие атрибуты:

   • barcolor - цвет фоновой полосы;
   • class - дополнительный класс элемента;
   • linewidth - ширина полосы, любое целое число;
   • percent - прогресс в процентах (0-100);
   • trackcolor - цвет трека (полосы прогресса);
   • width - диаметр прогрессбара, любое целое число.

   Содержимое шоткода служит заголовком.

   Пример использования шоткода:

   [piegraph percent="60" width="200" barcolor="#21c2f8" trackcolor="#cccccc" linewidth="3"]Заголовок[/piegraph]

   Вариант использования:

5. [progressbar][/progressbar] - шоткод для отображения прогрессбаров. Шоткод имеет следующие атрибуты:

   • class - дополнительный класс элемента;
   • percent - прогресс в процентах (0-100);

   Содержимое шоткода служит заголовком.

   Пример использования шоткода:

   [progressbar percent="30"]Заголовок[/progressbar]

   Возможные варианты использования:

Содержимое

Чтобы внести изменения в содержимое шаблона, в панели администрирования зайдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.

Разместите блоки в нужные регионы и сохраните настройки.

Проследите, чтобы все необходимые блоки были размещены на Главной.

Чтобы разместить блок только на главной, выполните следующие действия:

1. В режиме редактирования блока перейдите к Visibility settings (Настройки видимости) и переключитесь на вкладку Pages (Страницы).
2. В поле Show block on specific pages (Показать блок на определенных страницах) выберите пункт Only the listed pages (Только на перечисленных страницах).
3. Здесь же в текстовом поле введите <front>.

Menu

Убедитесь, что модуль Superfish включен.

После того, как все блоки размещены в нужные регионы, перейдите к редактированию главного меню (Main menu).

Удаление и изменения порядка пунктов меню осуществляется так же, как и в обычном меню.

Чтобы добавить/изменить пункт меню, в поле Path (Путь) введите ссылку вида <front>#block-id, где #block-id - id блока или региона.

Вы можете воспользоваться следующими id:

• #home - id начала страницы;
• #content - id региона Content;
• #section_1_wrapper - id региона Section 1;
• #section_2_wrapper - id региона Section 2;
• #section_3_wrapper - id региона Section 3;
• #section_4_wrapper - id региона Section 4;
• #section_5_wrapper - id региона Section 5;
• #section_6_wrapper - id региона Section 6;
• #section_7_wrapper - id региона Section 7;
• #section_8_wrapper - id региона Section 8;
• #section_9_wrapper - id региона Section 9;
• #section_10_wrapper - id региона Section 10;
• а также id любого блока.

После того, как все изменения в меню внесены, перейдите на страницу Structure → Blocks (Структура → Блоки) или в адресной строке браузера наберите http://www.example.com/?q=admin/structure/block, где www.example.com - адрес вашего сайта.

Переместите блок (Superfish) в регион Menu.

Проверьте, чтобы в настройках данного блока в поле Menu parent (Родительское меню) был выбран пункт <Main menu>.