Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов

Создание представления (views) страницы в Drupal 7

Дата:4.06.15 в 19:29
Раздел: 

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

Страничное представление в Drupal 7

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

Для того, чтобы мы могли впервые создать представление нам понадобится:

  1. Сайт на друпал;
  2. Установленные и включённые модули под названием Views и Views UI, которые можно скачать перейдя по этой ссылке.

Подготавливаем Drupal сайт к работе

В качестве примера я создал сайт с книгами. Сайт содержит:

  1. Словарь таксономии «Жанр»
    Словарь таксономии жанр
  2. Второй словарь «Язык оригинала»
    Словарь таксономии язык оригинала
  3. Новый тип материалла «Автор», который будет содержать поля:
    1. Ф.И.О- напишем тут Инициалы автора
    2. Об авторе – Интересную информацию об авторе
    3. Фото – тип поля «Изображение»
    4. Дата рождения – тип поля Date (Unix timestamp). Поле, которое подключается при помощи модуля Date, и как ясно из название необходимо для обозначения дат.

    Тип материала Автор

  4. Ещё один тип материала «Книга». С полями:
    1. Название книги – переименованное поле title
    2. Аннотация – переименованное поле body
    3. Обложка- тип поля «Изображение»
    4. Жанр – тип поля «ссылка на термин»
    5. Страна - тип поля «ссылка на термин»
    6. Написал - поле типа «ссылка на материал», появляется после установки и включения модуля Reference, который даёт возможность ссылаться на другие типы материалов, в нашем случае мы будет ссылаться на автора.

    Тип материала книга

  5. Ну и конечно создадим несколько Книг и Авторов, для того чтобы было что «отображать».

Подробнее о установке модулей

Настраиваем представления для начала работы

Теперь пришло время подключить views и views UI модули:

Включаем представления

Если всё прошло удачно, то у нас в разделе «Структура» появилась новая вкладка «представление». На которую нам необходимо перейти что бы продолжить работу с представлениями.

Создание нового представления

В стандартном наборе, который предлагает друпал, уже есть представления, но они отключены (цвет шрифта серый). Обратим внимание, что представление может быть как Включённым (цвет шрифта чёрный), так и Выключенным (цвет шрифта серый).

Для того, чтобы создать представление нужно кликнуть по ссылке «Добавить новое представление».

Ссылка перенаправит нас на страницу с полями, которые необходимо корректно заполнить:

  1. Название, в нашем случае я назову Книги, и нажав ссылку «правка» задам ему машинное имя.
    Задаем название view
  2. Рядом с полем «описание» устанавливает галочку и в окне пишем непосредственно description нашей вьюхи. Советую заполнять это поле воизбежание путаницы в дальнейшем при работе с множеством представлений.
    Описание view
  3. В разделе показать, выбираем «содержимое», тип – необходимый раздел (в нашем случае «книга», можно оставить и по умолчанию, вывод всех материалов, но тогда в самом представлении придется донастраивать фильтры), в сортировке выбираем удобную нам сортировку
    Выбираем содержимое view
  4. Друпал нам предлагает создать два вида отображения: первый – страница, второй – это блок. В этом разделе мы рассмотрим первый вариант создания отображения, по этому ставим галочку «Создать страницу». Блочные представления будут рассмотрены в дальнейших уроках курса.
    Выбирем view страницу
  5. В разделе «путь» вписываем glavnaya после чего друпал создаст страницу на которую можно будет попасть перейдя по данному url, в нашем случае my-library/glavnaya.
    задаем путь страницы представления
    Чуть позднее мы укажем эту страницу как главную на сайте. Таким образом мы можем создавать страницы при помощи представлений и в дальнейшем выводить на них необходимую нам информацию.
  6. Формат отображения «Неформатированный список» из «поля». Таким образом мы выбираем что представление каждой ноды будет просто обернуто в div, если же мы хотим вывести информацию о нодах как рядки таблицы, то стоит использовать таблицу, хотим обернуть ноды в li, тогда пригодится html список.
  7. Элементов отображения – пишем то значение сколько нам нужно, чтобы выводилось на 1 экране, а галочка «Использовать постраничную навигацию» подключит внизу страницы переключатели страниц
  8. После заполнения формы нажимаем на кнопку «Продолжить редактирование»
    Переход к редактированию представления
  9. После нажатие кнопки мы попали на наше детище. И друпал первым делом нас информирует о том, что все настройки, которые мы внесли, сохранены только временно, если мы с ними со всеми согласны мы должны нажать кнопку «Сохранить», если мы совершили оплошность или поспешили то нажимаем кнопку «Отменить»
  10. Мы воспользуемся советом друпал и сохраним наше представление.
    Сохранение представления

На этом этапе мы уже создали своё первое представление, в котором уже есть одно отображение, которое за нас назвали Page.

Теперь заменим главную страницу на нашу, которую мы создали при помощи представления. Для этого нам необходимо перейти Конфигурация-> Система-> Информация о сайте

Переход на информацию о сайте

И в разделе Главная страница по умолчанию задаём путь, который мы ранее задали при настройке вьюхи, в нашем случае glavnaya. И после сохранения этих настроек созданное нами представление будет вместо главной страницы сайта.

Заменяем главную

Теперь перейдя на главную страницу сайта мы увидим наше представление.

views главной страницы

Дальнейшие статьи по работе с представлениями можно посмотреть тут

Оценок: 6 (средняя 3.8 из 5)

Оценка: 
Ключевые слова: 
Понравилась статья? Расскажите о ней друзьям:

Курсы по Drupal (в открытом доступе)