Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Web Development

Введение в Drupal: создание простой CMS

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Svetlana (you can also view the original English article)

Популярность Drupal в последнее время растет. Это отличная платформа для настройки систем управления контентом и сайтов, ориентированных на сообщества. Здесь я дам общий обзор Drupal и построю простой сайт для поддельного клиента. Мы начнем с описания потребностей клиента, установки и настройки нескольких модулей, создания пользовательских ролей и назначения разрешений, и, наконец, мы добавим некоторые материалы. Мы не будем вдаваться в подробности, так как это немного выходит за рамки этой статьи.


1. Поддельный клиент

Давайте начнем с поддельного клиента.

SmartMarks - небольшая маркетинговая консалтинговая фирма с 4 сотрудниками. Каждому сотруднику нужен собственный блог. В дополнение к блогам сайту потребуется несколько страниц:

  • Главная
  • Меняющая курс 
  • Контакт
  • Ссылки
  • Блоги

Shannon (Шанон), владелец бизнеса, хочет получить полный контроль над сайтом. Остальные сотрудники (Билл, Жан и Терри) должны иметь возможность писать записи в блогах, но Билл может публиковать ссылки.

Форма контакта будет принимать имя пользователя, телефон, адрес электронной почты и короткое сообщение. Материалы контактной формы должны быть отправлены только  Шеннону.

Звучит довольно просто, да? Так вот, в Drupal, многие из этих основных функций уже встроены. Мы будем использовать как можно больше основных функций, и мы добавим еще несколько модулей, чтобы сделать этот сайт легким!


2. Установите некоторые вещи

Во-первых начните с установки Drupal. Я буду разрабатывать это на своей локальной машине, но вы можете установить его в любом месте. В этом учебнике я буду работать с Drupal 6.x.

