Темизация views drupal

​

Скорее всего каждый из разработчиков на Drupal сталкивался с необходимостью темизации определённых полей модуля views. С помощью темизации views можно просто поменять стиль какого-либо поля, изменить размер и положение полей. Данная статья поможет вам освоить простую и быструю технику темизации полей модуля views.

В нашем примере мы будем использовать предустановленный шаблон “Главная страница” модуля views. Чтобы его включить необходимо в меню администраторской части перейти в раздел структура – представления. В списке имён представлений находим Front page и нажимаем включить.

​

Вот как выглядит на данном этапе главная страница (я добавил картинку и демонстрационный текст lipsum к каждой статье):

​

Давайте посмотрим, каким образом можно модифицировать данное представление.

• Перейдите в раздел редактирование данного представления (структура - представления - Front page)
• Найдите в правой части открывшегося раздела представления столбец с названием Расширенные
• В самом низу кликните по пункту Тема оформления: информация, как показано на следующем рисунке:

​

После этого откроется новое окно во фрейме с полезной информацией для темизации Views.

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

​

Файлы, выделенные жирным используются в настоящее время текущим представлением. В нашем примере модуль Views использует файлы views-view.tpl.php и views-view-unformatted.tpl.php. Другие имена файлов являются предложенными системой вариантами для перезаписи.

Итак, где же находятся эти файлы? Находятся они по адресу /sites/all/modules/views/theme

​

Если вы хотите модифицировать эти файлы, скопируйте их в папку с вашей темой, как показано ниже:

​

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

• Откройте в редакторе файл views-view.tpl.php.
• Сделайте изменение в этом файле. Например так:

• Переопределите название этого фала на views-view--frontpage--page.tpl.php (это имя файла последнее в списке Тема оформления: информация)
• Откройте раздел конфигурация-разработка-производительность и очистите кеш
• Откройте главную страницу для просмотра сделанных изменений

​

Теперь надпись появится только на главной странице. Если вы хотите, чтобы она появилась на всех страницах представления, просто не переименовывайте скопированный файл. То есть файл должен называться в этом случае views-view.tpl.php. Вы можете внести любые изменения, например добавить новый элемент к представлению:

Затем добавить CSS к новому элементу представления:

    .pager{
      background-color: #f00;
     }

В итоге получится вот такой пейджер:

​

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

Если вы хотите поменять стиль определённых полей, а не всех стразу, то необходимо использовать другой подход. Зайдите в раздел редактирования представления. Убедитесь, что в разделе Формат включены поля:

​

В разделе поля кликните по любому полю, в настройках стиля отображения вы можете добавить любой CSS класс, а также задать html элемент для вывода нужного поля:

​