Upload
kirill-borzov
View
44
Download
0
Embed Size (px)
Citation preview
Files
template.php
Separate files
/includes/icons.template.inc
/includes/form.template.inc
/includes/menu.template.inc
/includes/css.template.inc
/includes/theme-functions.template.inc
_preprocess
_preprocess_menu_link
_preprocess_image_style
_preprocess_panels_pane
_theme_registry_alter*
_js_alter / _css_alter
_breadcrumb
_field
_form_alter
_form_element / _form_element_label
_theme
_preprocess_panels_pane
theme_hook_suggestions:
- panels_pane__TITLE
- panels_pane__class__PANECLASS[0]
- panels_pane__class__PANECLASS
Libraries:
- Bootstrap
- Foundation
- Modernizr
- Normalize
- Html5shiv
- Less
- IE 7-9 support
Apple
devices
icons
Theme settings
CSS
- Remove system styles
- Include circle styles
- Use IE styles
- Aggregate all css into 1 file
JavaScript
- Include libraries
- Aggregate files into 1
- All scripts in footer
- Use jQuery from CDN
Frameworks
- Separate CSS and JS for Bootstrap
- Separate CSS and JS for Foundation
- CDN or locally via libraries (thx Placinta!)
Breadcrumb
- custom separator
- add content title
- hide if only home present
- anything else?
Circle features:
- Humancs.css
- Less support
+ Mobile support
New features coming up soon!
Starterkit
Layouts:
- 1,2,3,4,5 Columns
- Bootstrap & Foundation
Designed for Grid system panel styles
Layouts have additional settings:
(currently only Bootstrap)
Panel pane/region styles:
Grid system columns:
- for framework grids
Pane classes:
- for custom content
and title classes.
Grid system columns:
Pane classes:
For themers
Scss support:
/base
_forms
_lists
/variables
_colors
_typography
THEME.styles.scss
.gem file coming soon.
IE support:
css/ie.css
css/ie8.css
css/ie9.css
Make sure to enable IE support in settings
Custom layouts and styles:
Theme layouts and styles are part of
starterkit, so make sure to delete layouts
that you don’t need. Path to layouts defined
automatically in starterkit theme.
/plugins/layouts/…
/plugins/styles/...
Custom templates:
panels-pane.tpl.php
views-view.tpl.php
Both are duplicated in starterkit
For developers
Custom theme functions:
Currently some simple functions.
You can preprocess Circle theme function
and add your stuff.
Plans:
circle_theme_table
circle_theme_fieldset
circle_theme_accordion
Renderable arrays:
$submitted = array(
'label' => array(
'#prefix' => '<span class="submitted-by-name">',
'#markup' => t('Submitted by '),
'#suffix' => '</span>',
'#weight' => -20,
),
'username' => array(
'#markup' => $variables['name'],
'#weight' => -15,
),
'on_text' => array(
'#prefix' => '<span class="submitted-by-on">',
'#markup' => t(' on '),
'#suffix' => '</span>',
'#weight' => -10,
),
...
Menus:
Custom menu_preprocess keeps all the menu items
information.
Class attribute fixes:
You can add classes for theme functions that didn’t
accept them before. Ex.: _field, _menu_tree
* Some functions are still in progress :)
Garland styles:
You can enable Garland in theme settings.
And disable when an actual themer appears.
Hope you’re glad, Vladimir :)
Pros and Cons
Cons:
- No as large community as Zen or Omega
- No great starting styles*
- Few custom features
- Good only for working with panels
- Often updates
Pros
+ Bootstrap and Foundation out of the box
+ Great Panels support
+ Clean markup and no styles
+ Configures a lot from theme settings
+ Often updates
+ Commit rights
Thank you!
http://dgo.to/circle
Create your issues and bug reports athttps://drupal.org/project/issues/circle