WordPress.org

Ready to get started?Download WordPress

Forums

HTML 5 theme for WordPress, good idea? (10 posts)

  1. supolka
    Member
    Posted 5 years ago #

    Hi folks. I would like to contribute to WordPress project. My idea is to create fully HTML 5 compatible theme for WordPress. This theme would be based on HTML 5. Is it a good idea to do this? Is it a good topic for my diploma? What do you think, what is your opinion? Thank you.

    Tibor

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    What would an HTML5 theme offer that an XHTML1 theme couldn't? I do appreciate that there are some new features in the HTML5 spec but I'm curious as to which you would use in the theme and how you would ensure that any HTML5-specific markup worked cross-browser.

  3. supolka
    Member
    Posted 5 years ago #

    What would an HTML5 theme offer that an XHTML1 theme couldn't? Semantics and other great new elements, which make html code better and more suitable for CMS.

    This article is a great example, which elements you can use in a HTML 5 theme for WordPress

    http://www.ibm.com/developerworks/library/x-html5/

    HTML 5 is the future of the web and in the near future most of the web browsers will support HTML 5. At the present Firefox 3.5 and browsers based on Webkit core support some HTML 5 elements.

    The main idea is to do this for my diploma work and also to improve WordPress.

  4. esmi
    Forum Moderator
    Posted 5 years ago #

    I'm 110% for semantics but many of the people who download and use themes wouldn't know what semantic is and most probably wouldn't care. So I'm curious as to how you'd promote the theme to non-technical site owners. Right now, if it doesn't work in IE 7 & IE8, I can see it being a non-starter.

    Doesn't mean that it's not a good idea and that future themes won't be HTML5. Just that perhaps it's a little too early and the spec is too poorly supported to be of any great use just yet.

    How about a theme that conforms to WCAG 2.0 AA? Or even AAA?

  5. supolka
    Member
    Posted 5 years ago #

    I found out that there is also strong support for HTML 5 in IE8. I will think about WCAG 2.0 theme, but I think HTML 5 is better and more academic topic for my diploma work.

  6. dutchmastiff
    Member
    Posted 5 years ago #

    waste of time.
    bearly any browser support right now and html5 is constantly changing your code may break:http://dev.w3.org/html5/spec/Overview.html
    Making one for personal use is a good idea. I plan on doing it.

  7. mujtaba91
    Member
    Posted 5 years ago #

    @dutchmastiff
    i agree with you.....

  8. @mercime
    Volunteer Moderator
    Posted 5 years ago #

    supolka, while I encourage you to create a WP theme developed with HTML5 for your diploma work (I am reading up on it as well), I agree with esmi and the rest about practicality of HTML5 WP theme specially when cross-browser compatibility is very important for any website, WordPress or not. Disregarding IE 7/8 users is not an option for any self-respecting webmaster as well, when IE is still the most widely used browser around the world even if many web developers hate it :-)

  9. bradyjfrey
    Member
    Posted 4 years ago #

    It's a great idea - don't listen to them;). It's the future, and it's fairly easy to make IE listen to the new tags such as header, section, footer, nav, etc with just a little bit of javascript. I've built http://bradyjfrey.com and http://doughahn.net on html5 - and just about every other site in my portfolio still under my control will be html5 in the next few months. My issues with doughhan.net (for those of you with ie6) is simply the CSS3 I want to use. That's more of an issue I can't get around!

    So to answer some of the comments directly, html5 works in ie8 and under. You can use conditional comments to target them with simply javascript (and by simple, I mean extremely light), such as

    <!--[if gte IE 6]>
    <script>
    	document.createElement('header');
    	document.createElement('footer');
    	document.createElement('section');
    	document.createElement('aside');
    	document.createElement('nav');
    	document.createElement('article');
    	document.createElement('time');
    	document.createElement('mark');
    </script>
    <![endif]-->

    Can also be an external file. While I often don't advocate javascript solutions, this is a simple one we haven't had problems with on our marketing testing, and does the job.

  10. MichaelZed
    Member
    Posted 4 years ago #

    I agree with @bradyjfrey. Older, less capable browsers will still have to be supported in the future, so we may as well figure out how to do it now. Don't worry about promoting it to non-technical people. Those of us who would like to see it now already know who we are.

    And keep in mind that WordPress's default theme is XHTML, so it should already be valid HTML5, but the exercise is to improve it by incorporating new HTML5 features.

    I do hope you continue to update it as the HTML5 spec is tweaked, or open-source your code so that someone else would be able to take up the torch. Good luck.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags