smihworld.ru - Работа дома. Интернет заработок

Я определился с темой для примера - это будет сайт-визитка автослесаря Ивана Гайкина. Хочу заметить, что персонаж вымышленный и все совпадения случайны.

Уверен, что с установкой CMS Drupal (Друпал) и его локализацией у вас проблем не возникло, но если что, пишите в комментариях к статье свои вопросы - постараюсь помочь.

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

Черное полоска меню сверху сайта и есть результат работы модуля admin_menu. Теперь давайте его немного настроим. С этого момента, если я указываю куда перейти, это означает, что нужно пользоваться именно меню администратора.

Итак, перейдите в Настройка сайта -> Administration menu. На открывшейся странице отметьте все пункты (установите все галочки) и сохраните настройки. После этого при скролировании страницы меню администратора всегда будет находиться на виду.

Поскольку мы делаем сайт-визитку, то нам понадобиться минимальный функционал. Поэтому некоторые модули, включенные по-умолчанию нужно отключить, это повысит скорость работы нашего сайта. Заходим в меню Конструкция сайта -> Модули. Открываем раздел Ядро - дополнительные и отключаем следующие модули: Color (позволяет менять цвета в темах оформления, если это предусмотрено темой), Comment (позволяет читателям сайта оставлять к статьям свои комментарии), Taxonomy (позволяет делить все материалы на сайте по разделам и подразделам), затем сохраняем настройки. Все отключенные модули очень полезны, но не будут использоваться на нашем сайте-визитке, поэтому мы их и отключили.

Теперь уберем все блоки, поскольку они тоже не будут использоваться на нашем сайте. Для этого зайдем в меню Конструкция сайта -> Блоки. Для видимых блоков: Вход в систему, Навигация и Создано на Drupal выставим значение реквизита Область на <нет>, затем сохраним блоки. После этой процедуры у нас останется лишь текст на главной странице и меню администратора сверху. Так и должно быть.

Обратите внимание, что теперь для того, чтобы залогинется на сайте вам придется заходить по ссылке: ваш_сайт.ру/user (где ваш_сайт.ру - название вашего сайта), т.к. мы отключили блок "Вход в систему".

Следующим шагом будет добавление наших страниц, а именно: О себе, Контактная информация, Услуги. Но для начала давайте удалим лишний тип материала. Переходим в меню Содержание -> Типы материалов и удаляем тип материала Story. Если вы обратили внимание, то по-умолчанию есть всего два вида материалов это Story и Page, которые отличаются только тем, что для первого типа материалов разрешено комментирование пользователями, а для второго типа запрещено. Мы будем пользоваться только типом Page, а второй удалили для увеличения производительности.

Теперь перейдем непосредственно к написанию вышеперечисленных страниц. Для каждой из трех страниц проделаем следующие шаги. Перейдем в меню Содержание -> Создать материал -> Page и на открывшейся странице заполним следующие реквизиты:

• Title - это название страницы, которое будет отображаться пользователю в браузере.
• Название ссылки в меню (находится в разделе Настройки меню) - это название будет в меню нашего сайта, будем указывать тоже самое, что и в предыдущем реквизите.
• Родительский пункт - тут указывается в каком меню будет отображаться ссылка на нашу страницу. У нас будет только одно меню, а именно <Primary links>, его и выбираем в этом реквизите у всех наших страниц.
• Body - это текст страницы.

Вот как я заполнил реквизиты для своего примера:

• О Себе
  • О Себе
  • <Primary links>
  • Иван Гайкин, автослесарь высшего разряда
    Год рождения: 1970
    Опыт работы: 20 лет.
• Контактная информация
  • Контактная информация
  • <Primary links>
  •  Тел.: +7 777 777 7777
    ICQ: 7777777777
    e-mail: IvanGaykin@vizitka.ru
• Услуги
  • Услуги
  • <Primary links>
  • Ремонт ходовой
    Ремонт двигателя и КПП
    Ремонт кузовной
    Шиномонтаж

Поскольку это всего лишь пример - с текстом я не мудрствовал :). Но вы можете придумать все, что вам захочется.

Давайте предусмотрим возможность отправления заявки на ремонт через сайт. Для этого нам нужно включить модуль, который входит в поставку Друпала. Зайдем в меню Конструкция сайта -> Модули, затем в раздел Ядро - дополнительные и включим модуль Contact, после чего сохраняем настройки. Чтобы добавить новую форму контактов зайдем в меню Конструкция сайта -> Форма контактов -> Добавить категорию. Заполним на открывшейся странице следующие реквизиты:

• Категория - Заявка на ремонт
• Получатели (можно указать несколько почтовых ящиков разделенных запятой) - IvanGaykin@vizitka.ru
• Автоматический ответ (текст, который будет высылаться на электронный ящик отправителю) - Ваша заявка принята. В скором времени я с вами свяжусь для уточнения времени и стоимости ремонта вашего автомобиля. С Уважением Иван Гайкин.
• Выбрано (эта форма будет открываться по-умолчанию) - Да.

Теперь заполним текст который поясняет как заполнять нашу Заявку. Для этого заходим в меню Конструкция сайта -> Форма контактов -> Настройки и заполняем реквизит Дополнительная информация, например так: Пожалуйста, укажите марку автомобиля, краткую информацию о неполадках, ваше имя и телефон по которому можно будет с вами связаться, затем сохраните настройки.

Для того, чтобы этой формой могли пользоваться пользователи вашего сайта нужно настроить соответствующие права. Заходим в меню Управление пользователями -> Разрешения и ставим галочки в колонках Анонимный пользователь и Зарегистрированный пользователь напротив строки доступ к контактной форме сайта, затем сохраняем права доступа.

 Нам нужно добавить эту форму отправки Заявок в наше меню, для этого заходим в меню Конструкция сайта -> Меню. На странице кликаем по ссылке Primary links, затем в меню выберите пункт Добавьте пункт. На открывшейся странице заполните следующие реквизиты:

• Путь (адрес страницы) - http://ваш_сайт.ру/contact. Вы наверное думаете как я узнал адрес страници контактов? Это просто, я посмотрел адрес в меню навигации, т.к. при включении модуля в меню автоматически добавился пункт меню "Отправить сообщение", но поскольку мы отключили блок с меню навигации, то вы этого не заметили.
• Название ссылки в меню - Заявка на ремонт
• Описание - Оставьте заявку на ремонт прямо сейчас

Сохраним изменения и наша ссылка попадет в главное меню.

Давайте немного изменим порядок следования наших пунктов меню, т.к. текущее расположение не очень логичное. Для этого заходим в меню Конструкция сайта -> Меню. На странице кликаем по ссылке Primary links и при помощи крестиков со стрелочками, которые находятся перед каждым пунктом перетаскиваем их в нужную последовательность:

• Услуги
• Заявка на ремонт
• Контактная информация
• О себе

Сохраняем изменения и сразу же видим результат.

Теперь заменим стандартный вид главной страницы на нашу страницу Услуги. Для этого зайдем в меню Настройка сайта -> О сайте и в реквизите Главная страница по умолчанию вместо node пишем node/3 (адрес я узнал наведя мышку на наш пункт меню Услуги).

Наш сайт готов, вы можете выйти с сайта (разлогинеться) и посмотреть как ваш сайт будут видеть пользователи интернета. Для этого в меню администратора нажмите пункт Log out который находится вверху справа.

Если вы все сделали правильно, то ваш сайт должен выглядеть так:

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

В следующей части мы будем дорабатывать этот сайт: заменим тему оформления, настроим более читабельные адреса страниц и многое другое.