Friday, March 2, 2012

Learning to use Wordpress: 3 Free Customizable Wordpress Themes for HTML 5

Are you a web developer or designer who is new to Wordpress? 


You've probably heard of it as the easy to use web editing software or content management system (CMS) that can make your life as a casual developer or full-time designer or web manager easier.


This is generally true, but before I sing it's praises it would be important to point out, as with any strong coding based project, it's better to start learning on someone else's shoulders as opposed to building from scratch.


Below are  my picks for Wordpress themes for new developers who want to work with HTML5:





Downloadable at HTML5Reset.org, this theme offers
just what the title would suggest: an easy opportunity
to re-boot your webpage according to the new
HTML5 standards, with great customization features!
HTML5 Reset.org 


Advantages:  

  • It's FREE!
  • Easy-to-install and use instructions
  • Interactive development; coders frequently test and update projects. There is an active blogging community which supports the theme such as Wordpress vets: Digging Into Wordpress, a tremendous resource for new and experienced developers
  • HTML5 compatibility
  • Fluid design, well-documented code

It's perfect for users who are comfortable with handling child themes!
  • It's FREE!
  • Easy-to-install and use instructions
  • Highly customizable
  • HTML5 compatibility
  • Fluid design, well-documented code
Hybrid is perfect for developers who are well-versed in child themes--basically, it's theme development without having to worry about one change breaking  your entire website. It uses a core framework, is backwards compatible, and relatively easy to make new versions of your website without the risk of completely dismantling pre-existing style themes.



Found at www.rootstheme.com, this oft updated HTML5 

compatible  theme is perfect for new and experienced developers

  • It's FREE!
  • Easy-to-install and use instructions
  • Highly customizable
  • HTML5 compatibility (includes .htcaccess, which means you don't have to deal with clunky server restarts to preview changes in your code)
  • Fluid design, well-documented code
You can't underestimate how important cleanly organized and well documented code is to a proper Wordpress theme. 

The developers of Roots took the time to delineate between critical wordpress components, such as the loop.php files, style.css and even included a separate, customized HTML5 coded search engine. It's best feature however, is easily the adjusted header.php file, which takes care of a lot of fun stuff for you by taking advantage of dynamic PHP customization.

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <title><?php wp_title('|', true, 'right'); bloginfo('name'); ?></title>
  <meta name="viewport" content="width=device-width">
  <?php roots_stylesheets(); ?>


*Notice all of the tasty little <?php wp...?> code snippets that allow the user to easily customize content using the Wordpress CMS. They've even taken the time to grab the dynamic roots stylesheets for you by building the function into the header.php file.


It's this care and attention to detail that makes Roots my preferred go-to theme, but you might find that Hybrid and HTML5 reset are more your speed.




Do you have any recommendations for customizable, HTML5 compatible themes in Wordpress? Please, feel free to comment, tweet and share!


No comments:

Post a Comment