Лабораторная работа 3 Модули в Drupal Упражнение 1. Модуль «Администрация меню»

Заменим стандартную панель администрирования на выпадающее меню.

1. Откройте папку C:\WebServer\home\drupal_site.ru\www\sites\all\modules и поместите в нее содержимое архива admin_menu-7.x-3.0-rc4.zip (находится в папке Файлы для Drupal\ПО).

2. В административной панели выберите Модули.

3. В основном разделе Ядро отключите Overlay и Toolbar и сохраните настройки.

4. Внизу окна в разделе Управление активируйте второй параметр и сохраните настройки (рис.1).

Рисунок 1 – Подключение модуля «Администрация меню»

Верхнее горизонтальное меню админки стало выпадающим. Теперь все самое необходимое доступно уже при наведении курсора.

Упражнение 2. Drupal-редактор визуального формата

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

Рисунок 2 – Стандартный встроенный редактор

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

1. Откройте папку C:\WebServer\home\drupal_site.ru\www\sites\all\modules и поместите в нее содержимое архива wysiwyg-7.x-2.2.zip (находится в папке Файлы для Drupal\ПО).

2. В административной панели выберите Модули, активируйте модуль Wysiwyg и сохраните настройки.

3. В папке C:\WebServer\home\drupal_site.ru\www\sites\all создайте папку libraries.

4. В административной панели выберите Конфигурация  Работа с содержимым  Wysiwyg profiles.

5. На открывшейся странице панели выберите редактор TinyMCE  Download.

Рисунок 3 – Выбор редактора

6. Открывается сайт разработчика редактора, где нужно продолжить загрузку (выбрать тип загрузки «Открыть в WinRAR»).

Рисунок 4 – Загрузка редактора

7. На ваш компьютер загрузится Zip-папка, содержимое которой надо извлечь в созданную ранее папку libraries.

8. Введите в адресную строку браузера:

drupal_site.ru/sites/all/libraries/tinymce/jscripts/tiny_mce/tiny_mce.js

В итоге должен появиться текстовый JavaScript файл. Если открылся, идем дальше.

9. В меню администратора сайта снова откройте Конфигурация  Работа с содержимым  Wysiwyg profiles.

10. Параметры обновились, выберите установленный редактор (рис. 5) и сохраните настройки.

Рисунок 5 – Изменение параметров

11. Там же справа щелкните по ссылке Правка.

12. Отметьте необходимые кнопки в секции Buttons and Plugins и сохраните параметры.

Рисунок 6 – Выбор кнопок для редактора

13. В меню администратора сайта откройте Структура  Типы материалов  Статья  Управление полями  Body.

14. Измените формат текста с Filtered HTML на Full HTML и сохраните настройки.

В результате получаем визуальный редактор со множеством функций.

Рисунок 7 – Внешний вид редактора Wysiwyg