Trestle

A handy boilerplate child theme for serious Genesis developers.


View Demo →

Intro

Trestle takes a lot of the grunt work out of building sites using the Genesis Framework, providing quick and easy-to-implement solutions to common problems and repetitive tasks. We’ve taken Genesis’ rock-solid foundation, integrated mobile-first CSS, responsive navigation, a full-featured settings panel, and much more. Download. Install. Enjoy.

Features

Here are some of Trestle's many features, check out the Trestle Demo for a full list.

• Responsive navigation menu
• Mobile first CSS
• Custom control over post info and meta
• Multiple page layouts
• Auto-generating primary navigation
• Ability to auto-install your favorite plugins
• Helpful theme jQuery
• Compatibility with Genesis Extender plugin
• Optional link icons
• Built-in shortcodes (columns, buttons, Font Awesome, etc)
• Front-end styles appear in editor as well
• And more!

Settings & Usage

• The Trestle control panel is located at Genesis → Theme Settings, in the Trestle metabox.
• Examples and usage can all be viewed on the Trestle Demo

To Do

• Convert non-theme functionality to separate Genesis-dependant plugin
• Add in Grunt support for:
  • Sass
  • Auto-ordering of CSS
• Add ability to click off of mobile menu/search to hide menu/search.
• Rework menu CSS for simplicity (general / primary / secondary / header)
• Convert non-theme functionality to separate Genesis-dependant plugin
• Add in Grunt support for:
  • Sass
  • Auto-ordering of CSS (CSSComb)
  • Translation
  • Check other themes for other ideas. . .
• Switch to customizer for theme options instead of Genesis panel (pros? cons?)
• Remove custom background CSS that doesn't make sense (different max-widths, etc)
• Weird extra icons on accordions on demo site.
• Add checkbox to control author box (along with post info/meta) output (see ES: esw-custom.php)
• Mobile menu button setting - either:
  • Remove (currently controlled from JS), or
  • Pass icon/text as params to jQuery