Drupal views - пример создания страницы вида
При разработке сайтов на CMS Drupal модуль ViewsM бывает просто необходим, он позволяет создавать вывод контента в нужном формате и оформлении, в данной статье хочу привести пример/инструкцию создания простейшего вида, т.к сам только недавно начал изучать возможности модуля Views и не нашел в сети подобной инструкции, нашел лишь теорию/описание возможностей, но не практических примеров.
В качестве примера, в данной статье, будет рассмотрено создание страницы вида со списком опубликованных статей, и навигацией под этим списком.
По умолчанию в CMS Drupal уже создан тип материалла "Статья" (story), просмотр типов документов доступен по следующему адресу:
- http://your-site.com/admin/content/types
Поэтому новый именно эти типы документов и будут выведены списком на странице, но для начала создадим дополнительное поле в этом типе документа, это поле будет содержать изображение/превью статьи. Для этого выбираем наш тип документа - "Статьи"(story), и добавляем поле для нашего изображения/превью. Для этого на странице списка типов документов (адрес выше), на против нашего типа документа "Статья", жмем ссылку manage fields - управление полями, как на скриншоте ниже:
Попав на страницу редактирования полей документа "Статья", в нижней форме добавляем новое поле, указывая его Заголовок, имя поля - Field name (a-z, 0-9, _), тип поля - Type of data to store., а также указываем что через это поле будет содержать изображение - выбрав в поле Form element to edit the data. - "Картинки". На скрине ниже показано как должны быть заполнены поля:
Далее жмем кнопку "Сохранить" и сохраняем новое поле.
Теперь при создании статьи, быдет отображатся дополнительное поле "Превью", с помощью которого для каждой статьи, будет возможность создать превью.
Создаем несколько статей, если их еще нет, добавляя заголовки, текст и превью, если статьи уже есть то добавьте к ним превью, через это новое поле.
После того как необходимое поле в документе создано, и созданы статьи, список которых будет выводится через Views, переходим к созданию нового Views/Вида. Для этого переходим на страницу с видами модуля Views, и добавляем новый Views - жмем на кнопку "добавить", как показано на скрине ниже:
- http://your-site.com/admin/build/views
На этой странице также отображен список уже созданных видов.
Попав на страницу создания Views/Вида указываем его имя и описание, как показано на скриншоте:
Сохраняемся и попадаем на следующую страницу, это страница настройки Views:
Попав на страницу создания Views/Вида можно растерятся :)), но это только в начале! С этого места начинается саме интересное. И так начнем, нам нужно добавить свой вид, для этого жмем кнопку "add display" как показано на скриншоте ниже:
После чего под блоком "Basic settings" появится новый блок - "Page settings", который позволяет указать путь к странице, на которой будет выводится наш Views со списком статей и превью. Скрин ниже:
В нем жмете на ссылку "путь" и указываете путь, для примера пусть это будет - stories, и указываете тип меню, а также текст ссылки, для примера Тип - выбираете "Normal menu entry", Заголовок: Статьи, Меню: Основные ссылки. Все как на скрине ниже:
Жмем кнопочку "обновить" и двигаемся, далее, настраиваем блок основных настроек Views - Basic settings, этот блок на скрине:
Указываем название, заголовок, далее Style - это формат HTML в котором будут выводится элементы списка статей (картинка, заголовок и краткий текст). В каестве примера выбирается формат HTML List:
Жмем кнопку Update defaul display, и идем дальше. Use pager: - выбираем Full pager "Да", Items per page: - устанавливаем количество выводимых злементов в списке на каждой странице. Для примера ставим - 5. С этими настройкми все, кроме параметра Theme: Information нажав на Information, выведется информация о доступных шаблонах Views :
В нашем случае это файл шаблона Views для вывода списка - views-view-list.tpl.php, код которого вы можете просмотреть нажав на Style output:
Откроется фрма которая будет содержать код шаблона Views для вывода списка, который вы можете скопировать, изменить по своему усмотрению и сохранить в папке с текущей темой сайта, назвав файл так как предложено, смотрите скрин (обведены предлогаемые имена переопределяемого шаблона, кроме views-view-list.tpl.php - это дефолтный шаблон, он находится в папке модуля Views), после того как вы отредактируете код и сохраните файл в папке текущей темы сайта, нажмите кнопку Rescan template files, для того что бы модуль Views переопределил шаблоны вывода с дефолтных на те что в папке с темой сайта. Все на скриншоте:
Далее работаем с группой настроек в блоке "Поля" - это настройка позволяет указать какие поля следует выводить в нашем Views/Виде. Жмем на плюсик и выбираем поле с картинкой (это то поле которое мы создавали в типе документа "статья"), в открывшейся форме выбираем Группы: Документы и ниже ставим галку напротив имени поля для картинки - Документы: Превью (field_img). Как на скрине :
Жмем добавить, после чего открывается следующая форма настроек этого поля, в которых можно поставить галку напротив Link this field to its node - это позволит сделать картинку ссылкой ведущей на полную статью, указать что не следует выводить заголовок поля над картинкой, и обязательно выбрать Foermat: Картинки. Все показано на скрине:
Жмем Update default display - сохраняем поле, и добовляем следующее, это будет поле title - заголовок статьи. Выбираем как на скрине:
Жмем Добавить, и в следующей форме если необходимо что бы заголовок был ссылкой ставим галочку на против Link this field to its node
Жмем Update default display - сохраняем поле, и добовляем следующее, это будет поле Teaser - позволяет выводить укороченный текст статьи, количество символов так же указывается.
Жмем Добавить, и в следующей форме с настройками ставим галки как на скрине:
Сохраняем поле Teaser и переходем к следующей группе настроек - Фильтры, это фильтр в котором указывам что выборка осуществляется по типу документа, а тип документа указываем "статья", скрины ниже :
Сохраняемся и переходим к группе натроек Sort criteria - критерий сортировки, здесь возможно задать по какому критерию сортировать выводимый список, в качестве примера укажем Nid
И указываем что сортировка по возростанию, то есть последняя статья будет вверху списка:
Жмем сохранить, сохраняем наш новый Views, открываем фронт-энд и жмем на пункт меню Статьи в блоке с "Основное меню", перейдя по этой ссылки вы обнаружите вывод ново созданного Views со списком статей.
В заключении привожу демонстрационный ролик по созданию
P/S Спасибо за внимание, задавайте вопросы в комментариях!
PS. И не забудьте подписатся на ленту новостей RSS
Комментарии
"добавляем поле для нашего изображения/превью. Для этого на странице списка типов документов (адрес выше), на против нашего типа документа "Статья", жмем ссылку manage fields - управление полями, как на скриншоте ниже: "
Но у меня нету кнопки "manage fields"! У меня не 3, а всего две кнопки - "Редактировать" и "Удалить". В "редактировать" нет возможности добавлять поля. Что делать? Может у меня какого-то специального модуля нет для добавления полей?
Да возможно нужно было поставить на тестовый домен Drupal и на нем все настроить, однако не имел такой возможности. А вообще в начале статьи указывается >>>
"В качестве примера, в данной статье, будет рассмотрено создание страницы вида со списком опубликованных статей, и навигацией под этим списком."