Для установки Drupal, просто скачайте (http://drupal.org) и распакуйте его, создайте свою базу данных и посетите http: // localhost / (или ваш собственный URL-адрес разработчика). Установка должна быть относительно простой для вас.

Вам  нужно будет создать конфигурационный файл. Вы можете скопировать /webroot/sites/default/default.settings.php /webroot/sites/default/settings.php. Обязательно сделайте его доступным для записи на сервер. Кроме того, оставьте копию сайтов / default / default.settings.php, где они есть; Drupal будет использовать это во время установки.

После того, как ваш конфигурационный файл будет создан, можно пойти дальше и установить Drupal.

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

И вы можете идти дальше и указать несколько настроек сервера. Если ваш сервер настроен для перезаписи URL-адресов mod_rewrite, вы можете продолжить и теперь активировать «Очистить URL-адреса». Это изменит ваши URL-адреса от чего-то вроде /? Q = node / 3 до just / node / 3.

После успешной установки вы можете посетить сайт и войти в систему как суперпользователь.


3. Получите некоторые модули

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

Все модули, которые вы будете устанавливать, будут размещены в каталоге / webroot / sites / all / modules. Если каталог модулей не существует там, просто сделать новый и назовите его модулей.

Обязательно загрузите модули, совместимые с версией Drupal, которую вы используете. Я использую Drupal 6.x.


4. Админ меню

Этот модуль является обязательным иметь для работы с Drupal. Это не является абсолютно необходимым, но это поможет вам сэкономить кучу времени.

Загрузите его по адресу http://drupal.org/project/admin_menu и поместите в / webroot / sites / all / modules

PathAuto & Token

Далее, возьмите копию PathAuto и Token. PathAuto - это модуль, в котором Drupal будет автоматически генерировать красивые URL-адреса. PathAuto требует токен для работы.

Мета-теги (Nodewords)

Первоначально названный NodeWords, модуль Признаков Меты позволяет пользователям определять общие признаки meta, как meta ключевые слова и meta описание.

Закончите копию этого модуля в http://drupal.org/project/nodewords

CCK (строительный комплект содержания)

CCK позволяет Вам легко создавать новые типы контента, никогда не имея необходимость написать любой кодекс! Мы будем использовать это для раздела внешних ссылок компании.

Получите CCK в http://drupal.org/project/cck

Представления

Модуль взглядов позволяет Вам настраивать таможенные взгляды для показа содержания. Они очень полезны, когда у Вас есть сложные типы контента и категории. Здесь мы будем использовать Взгляды, чтобы показать Связи.

Получите модуль Взглядов в http://drupal.org/project/views

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

После того, как вы загрузили и распаковали вышеупомянутые модули в / webroot / sites / all / modules, вы можете продолжить и установить их.

Посетите http: // localhost / admin / build / modules, чтобы включить некоторые из них.

Для этого сайта нам нужно установить следующее. Просто установите флажки и нажмите «Сохранить конфигурацию».

  • Администрирование - Меню Администрирования
  • Ядро - блог
  • Ядро - контакт
  • Ядро - путь
  • Контент - Контент
  • Содержание - текст
  • Другие - мета-теги
  • Другие - Pathauto
  • Другие - маркеры
  • Представления - Представления
  • Views - Пользовательский интерфейс Views

5. Типы контента

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

Что такое узел?

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

В нашем случае для каждой ссылки потребуется одно дополнительное поле, которое по умолчанию не предусмотрено, - URL.

Создать тип контента Link

Мы создадим тип контента под названием Ссылка. Затем мы добавим поле к типу контента под названием URL.

Посетите http: // localhost / admin / content / types / add

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

Далее мы немного изменим этот тип контента из общего узла. В группе «Настройки формы отправки» вместо «Тело» мы будем называть поле тела «Краткое описание».

Далее мы отредактируем «Настройки рабочего процесса». Разрешить публикацию ссылки по умолчанию и отключить автоматическое продвижение на первую страницу.

И наконец, отключите комментарии в ссылках.

Сохраните тип контента. Если вы посетите страницу «Создание контента», вы увидите новый тип контента, ссылка.

Дополнительные поля с помощью CCK

Итак, у нас настроен базовый тип контента Link. Но нам нужно добавить дополнительное поле к каждой ссылке: URL. Посетите http: // localhost / content / types и «Управление полями» для типа контента Link.

Добавьте поле с названием «url» и назовите его «field_url». Выберите текстовые данные и текстовое поле.

Сохраните его. Появится еще одна страница с некоторыми опциями. По умолчанию все в порядке, поэтому просто продолжайте, нажав «Сохранить настройки поля». После этого тип содержимого Link должен выглядеть следующим образом:


6. Просмотров

Теперь давайте настроим представление для нашего нового типа контента, Ссылки.

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

Посетите http: // localhost / admin / build / views, чтобы начать. Нажмите на вкладку «Добавить», чтобы создать новый вид.

Назовите представление «Ссылки» и выберите тип узла.

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

Во-первых, мы хотим, чтобы наш просмотр ссылок был полной страницей. Так что добавьте отображение страницы.

Мы должны будем сделать некоторые настройки дальше. Измените имя и название представления на Ссылки. Установите «Стиль строки» для узла и выберите отображение тизера и ссылок.

Убедитесь, что вы нажимаете «Обновить отображение по умолчанию» каждый раз.

Установите путь к «ссылкам». Это будет URL-путь, и наше представление страницы будет отображаться по адресу http: // localhost / links.

Затем установите меню для просмотра. Выберите «Обычный пункт меню», назовите его «Ссылки» и поместите в «Основные ссылки». (Подробнее о меню немного позже).

Область «Основные настройки» должна быть похожа на эту:

И, наконец, для просмотра нам нужно настроить фильтр. Фильтр позволит нам ограничить представление только узлами типа «ссылка».

Добавьте фильтр с помощью кнопки «+» в верхней части окна «Фильтры».

Прокрутите вниз, пока не найдете фильтр под названием «Узел: Тип». Установите флажок, затем добавьте его в качестве фильтра.

Выберете тип узла «Ссылка».

На данный момент весь наш взгляд должен выглядеть очень похоже на следующее.

Сохраните представление. Мы вернемся к нему позже.


7. Пользователи, роли и разрешения

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

Параметры пользователя

Только сотрудники SmartMarks смогут иметь учетные записи. Публичная регистрация не будет необходима для этого сайта. Поэтому нам нужно ограничить регистрацию на http: // localhost / admin / user / settings и запретить публичную регистрацию.

Роли

Нам понадобится несколько ролей. Поскольку Shannon хочет получить полный контроль, нам понадобится роль администратора.  Поскольку Билл может изменять некоторые вещи, которые другие не могут, мы устанавливаем роль менеджера. И, наконец, остальные сотрудники SmartMarks должны будут принадлежать к роли сотрудника.

Посетите http://localhost/admin/user/roles для начала.

Создайте роль под названием Admin.

Повторите процесс, чтобы создать еще две роли: менеджер и сотрудник. У нас должно быть что-то подобное сейчас.

Perimssions

Потом, мы определим разрешения для каждой из ролей. Посетите http://localhost/admin/user/permissions, чтобы установить разрешения. Установите их таким образом.

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

Теперь, когда мы имеем роли и хождение разрешений, мы можем создать своих пользователей мест'.

Пользователь Роль
Шеннон Администратор
Билл Сотрудник, менеджер
Жан Сотрудник
Терри Сотрудник

Преуспейте и создайте этих пользователей в http://localhost/user/user/create,, назначающий роли каждому из них. Мы должны закончиться с чем-нибудь подобно этому на http://localhost/admin/user/user:


8. Создание Содержимого... Наконец!

И окончательно мы можем запустить создание содержимого. Над нами хорошо частично сделано в этот момент.

Создание страниц

Прежде всего, давайте начинаться с домашней страницы. Посетите http://localhost/content/add, чтобы создать новую Страницу.

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

Оставьте псевдоним URL, устанавливающий только. Мы позволим Pathauto управлять им, и мы установим, что вскоре.

Сохраните страницу и создайте другой Вокруг для страницы.

Если вы сейчас посещаете главную страницу, вы заметите, что мы имеем меню уже, идя. Эти изделия приходят от страниц, которые мы только что сделали и от вида, для которого мы сделали, Связывается раньше.

Создайте некоторые ссылки

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

После того, как мы создали, немногие связываются, мы можем посетить вид Связывается. Посетите http://localhost/links, чтобы видеть наши связи. Вот что я получил. Помните, что это приходит от вида, который мы сделали раньше.

Контактная форма

Встроенный Контактный модуль Drupal полностью достаточен для Smartmarks. Нам только нужно будет установить это. Посетите http://localhost/admin/build/contact и щелкание "Добавляют Категорию" для начинания.

Добавьте категорию, ибо "Общие Запросы", вводят электронную почту Shannon только как получателя, и устанавливают "Выбрано" к тому, да. Это заставит эту категорию быть невыполнением для контактной формы. (Вы смогли установить многоразовые категории, чтобы управлять контактными подчинениями для областей как например Сбыты, Поддержка, и т.п.)

Вы, возможно, сейчас рассматриваете свою контактную форму в http://localhost/contact

Создайте некоторые записи в блоге

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

Посетите http://localhost/node/add/blog и создайте типовой вход.

Под создающей информацией, вводят Шаннон. Эта запись станет первая запись в блоге Шеннона.

Повторяйте, что, чтобы создать вход блога для других пользователей (счет, terry, хлопчатобумажная ткань). Затем посетите http://localhost/blog, чтобы видеть пользовательские блоги.


9. Штрихи

Мы все еще имеем несколько вещей, чтобы убрать перед тем, как мы будем сделаны. Нам нужно настроить pathauto для обработки автоматических псевдонимов URL, завершить наше меню, проверить каждую учетную запись пользователя, а затем мы добавим несколько блоков, чтобы продемонстрировать немного о блоках.

Меню

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

Посетите http://localhost/admin/build/menu. Здесь вы увидите несколько доступных меню. Выберите первичные звенья.

Выберите «Добавить элемент». Мы создадим элемент для контактной формы.

Обратите внимание, что путь относительно корня сайта. Так что не вводите "/ contact"; просто введите «контакт».

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

Обязательно сохраните !!!

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

Pathauto

Далее, мы настроим pathauto для обработки наших хороших URL. Посетите http://localhost/admin/build/path.

Прежде чем мы настроим пути, давайте удалим все существующие псевдонимы URL. Вы можете сделать это, посетив вкладку «Удалить псевдонимы», а затем просто выберите все псевдонимы и удалите их.

Теперь мы настроим автоматические псевдонимы на вкладке «Автоматические настройки псевдонимов».

Откройте «Настройки пути к блогу» и установите флажок, чтобы система «Массово генерировала псевдонимы».

Теперь откройте «Настройки пути узла». Здесь мы настроим несколько правил для обработки путей для разных типов узлов. Используйте шаблоны замены (это где модуль Token вступает в игру), чтобы установить соответствующие пути. Убедитесь, что ваша схема псевдонима URL будет генерировать только уникальные URL! И обязательно имейте "Массовую генерацию псевдонимов".

Потом сохраните. Затем снова просмотрите «Список». Вы должны увидеть новые псевдонимы, сделанные для всего нашего существующего контента.

Примечание о псевдонимах URL: не забудьте удалить псевдонимы, если вы измените схему URL и создадите псевдонимы. Удаление и воссоздание псевдонимов может показаться немного пугающим, но чем больше вы это делаете, тем увереннее вы станете в своей схеме URL.

Блоки

Шеннон только что сообщила нам, что хочет, чтобы сайт освещал недавний переезд компании в офис. Это хорошая возможность пройти через блоки.

Блок в Drupal - это просто «кусок» контента, будь то список узлов, некоторый статический HTML, несколько изображений или что-то еще. Мы установим простой блок для хранения уведомления о переезде в офис.

Посетите http: // localhost / admin / build / block. Добавьте новый блок, используя вкладку «Добавить блок».

После добавления блока вам нужно будет присвоить его региону для отображения. Назначьте его левой боковой панели на http: // localhost / admin / build / block и не забудьте сохранить !!!

Вы также можете сортировать их с помощью перетаскивания, как элементы меню.

Теперь вы должны увидеть новый блок, отображаемый на левой боковой панели после сохранения.

Проверьте учетные записи пользователей

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

Выйдите из системы и войдите как Шеннон. Шеннон - наш администратор, поэтому давайте удостоверимся, что она способна создавать / редактировать весь контент. После входа в систему как Шеннон, мы должны увидеть ссылку для создания контента.

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

Установить домашнюю страницу

Мы также должны указать Drupal использовать нашу домашнюю страницу в качестве домашней страницы по умолчанию. Вы можете сделать это в http: // localhost / admin / settings / site-information.

Прежде чем вы измените эти данные, нам нужно получить идентификатор узла нашей домашней страницы. Посетите нашу страницу приветствия по адресу http: // localhost / welcome-smartmarks. Нажмите или наведите курсор на вкладку «Редактировать»; нам просто нужен идентификатор узла.

Наша домашняя страница имеет идентификатор узла 1, поэтому мы будем использовать его для домашней страницы по умолчанию. Посетите http: // localhost / admin / settings / site-information и введите некоторые данные. Внизу вы увидите поле для домашней страницы по умолчанию. Введите "узел / 1". Обратите внимание, что мы используем идентификатор узла из-за pathauto. Если бы мы изменили псевдоним URL домашней страницы, нам не пришлось бы менять его идентификатор узла, так как он останется прежним. Drupal автоматически распечатает правильный псевдоним URL.


10. Краткое изложение

Этот обзор только показывает, на что способен Drupal. Надеюсь, я дал вам хороший обзор того, как начать работу с системой при создании этой очень простой CMS.

Темы

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

Создание пользовательской темы выходит за рамки этого руководства. Но вы можете скачать и установить некоторые добавленные темы. Хорошая стартовая площадка в Тематическом саду. Загрузите и распакуйте темы в / webroot / sites / all / themes, затем включите и настройте их по адресу http: // localhost / admin / build / themes. Обратите внимание, что всякий раз, когда вы активируете новую тему, вам придется посещать страницу блоков, чтобы назначить блоки регионам темы.

Если вы готовы приступить к созданию темы, вы можете обратиться к Руководству по темам.

Удачи! 

Удачи в ваших начинаниях на Drupal, и не стесняйтесь задавать вопросы! Также проверьте http://drupal.org для получения дополнительной информации и полезных статей.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.