Enter your username and password to login to your account.
Keep Theming Simple with Bootstrap and Panopoly
This session will showcase how Twitter Bootstrap and Panopoly (or Panels) can be combined, by way of some great new Drupal themes such as Kalatheme and Radix, to create a newer, simpler and sexier theming framework. Within this paradigm users both novice and pro can rapidly build fully responsive, mobile and tablet ready themes while choosing from thousands of pre-made Bootstrap based starting points. Users will also be able to enforce stricter CSS standards, quickly toggle the responsive visibility of certain panes and generate subtheme starting points from pre-existing bootstrap libraries like wrapbootstrap.com. The goal of this paradigm is to both increase accessibility to newer users while also providing extensibility to veterans. Since these themes rely heavily on panels and/or panopoly this session will also demonstrate a lot of the magic in those areas as well.
Specific areas of interest that will be discussed are:
Libraries API Integration
Start theming on the 10th floor instead of from the ground and remove tons of clutter in your theme by putting stock or custom bootstrap into the libraries folder where it belongs. Turn one theme into a portal to thousands of others by leveraging the entire Bootstrap ecosystem.
Blocks are Dead
Move beyond the old paradigm of theming with blocks and regions to a panels layout driven responsive paradigm that fully leverages the power of the panels in place editor. Never turn block.module on again, ever.
Page and Panels Layout Templates
Older themes have a plethora of template files with lots of complexity and logic in page.tpl.php. In the "no-regions" paradigm page.tpl.php becomes smaller and most of your template files now become reusable, simple, lightweight and easily built panels layouts. Add "regions" when you need them. Enjoy subthemes with 5 or less non-panels template files.
With Libraries API integration and a powerful base theme your subthemes will be simple, intuitive and not overloaded with files. Instead of having tons of monolithic templates and CSS your theme will likely only have less than a dozen files.
Kalatheme ships with a special ctools style plugin for site builders and admins to easily configure the device visibility of particular panels panes. It also allows users to easily add element tags and classes to panels panes. You can also add additional styles and classes to the plugin in your theme settings. Hide certain panes on tablet and mobile. Easily change pane styles. Bridge the gap between site building and theming.
The session will finish by showing an example of a kalatheme subtheme and the pathway taken to easily turn a custom bootstrap library into a powerful panels based, region-less theme. If time permits it will also look at other panels/bootstrap themes.