• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Problem with Doctype

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Problem with Doctype

This topic is: resolved

Tagged: html5

  • This topic has 10 replies, 3 voices, and was last updated 11 years, 5 months ago by David Chu.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 18, 2013 at 6:15 am #73919
    dscontroller
    Member

    I'm quite new to Genesis and WordPress and need an explanation, please.

    I'm using the latest Genesis 2.0.1 and child theme Decor 1.0.1 both of which are shown as Doctype Html5.

    I've set up a trial site for a client on my webspace, but find that the site is showing <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Have I overlooked something or is this normal?

    Thanks in advance.
    David

    http://http:://www.uttley-rafvr.co.uk/wordpress/
    November 18, 2013 at 1:34 pm #73997
    nutsandbolts
    Member

    Actually, Decor hasn't been updated for HTML5 - 1.0 was released in 2012. The doctype is normal because it's an XHTML child theme.


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers โ€ข Find me on Twitter and Google+

    November 18, 2013 at 1:57 pm #74009
    David Chu
    Participant

    Hi,
    Decor is not HTML5 yet, so your question is a valid one. The easiest giveaway to that is when you look at the theme demo, and it says "Pro", as in "Decor Pro" and so on. I had a look around, and I didn't see anyplace where HTML5 was claimed for Decor.

    Many themes are still in line to be upgraded to HTML5, and Studiopress does not tell when they'll be done, so sorry, you could be waiting for awhile.

    You could do the conversion yourself if you're geekie like me, but it's understandable that people would want a free (and work-free) upgrade.

    Dave


    Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers

    November 19, 2013 at 2:51 am #74152
    dscontroller
    Member

    Andrea, Dave,

    Thank you for your replies.

    I think I might be waiting for Studiopress to do the geekie alterations for me, although I have seen a tutorial on the net explaining what is to be done to convert it.

    Many thanks for your explanations.

    David

    November 20, 2013 at 12:11 pm #74442
    dscontroller
    Member

    Hi Dave,

    You got me hooked into trying my hand at converting that particular theme into html5. I did a search on the web and found a tutorial from http://cobaltapps.com/genesis-xhtml-to-html5-css-converter/ which lists the steps to do so. Rather than use the site referred to above, I've set up a local site on my vhosts to try it out first.

    The tutorial is very straight forward and very helpful and easy enough to implement. I copied the css stylesheet and put it through the mincer at the above site and then pasted it into my stylesheet. I also pasted in the code (// Enable HTML5 markup
    add_theme_support( 'html5' );) into the Decor theme functions.php file
    Everything worked with the exception of the top corners of the centre column not appearing.

    I tracked down what I know is the code to install the fancy corners and this also appears in the functions.php file.
    //* Add post/page wraps
    add_action( 'genesis_before_post_title', 'decor_start_post_wrap' );
    add_action( 'genesis_after_post_content', 'decor_end_post_wrap' );

    function decor_start_post_wrap() {
    ?>
    <div class="wrap">
    <div class="left-corner"></div>
    <div class="right-corner"></div>
    <?php
    }

    function decor_end_post_wrap() {
    ?>
    </div>

    Can you give me a clue as to why this isn't working?

    Thank you in advance.

    David

    November 23, 2013 at 2:31 pm #75281
    David Chu
    Participant

    Hi,
    The basic problem is that you're not using the HTML5 hooks. You'll want to review Studiopress documentation for the equivalents. Also, I have an article that fills in some of the blanks. The rest is up to you!

    http://davidchu.net/blog/genesis-2-0-html5-hooks/

    Dave


    Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers

    November 23, 2013 at 2:36 pm #75283
    David Chu
    Participant

    Hi,
    The basic problem is that you're not using the HTML5 hooks. You'll want to review Studiopress documentation for the new equivalents. Also, I have an article that fills in some of the blanks. The rest is up to you!

    http://davidchu.net/blog/genesis-2-0-html5-hooks/

    Good luck,
    Dave


    Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers

    November 24, 2013 at 3:40 am #75336
    dscontroller
    Member

    Hi Dave,

    Didn't need good luck after visiting the links you kindly provided!

    Your information was 'spot on' and provided me with the info I was looking for. It works like a dream, thank you.
    I'm sure that other people will find this very helpful too.

    David

    November 24, 2013 at 10:14 am #75363
    David Chu
    Participant

    David,
    Coolness! Glad to hear it. These hooks are definitely trickier to use than the 1.0 ones, due to their need to accommodate the HTML5 structures. The key is that priority is needed in lots of places now. I found a number of spots through testing, but not all of them (that would take considerable digging).

    You may find Chris's Visual Hooks plugin helpful. I really enjoy using that when developing a site. I haven't looked at its innards, but it essentially displays each hook as it finds it. That covers a lot. Getting all the priorities in there as well would be very tricky, I think. You can't just pump out every priority number from, say, 0 to 100 - you'd get lots of duplication, as my article implies, and it would be yucky to read. ๐Ÿ™‚

    I was working an an extremely specialized non-Genesis WP theme the other day, and I had to use priority 995 on one call! Don't ask. ๐Ÿ˜‰

    btw, congrats on doing some coding and investigation - you'll get way further than most Genesis users!

    Dave


    Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers

    November 24, 2013 at 10:45 am #75372
    dscontroller
    Member

    Hi Dave,

    As I said earlier, I've only just started with Genesis and WordPress, although I'd tinkered with WP and Thesis some time ago. I sort of fell out with Thesis now it's moved to Thesis 2 and, having read what users said about Genesis, thought I would give it a go. You've certainly helped me take steps in the right direction and I thank you for the help!

    You obviously like 'digging into' all that WP and Genesis offer. I had downloaded Chris's Visual Hooks, but obviously wasn't aware how to use them till your explanations showed me the light.

    Like you, I now want to dig further into the coding side until I can understand it somewhat better.

    We use 999 for emergency calls in this country - ahem! ๐Ÿ˜‰ so I won't ask!

    David

    November 24, 2013 at 10:56 am #75377
    David Chu
    Participant

    Ah, where would that be where 999 is the number? ๐Ÿ™‚

    I like Thesis 1 myself, and heard lots of nasty fallout about Thesis 2.

    OK, I'll "out" the theme I was using, too. CommentPress, which is popular with academics because you can have your users comment their little brains out in your document in line! So someone might unleash their dissertation or other big doc on the site, and then everyone weighs in.

    Not my idea of a good time, though. ๐Ÿ™‚ It's super non-traditional in structure, and it took some serious hacking to alter it. In a word: yuck!


    Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble