1. How To Create
Custom Layouts For
Panels Module

2. Gold Sponsor of
DrupalCamp Kyiv 2011

3. Silver Sponsors of
DrupalCamp Kyiv 2011

4. Step by step

Panel overview.

Panel structure.

Creation of custom layout.

Use of custom layout.

Custom layouts problem.

5. Panels overview
1. Drag and drop content manager.
2. Customizable templates.
3. Layout visual design .
4. Place content within that layout:
a. Custom blocks
b. Existing node (by title, nid)
c. Miscellaneous (execute php, views)
d. Node (fields, node attributes)
e. Page elements (breadcrumbs, site logo, site name)

6. Panel structure
1. Layouts.
Administration → structure → panels →
settings → panels pages

7. Panel structure
2. Layouts elements.
Administration → structure → panels → layouts
→ add flexible layout

8. Panel structure
2. Layouts elements.

9. Panel structure
2. Layouts elements.
Administration → structure → pages → edit sites
tempates → variants → content

10. Panel structure
3. What we have at html.
The result is a seven nested blocks with
standard classes.

11. Create custom layout
1. How to?
Theme
theme.info
Layouts
layout-name.tpl.php
layout-name.inc

12. Create custom layout
2. theme.info
plugins[panels][layouts] = layouts

13. Create custom layout
3. layout-name.inc

14. Create custom layout
4. layout-name.tpl.php

15. Use custom layout
Administration → structure → pages → edit site
template → variants → template name → layout →
miscellaneous (drop down)

16. Use of custom layout
1. Drag and drop content manager.
2. Customizable templates.
3. Layout visual design .
4. Place content within that layout:
a. Custom blocks
b. Existing node (by title, nid)
c. Miscellaneous (execute php, views)
d. Node (fields, node attributes)
e. Page elements (breadcrumbs, site logo, site name)

17. Custom layout problem
1. Functions call (no preprocess_page)
3. Can not create regions dynamically
4. One *.inc file per layout

18. Thanks You.
My Contacts:
skype: romkacrv
email: rchernov@adyax.com
icq: 264429514