Сайт «визитка» средствами Drupal

Продолжаем серию статей о типовых решениях на Drupal. В этой статье мы поговорим о создании сайта «визитки» средствами Друпал. Если у вас еще нет навыков работы с Друпалом, почитайте вводную статью по установке локального сервера для работы с Drupal, сама установка подробно показана на видео здесь.
И так сайт «визитка» это небольшой по объемам интернет ресурс, в основном содержащий информацию о фирме, её услугах, продукции, контактную информацию. Данный тип сайта наиболее часто заказывается у веб – разработчиков различными организациями.

Давайте сразу определимся, что именно будет на нашем тестовом сайте. Предлагаю следующую структуру, по которой я собственно и работаю в большинстве случаев с клиентами, которые заказывают сайт «визитку».

1. Главная страница
2. О компании
3. Информация о продукции (Услугах)
4. Прайс-лист
5. Контактная информация

Структуру определили, у Вас она может отличаться от моей, все зависит от вашей фантазии. С дизайном делать ничего не будем, оставим пока стандартную тему. В будущем вам, несомненно, пригодиться статья  – 10 мест, где можно скачать бесплатные темы для Drupal.

И так Друпал установлен на локальном сервере, и доступен по адресу http://site-vizitza, приступим к настойке под нужную нам конфигурации. Если вы его ещё не установили, то сделайте это перед тем как продолжить читать дальше.

На созданном нами сайте перейдем в раздел администрирование (Administer), далее Модули (Modules) отметим так галочками следующие модули:  Contact, Content translation, Locale, Path. Нажимаем кнопочку Save configuration, и пока изменения сохраняются, идем на сайт www.drupaler.ru за русификацией для нашей версии Друпала.

В меню на левой панели появилась ссылка Translate interface, нажмем туда. В верху есть ряд кнопочек нам нужно нажать Import. Укажем скачанный файл локализации, выберем в списке наш русский язык и нажмем кнопку Import в конце формы. После того как операция по импортированию завершиться, страница будет обновлена и вверху зеленым будет написано сколько строчек переведено. На этой же странице нажимаем на ссылку Languages page, попадаем на страницу выбора языка по умолчанию, соответственно ставим галочку в колонке Default напротив русского языка, нажимаем сохранить конфигурацию. Если Вы все сделали правильно то все станет на русском языке.

Теперь давайте создадим страницы сайта в соответствии с нашей структурой. Для этого в левом меню нажмем на ссылку «Создать материал», после чего выберем «Page».

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

Начнем с самого верха, а именно с поля title. В данном поле нам нужно указать, как будет называться созданная нами страница, указанная тут информация будет отображена между тегов <title></title>. Ниже блок, отвечающий за отображение этой страницы в меню, по умолчанию он свернут, поэтому развернём его. В поле название ссылки в меню пишем текст, который будет соответствовать нашей ссылке, в нашем варианте это – О компании. Теперь опускаемся ниже и видим родительский пункт, это важное поле, тут мы выбираем в каком из меню будет показываться наша ссылка. По умолчанию в Друпал присутствуют три меню: Navigation (Это как раз то меню которое вы видите в левом блоке), Primary links (основное меню, по умолчанию оно пустое), Secondary links (дополнительное меню тоже пустое). Помимо этих меню вы можете создавать неограниченное количество пользовательских меню с неограниченной вложенностью, и выводить их в удобном для Вас месте. Думаю с этим все понятно, идем дальше. Следующий пункт в этом блоке это «вес» — определяет последовательность пунктов меню.

Перейдет к полю Body. Именно в этом поле пишется содержимое страницы. Можно установить дополнительный модуль текстового редактора и это поле будет выглядеть как документ Microsoft World в котором вы можете делать с текстом все тоже самое что и в привычном ворде, без всяких знаний html.
Блок формат ввода нужен для того чтобы Drupal знал как обрабатывать введенный вами текст или html код. В режиме filtered html будут доступны теги: <a> <em> <strong> <ul> <cite> <ol> <li> <dl> <dd>. Full html позволяет использовать все теги и Java Script. В этом блоке может быть доступен тип PHP, он позволяет выполнять пользовательский php код прямо на странице. Использовать его можно только после включения модуля PHP.

Блок редакции Вам пока не понадобиться, поэтому пропустим его. Установки комментариев ставим – отключено. Ведь нам не нужно что бы пользователи комментировали содержимое нашей страницы.
Теперь очень интересный блок, отвечающий за настройку адреса страницы. Указать в нем мы можем синоним страницы, путь будет – about. Означает это то, что созданная нами страница о компании будет доступна по адресу http://site-vizitka/about.

Информация об авторе служить для указания автора создавшего страницу, и время её создания.
Настройки публикации оставляем только галочку над пунктом – опубликовано. Думаю два пункта которое ниже комментировать не надо.

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

Перед нами страница с формой, которую нам нужно заполнить. Поле категория напишем – Администрация. В поле получатели укажем электронную почту, на которую будут приходить сообщения от клиентов. В поле автоматический ответ можем написать – Большое спасибо, за ваше письмо.  Вес – 0. Выбрано установим – Да. Сохраняем. На странице контактов теперь мы видим созданную нами категорию. Давайте теперь нажмем на кнопку – Настроить. На открывшейся странице в поле дополнительная информация можете указать контактный адрес нашей фирмы. Больше ничего там менять не будем, а просто сохраним страницу.

Теперь давайте перейдем на страницу настройки – Меню. Она находиться в левом блоке меню в разделе конструкция сайта. Выбираем primary links. Сверху нажимаем на кнопочку добавить пункт. Поле пункт напишем – contact. Назовем ссылку – Контакты. Больше ничего кроме веса трогать не будем, установим вес ссылки – 4, и сохраним. Теперь можете попробовать перейти по созданной ссылке, должны увидеть следующие.

Вернемся в раздел управления меню primary links и добавим еще один пункт. В поле путь укажем <front>, назовем – Главная страница, вес выставим — минус  1. На этом со структурой мы закончим.

Теперь нам может понадобиться создать ленту новостей. Для этого давайте создадим новый тип материала. Перейдем на страницу администрирование в разделе содержание нажмем на – типы материалов. На открывшейся странице жмем кнопку – Добавить тип материала. Заполним все как на рисунке ниже.

Теперь давайте в левом блоке перейдем в категорию создать материал, создадим новость. Можете создать по образцу страницы, только не заполнять раздел меню. С этим думаю проблем возникнуть не должно.
Теперь давайте немного проиграемся с настройками темы. Идем в администрирование, темы оформления. Перейдем в настройки темы, и измени её по своему усмотрению.

Посетим страницу настройки блоков, которая находиться в разделе конструкция сайта, в левой колонке увидим – Вход в систему, выберем – никакая. Сохраним. С этого момента что бы залогиниться на сайте нужно перейти на страницу http://site-vizitka/user.

По своему усмотрению можете добавить любые стандартные блоки на страницы сайта. Вот наверное и все что нужно знать чтобы создать простой сайт «визитку» с помощью Drupal. Если у Вас возникли вопросы в процессе чтения материала, пишете в комментариях, я обязательно отвечу на них.

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