Added a customized theme to Panelizer in Drupal 7

1. Put in your module file *MODULE_NAME.module* ```php /** * Implements hook_ctools_plugin_directory(). */ function MODULE_NAME_ctools_plugin_directory($module, $plugin) { return 'plugins/' . $plugin; } ``` 2. Create a folder **plugins/layouts** inside your module folder *MODULE_NAME* 3. Inside **plugins/layout** create your customized layout, for example *twocol21* Create the following files inside the folder *twocol21* ***panels-twocol21.tpl.php*** ```
>
```` ***twocol21.css*** ``` .panel-2col { /* overflow: hidden; */ } .panel-2col .panel-col-first { float: left; width: 50%; } * html .panel-2col .panel-col-first { width: 49.9%; } .panel-2col .panel-col-first .inside { margin: 0 .5em 1em 0; } .panel-2col .panel-col-last { float: left; width: 50%; } * html .panel-2col .panel-col-last { width: 49.9%; } .panel-2col .panel-col-last .inside { margin: 0 0 1em .5em; } #panels-edit-display .panel-pane, #panels-edit-display .helperclass { margin: .5em; } .panel-2col .panel-separator { margin: 0 0 1em 0; } ``` ***twocol21.inc*** ``` t('Two column 21 (Susy-based)'), 'category' => t('Columns: 2'), 'icon' => 'twocol21.png', 'theme' => 'panels_twocol21', 'css' => 'twocol21.css', 'regions' => array( 'left' => t('Left side'), 'right' => t('Right side'), ), ); ``` ***twocol21.png*** This is just an image showing two columns Note --- The classes one-third and two-thirds (*panels-twocol21.tpl.php*) come from the [Susy framework](http://oddbird.net/susy/) but you can use your own (Bootstrap for example)
Etiquetas