Radix Layouts
A set of 31 responsive layouts for Backdrop CMS.
Features
- Responsive out of the box
- Works with any Backdrop theme.
- Easily extendable to support new layouts and new regions.
Installation
- Download or clone this repository.
- Extract to /layouts such that this README.md file is at /layouts/radix_layouts/README.md.
How to override layouts
- To override layouts in your theme, copy the layout template (layout-NAME.tpl.php) from the /layouts/radix-layouts directory and place it in your theme templates directory.
- Make your changes and save.
- Clear the cache to see your changes.
How to add new regions
Using radix_burr as an example:
- Copy the layout directory (e.g. radix_burr) from /layouts/radix-layouts and place it under /layout.
- Rename radix_burr with the name of your layout, custom_layout.
- Rename radix_burr.info and radix-burr.png to custom_layout.info and custom-layout.png respectively.
- Rename layout--radix-burr.tpl.php to layout--layout-name.tpl.php.
- Edit custom_layout.info and add your region:
; Specify regions for this layout.
regions[header] = Header
regions[sidebar] = Sidebar
regions[custom_region] = Custom Region
regions[content] = Content
regions[footer] = Footer
- Edit layout-your-layout-name.tpl.php and add your region as follows:
<?php if (!empty($content['custom_region'])): ?>
<?php print $content['custom_region']; ?>
<?php endif; ?>
Fluid layout
- To make your layout fluid, follow the steps above to override the layout.
- Remove the
container
class from main
Radix Layouts for Drupal
http://drupal.org/project/radix_layouts
License
This project is GPL v2 software. See the LICENSE.txt file in this directory for complete text.