Практическое использование модуля Panels презентация

Содержание

Спонсоры Генеральный спонсор Серебряный спонсор Серебряный спонсор Бронзовый спонсор Бронзовый спонсор Организатор

Слайд 1Практическое использование модуля Panels
Info@siteograf.com
Виктор Богуцкий

Слайд 2Спонсоры
Генеральный спонсор
Серебряный спонсор
Серебряный спонсор
Бронзовый спонсор
Бронзовый спонсор
Организатор


Слайд 3Главные вопросы
Что такое «Панели»?
Зачем они нужны?
Когда следует их использовать?

Слайд 4Что такое «Панели»?
Мощный инструмент для создания персонализированного гибкого отображения страниц и

типов материалов.

Каждая панель обладает изменяемым набором регионов, внутри которых может быть все что угодно!

Когда блоков становится много «приходят» панели.

Слайд 5Зачем нужны панели?
Облегчить и ускорить разработку
Персонализировать вывод разделов
Быстрое конструирование страницы
Больше простора

творчеству!


Слайд 6Когда следует использовать?
На сайте много разделов с разными шаблонами
Нужна возможность

быстрой смены шаблона отдельной страницы
Растущие сайты и сайты-прототипы
Стандартизация




Слайд 7Так видят пользователи
ru-casting.com

Слайд 8Управление панелью

Слайд 9Что можно добавить в регион?
Показан особый вид отображения Views: «Pane content»,


который используется только для выводе внутри панелей.

Слайд 10Views и Panels
Не нужно создавать блочные представления Views

Views создает Content pane (модуль

Views content panes)

Content pane доступен только внутри панели. Избавляемся от избыточного количества блоков.

Слайд 11Вывод ноды панелью
Можно переопределить вывод ноды панелью.
Включить в Manage pages Node template
Добавляем

Вариант (Add Variant)
В Selection rules выбираем Node:Type и указываем тип контента для переопределения.

Слайд 121. Создание шаблона своей панели
Берем из установленного модуля Panels /sites/all/modules/panels/plugins/layouts любой

шаблон и копируем в папку со своей темой


Слайд 132. Создание шаблона своей панели
Редактируем файл .inc ПОСЛЕ

РЕДАКТИРОВАНИЯ ОЧИСТИ КЕШ

В .info файле темы добавляем plugins[panels][layouts] = panels/layouts

Слайд 143. Создание шаблона своей панели
Редактируем файл .tpl.php, правим разметку, добавляем регионы

Слайд 15Набор шаблонов
http://drupal.org/project/panels_extra_layouts

Слайд 16Верстка панелей
Внутри каждого шаблона можно использовать свой css-файл.
Более прогрессивный способ

использовать css-фреймворк, например, 960.gs


Слайд 17Колоночная сетка (Grid System) 960
В отдельном CSS файле содержаться значения классов.
Добавляя

к элементу css-классы он получает предопределенные свойства: ширину, наличие внутреннего/внешнего и левого/правого отступа

Слайд 19Классы 960.gs на примере 12-ти колонок
.grid_3 — занимает 3

колонки, ширина 220px, отступ слева и справа по 10px.
.alpha — отступ слева 0px
.omega — отступ cправа 0px
.prefix_1 — слева внешний отступ 1 колонку (padding)
.suffix_10 — справа внешний отступ 10 колонок
.push_6 — сдвиг слева на 6 колонок (left: 480px;)
.pull_6 — отрицательный сдвиг слева на 6 колонок (left: -480px;)



Слайд 20Генерация и внедрение
Использовать сетку при дизайне макета!
CSS файл можно сгенерировать на

сайте http://960.gs, настроив кол-во колонок, отступы и общую ширину
Обычно шаблон фиксирован, но есть и «резиновая» с использованием %
GridFox — плагин для Firefox, накладывает сетку на веб-страницу
Firebug

Слайд 21Спасибо за внимание
Info@siteograf.com
Виктор Богуцкий

Слайд 22Спонсоры
Генеральный спонсор
Серебряный спонсор
Серебряный спонсор
Бронзовый спонсор
Бронзовый спонсор
Организатор


Похожие презентации

Создание шаблонов оформления презентаций 361
Биография в истории места 375
Шаблон презентации 260
Планы развития линейки "1С:Медицина": "1С:Медицина. Поликлиника" и "1С:Медицина. Больница" Алексей Гайдуков, фирма 1С 283
Автор данного шаблона: Ермолаева Ирина Алексеевна учитель информатики и математики МОУ Павловская сош с.Павловск Алтайский край 223
Писатели- юмористы 296

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

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

Для правообладателей

Яндекс.Метрика