/WPReboot

Reboot your theme using one of the popular css preprocessors.

Primary LanguageCSS

WPReboot Theme

The goal is to provide you 2 most popular css preprossesors without sacrificing the theme performance while keeping the code/framework minimal and versatile. WPReboot is a WordPress starter theme based on HTML5 Boilerplate. The choice is yours whether you want to work with Bootstrap using LESS or Foundation Zurb using Sass.

Demo

Demo is not yet available, but it will eventually be found at http://wpreboot.lduong.com/.

Getting Started

Please note, this is still a working progress. WPReboot Bootstrap is the only theme that is currently working, but there are components that are missing which will be added when time permits. WPReboot Foundation will be implement once bootstrap is in place.

Bootstrap

Foundation

  • Download Zip file:
  • Fork:

Set up Less

For Mac (WIP) This method is set up thru server side only.

  1. Install nodejs.org
  2. Install bower package
  3. Install recess or install lesscss
  4. More instruction to come

For PC (WIP) This method is set up thru server side only.

  1. Instruction coming soon

Set up Sass/Scss

For Mac (WIP)

  1. Instruction coming soon

For PC (WIP)

  1. Instruction coming soon

Features

WPReboot inherits all the cool features from Bootstrap, and packs with several other interesting features to optimize the experience for WordPress and HTML5. Including customized output for WordPress menus and caption. You can view the features list by scrolling down.

Basic

  • Less or Sass compatible
  • Mobile first
  • HTML5Boilerplate
  • Bootstrap 3.0 / Foundation 4.3.1
  • Speed (Verify by YSlow - should be B or above)
  • SEO friendly
  • Basic CSS included

Wordpress

  • Post formats support
  • Pagination ready
  • Cleaner output of wp_head and enqueued scripts/styles
  • Nice search (/search/query/)
  • Custom Background Image and Color support
  • Custom menu output for Bootstrap top bar
  • Custom filter for images, will automatically wrap images with figure tag
  • Three menus: top navigation menu, utility navigation menu, and footer information menu
  • Two Widget: sidebar and footer.
  • Several custom page templates are included in the package

Contributing

Anyone is welcome to help contribute and improve this project. Here are a few ways you can contribute:

  • Reporting issues (please read issue guidelines)
  • Suggesting new features
  • Writing or refactoring code
  • Fixing issues

Sources