Community Forums › Forums › Archived Forums › Design Tips and Tricks › Problem with Doctype
Tagged: html5
- This topic has 10 replies, 3 voices, and was last updated 10 years, 5 months ago by David Chu.
-
AuthorPosts
-
November 18, 2013 at 6:15 am #73919dscontrollerMember
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.
http://http:://www.uttley-rafvr.co.uk/wordpress/
DavidNovember 18, 2013 at 1:34 pm #73997nutsandboltsMemberActually, 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 #74009David ChuParticipantHi,
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 #74152dscontrollerMemberAndrea, 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 #74442dscontrollerMemberHi 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 #75281David ChuParticipantHi,
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 #75283David ChuParticipantHi,
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 #75336dscontrollerMemberHi 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 #75363David ChuParticipantDavid,
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 #75372dscontrollerMemberHi 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 #75377David ChuParticipantAh, 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
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.