/wordpress-html5-blank-pure

A wordpress blank theme for rapidly deploying your WordPress projects"

Primary LanguageCSSApache License 2.0Apache-2.0

Work In progress! Do not us for production

WordPress HTML5 Theme with Pure CSS

This is a fork of Todd Motto HTML5 Blank with a mix of Google's webkit starter. It shares the same goal as the original project to enable fast development of wordpress projects.

Getting Started with Wordpress Pure Blank

  • Go to the Wordpress' theme folder (.../wp-content/themes)
  • In CLI, run: git clone https://github.com/romidane/wordpress-html5-blank-pure
  • cd html5blank and then npm install and then bower install (you'll need gulp install as well)
  • gulp serve will enable browserSync and development version
  • gulp build for distribute version with minified js and css files
  • NOTE: src and dist folders can live happily together inside the same folder (Wordpress Pure Blank) that in the theme folder. You'll have two different instances of the theme within Appearance > Themes panel inside the admin

Features

HTML5

  • Basic Semantic HTML5 Markup
  • W3C Valid Code Foundations
  • Responsive Ready, ViewPort meta data
  • HTML Class support for IE7, IE8, IE9 Conditionals (HTML5 Boilerplate)
  • Clean, neatly organised code, with PHP annotations

jQuery + JavaScript

  • Replaced built-in WordPress enqueue with Google CDN
  • Protocol relative jQuery if Google CDN offline (HTML5 Boilerplate)
  • Conditionizr for cross-platform/device detects and enhancements
  • Modernizr feature detection, HTML5 element support for legacy, progressive enhancement (HTML5 Boilerplate)
  • DOM Ready JavaScript file setup (scripts.js) for instant JavaScript development
  • JavaScript files enqueued using WordPress functions into wp_head

CSS3

  • HTML5 Boilerplate reset
  • Media Queries framework for instant development using @media
  • @font-face empty framework with Fonts folder setup ready for new custom fonts
  • CSS3 custom selection styles
  • Inline print styles (HTML5 Boilerplate)
  • Body element config, including Optimize Legibility for kerning and font-smoothing
  • Replaced focus styles to avoid blue blur in field elements, replaced with border
  • Stylesheet enqueued using WordPress functions into wp_head

Preloaded Functions (functions.php)

  • Enqueue Scripts functions setup
  • Enqueue Styles functions setup
  • Dynamic WordPress Menu Navigation Support, preloaded with 3 Dynamic menus
  • Cleaned up dynamic nav output (Remove outer 'div')
  • Remove all injected classes from nav items, ID's, Page ID's
  • Custom Post Type x1 preloaded for demonstration, supporting: Category, Tags, Post Thumbnails, Excerpts
  • Dynamic Sidebar with x2 Widget Areas, and sidebar.php setup
  • WordPress Thumbnail Support, no Plugin image cropping, custom Arrays and Thumbnail settings
  • Custom Excerpt callbacks, with changeable callback numbers
  • Replaced 'Read More' button for custom Excerpt callbacks
  • Demo Shortcodes included, with Nested Shortcode capability
  • Add Slug to body class (Starkers Theme credit)
  • wp_head functions stripped right down, remove excess injected junk
  • All functions annotated, categorised into sections, filters, actions, shortcodes etc.
  • Space for development, neatly organised code with Modules/External files

Theme Files and Functionality

  • Built in Pagination, no plugins (strips out prev + next post and gives page numbers)
  • Optimised Google Analytics in footer (HTML5 Boilerplate)
  • Widget Area Sidebar support, functions in place to get developing
  • Custom Search Form included (searchform.php) - fully editable
  • Tags support for showing Post Tags
  • Category support for showing the Category of post
  • Author support showing the author
  • Demo Custom Page Template for expansion