HTML5Press
HTML5Press lives here. HTML5Press is a WordPress theme based on the HTML5 template by Jesper.
Current Stable Version: 2.2 (released 11/28/2011)
Download HTML5Press 2.2
A demo is available at html5press.com, but you can also see it in action here at longren.org. I switched from the Mystique theme to HTML5Press here at longren.org on 8/9/2011. You can view the project at Github. You can download the latest development versions of HTML5Press at Github.
Obviously, this theme is meant to be viewed in a modern web browser, like Google Chrome or Firefox 4. The theme looks nice in Internet Explorer, but it doesn’t look as nice as it would in a modern browser. No rounded corners, transitions, or box shadows will show in Internet Explorer.
Some features in HTML5Press:
- CSS3 and HTML5
- 40+ Font Choices from Google Web Fonts
- Featured Post Images
- WordPress Menu Support
- WordPress Widget Support
- Threaded Comments
- “Back To Top” Button
- Theme Options Page
- Featured Posts Slider
- 6 Built-In Color Schemes (pink, blue, green, red, orange, and bluish purple)
- Link, quote, and status Post Formats
- Update notifications
- Custom logo support
- Maintenance Mode
- French and German Translations included
- Fuzzy timestamps
- Built-in Twitter Widget thanks to Matthias Siegel and his Simple Twitter Widget. Includes a “Follow Me” button option.
- WordPress Custom Background support
Some Screenshots
Note: the following needs updated, as there are many more options now. Currently, the HTML5Press options page offers five options. The first option lets you enable or disable the “back to top” floating button. The second option lets you define the image size that’s linked to on featured images. The third allows you to select a color scheme to use. The fourth defines how many posts to include on the featured post slider. And the last option is the category you’d like the featured post slider to pull posts from.
You can leave any comments, questions, or suggestions you might have right here in the comments. If you are using HTML5Press and notice any issues or see something broken, please report it on the Github issues tracker for HTML5Press.
[...] HTML5Press [...]
[...] Longren has made a WordPress theme of this theme – You can read his page about it where you can see a demo and download the source code on Github (download will be available [...]
[...] Download it now [...]
[...] HTML5Press [...]
The template is FANTASTIC!
Glad you like it Michele! Let me know if you end up using it on a website. I’d love to see it “in the wild”.
[...] HTML5Press is an HTLM5 and CSS3 theme with featured images, menu and widget support, and threaded comments. [...]
[...] HTML5Press is an HTLM5 and CSS3 theme with featured images, menu and widget support, and threaded comments. [...]
nice theme bud,
easy look, i love it
[...] HTML5Press is an HTLM5 and CSS3 theme with featured images, menu and widget support, and threaded comments. [...]
[...] A new and great HTML 5 template is offered free so you can have a modern blog using the latest Internet Technology and standards (HTML 5 and CSS3). The theme is called: html5press and you can download it here. [...]
[...] Un nuevo y genial tema con HTML 5 esta listo para que te lo bajes gratis para que lo uses en un blog moderno que emplee lo más último en tecnologías y estándares de Internet, como lo son el HTML 5 y el CSS3. El template se llama: html5press y lo puedes bajar aquí. [...]
[...] HTML5Press [...]
[...] HTML5Press is an HTLM5 and CSS3 theme with featured images, menu and widget support, and threaded comments. [...]
[...] HTML5Press [...]
Nice one I really like it! I am also thinking about using this theme for my blog.
great template
Would just like to point out your statement about Internet Explorer is outdated: While it is true that older versions of IE don’t support the CSS3 effects in your site, IE9 (released over a month ago) supports them and is on par with Chrome and Firefox where HTML5 support is concerned. I’m looking at the theme in IE9 right now and it’s no different from Chrome or Firefox.
If just Microsoft would let IE9 in windows XP, trust me they will on par against Google and Mozilla, but their decision to make. Just like Tyler said “there’s still a LOT of users who are on Windows XP that can’t install IE9″.
Just a small correction to your text:
Obviously, this theme is meant to be viewed in a modern web browser, like Google Chrome, Firefox 4, Opera or IE9. The theme looks nice in older browser versions, but it doesn’t look as nice as it would in a modern browser. No rounded corners, transitions, or box shadows will show in older versions of common browsers, most notably Internet Explorer 8 and older.
Remember, there’s still a LOT of users who are on Windows XP that can’t install IE9. That comment was obviously directed to those individuals.
Nice 1! HTML 5 is the way to go!
Hey guys!
Just so you know, its http://jayj.dk who made this theme.
Go visit his site for awesome WP themes!
No Jesper designed the template. I made it into a WordPress theme. Also, I’ve given Jesper credit all over the place, even in the first sentence in this post.
He’s also credited on the HTML5Press.com demo site and on the github repo.
I think everyone knows this design is Jespers.
Oh, and there’s even a link to Jesper’s site in the footer of this theme. Not sure how I can make it any clearer that this design was by Jesper and I made it into a WordPress theme.
Now, either you’re totally blind and your text-to-speech program isn’t working correctly, or you’re just lazy.
[...] new HTML5 theme for WordPress popped up this weekend. It’s called HTML5Press and it’s based on the HTML5 template by Jesper. The theme makes extensive use of CSS3 and was [...]
[...] Download HTML5Press (Demo at Html5Press.com) [...]
[...] | Info & download [...]
[...] HTML5 Theme for WordPress A new HTML5 theme for WordPress popped up this weekend. It’s called HTML5Press and it’s based on the HTML5 template by Jesper. The theme makes extensive use of CSS3 and was [...]
[...] new HTML5 theme for WordPress popped up this weekend. It’s called HTML5Press and it’s based on the HTML5 template by Jesper. The theme makes extensive use of CSS3 and was [...]
Hello and congratulations for this great theme
I’ve translated it in french today, feel free to download this translation here : http://www.wptrads.fr/theme/html5press/
Best Regards,
Wolforg.
Thanks Wolforg! I will download and add it to the next version of HTML5Press, which will be released in the next few days.
Thanks again!
My pleasure Tyler
[...] van dit thema. Als je het thema binnen wordpress wilt gebruiken moet je de volgende link volgen: http://www.longren.org/wordpress/html5press/ In Nieuws by dionbosschieter on april 28, [...]
[...] HTML5Press [...]
[...] HTML5Press [...]
[...] a new HTML5 WordPress theme on the bock – HTML5Press by Tyler Longren is a beautiful looking theme with tons of features and written in good ol’ [...]
[...] a new HTML5 WordPress theme on the bock – HTML5Press by Tyler Longren is a beautiful looking theme with tons of features and written in good ol’ [...]
You forgot IE9 in your list of “modern browser”, which is where your theme runs the fastest.
Chrome is a sorry excuse for a browser. Perhaps it was a typo on your part. Surely, you called it a modern browser by accident.
How the hell is this devolving into a browser flame war?
I didn’t mention IE9 because IE9 is only available to a certain small percentage of individuals.
Chrome is available to anyone, no matter what operating system they run.
If you want to troll, please do so at 4chan. Your comment is in no way relevant to the topic of this post.
[...] navegador WEB.Para descargar o tener mas información al respecto del tema puedes visitar el sitio longren.org/wordpress/html5press/Articulos RelacionadosMp3 Knife para trabajar en Windows con MP3Fresh Video Downloader para [...]
Great theme, loved it totally!
I have many paid theme clubs subscription, but ended up using this…
I like that color of blue you ended up using!
Ha!, ya, better than pink.
I see a new version is here(http://wpthemes.jayj.dk/html5/) should we wait for an official new version from you or should we upgrade on our own?
I actually started with Jesper’s changes last night. I thought it would take him another week or two to finish up, but he did it in a few days, the dude is fast.
There should be an updated version of HTML5Press by the end of the weekend.
Cool, thanks.
You are awesome! B-)
Keep up the good work!
[...] Pant is licensed under a Creative Commons Attribution 3.0 Unported License. Based on a work at http://www.longren.org. In Theme by Aniket on May 21, [...]
[...] HTML5Press [...]
I am gutted that it doesn’t seem to work for me, I get an error whenever I upload it
Hi Emma, what errors are you seeing? I’d be glad to help you out.
You could also try version 1.4, it may work better for you:
http://www.longren.org/downloads/html5press-1.4.zip
[...] WordPress version by Tyler [...]
[...] HTML5Press [...]
Hey, Nice theme.
How can I make it more wider?
Like add another sidebar(make it 3 columns)
I dont get what portions I will need to edit in CSS…
Thanks.
Hi Maverick,
Adding another sidebar is more involved than just editing CSS. It would require making the content area smaller, which would make it too small in my opinion.
I thought about adding an option to the options page to enable a 3 column layout, but have decided against it.
If Jesper decides to add a third column in a future release of his HTML5 template, I will obviously add it to HTML5Press as well.
But right now I’m trying to stay as true to his design as possible, and adding a third column is straying too far away from that.
[...] Live Demo | Download [...]
[...] Download Theme [...]
[...] HTML5Press [...]
There is an “echo” missing for home_url() in 404.php.
Nick, thanks for reporting that!
That was a major deal breaker on the 404 page, doesn’t do a lot of good linking the “home page” text back to the 404.
It’s been fixed with this commit.
You’re welcome. And thank YOU for this great theme!
There is a spare space at the end of the HTML-Title when disabling the “Show Tagline In Header” option.
Line 14 in header.php is responsible.
Well, I confused wp_title() with bloginfo(‘description’). So it doesn’t have to do anything with the “Show Tagline In Header” option. But the space is needless anyway.
Thanks again Nick! It’s been fixed here:
https://github.com/tlongren/html5press/commit/bb391765251c0a3ec1d448f5cc66bd5cef473604
Thank you!
What is “display: block” actually for in “.entry-title a”? The link shouldn’t take the whole width, should it?
It’s supposed to make the link take up the entire width.
So even if your cursor isn’t over the title, it can still be on the same horizontal plane as the title and you’ll still be able to click.
So it is on purpose, alright.
I personally prefer the link to be only on the actual title. But if I delete “display: block” the whole content below the title slides down a bit. I don’t understand this behaviour because a block produces a paragraph and if a block gets deleted the content above should slide up instead.
You’re correct Nick. It’s hard to say right off the top of my head why removing display:block produces that result.
It’s likely related to some other bit of CSS.
I’ll send this series of comments to Jesper (the man responsible for the design of HTML5Press) and see if he can give his input.
He could probably answer right away, where it would involve some research for me to get you a definitive answer.
Thank you very much, Tyler.
Unfortunately, Jesper didn’t really go into it.
—
By the way, your post has been written “about 15 minutes ago” according to the declaration, although it is much longer ago. Jesper’s comment behaves the same (“about 2 minutes ago”).
Right after my comment, the time declarations are correct again.
Display: block; is properly a leftover from the old version. Feel free to delete it
Thanks, Jesper, but that wasn’t the question.
What was the question when? Is it the slide down thing? I don’t know why that happens but you can change the bottom margin on .entry-title to change it back.
Yes, the slide down thing. Alright, thank you!
[...] 1. HTML5Press [...]
[...] HTML5Press [...]
[...] HTML5Press [...]
[...] dernière nouveautés en la matière …. Design par Jayj.dkTraduit par Wolforg | Réalisé par Tyler Longren Powered by WordPress and HTML5Press [...]
[...] HTML5Press [...]
[...] HTML5Press [...]
just check my blog, i used your theme but modified to match my parent side, removed errors, to validate, just comment please… i used to your 2 rc1 version
Looks good daya! I like the header and footer. Did you have any questions about anything?
Dear Taylor,
I got too much of css error, like yours. Do you need to solve them? how important solving this css errors. Why this css errors are created by your theme?
Thanks for visiting my site. Just working on it. not yet finished. once done i will update you.
What type of CSS errors daya? If you can give me specific examples I’ll be glad to fix them up.
check this link here http://bit.ly/ngVjR3 you will see 185 errors in your theme, css error. and also this http://bit.ly/r6znog you will see 15 html errors.
Daya, those CSS errors aren’t exactly errors. A vast majority of those are showing as errors because it’s CSS3.
Some of the HTML errors can be fixed up, which I will get done before HTML5Press 2.1 is released. Others are the fault of various plugins that I can’t fix.
This is simply awesome!
Anyway I could easily change the body to white? Does the theme also support custom WP backgrounds?
Hi Gregory, just remove line 92 to 105 from style.css to get a white background color. Removing those lines will remove the CSS3 gradients. Also, delete line 87 just to be safe.
That will leave you with a background color of #eee. You should see background-color: #eee; /* Change this to change both stribe colors */ left in the body css declaration.
No support for custom WP backgrounds, although I will see about adding support for that for a future release.
Thank you!
Gregory, I added custom background support to HTML5Press:
http://goo.gl/Y5hqx
It will be included in HTML5Press 2.1. If you’d like to test it out now, you can download 2.1-rc2 from Github here:
http://goo.gl/X9mb2
Just download the .zip to get the latest copy. Should make switching background image or background color very easy.
That’s so awesome man, thank you very much!
A little issue with backgrounds. If you’re setting a background color there shouldn’t be any problems though.
See comments on this commit for details:
http://goo.gl/woa7Y
I should have it fixed within the hour.
UPDATE: OK, should be fixed with this commit:
http://goo.gl/zn8M5
You can download from here:
http://goo.gl/bTDFO
[...] timestamps, a built-in Twitter widget, and support for WordPress custom backgrounds. Gregory C left a comment a few days ago that made me decide to add support for WordPress custom backgrounds. It was a simple enough thing [...]
Hi,
how can I update html5press? When I upload the new version (2.1) it says the folder html5press is already present. Should I just create a new folder for new verison of html5press?
Hi Rison,
Just upload the html5press folder from 2.1 and overwrite all the files in the existing html5press folder on your server. That should take care of it.
Let me know if you can’t get it.
Thanks for getting back to me.
So I should FTP it? Because wordpress gives me an error when I try to add a theme.
Hi,
I have deleted 2.0 and uploaded 2.1 and it worked perfectly. Thanks for the amazing theme.
Glad you were able to get it working Rison! That’s pretty much the standard way to upgrade themes in WordPress. Themes that aren’t in the WordPress theme directory anyway.
I have solved the css validation, you can check in my blog. it was because of compatible issue with the css3, so when i downgrade to css2 i did loose some good effects, but now, i had found a workaround to get the validtion, currently wp member plugin gives one error, other than it is fine. I would seriously suggest, you to ensure the theme passes validation, with my past experience, i feel site has good html and css validation, rank higher in search engine.
Moving from CSS3 to CSS 2.1 isn’t an option for this particular theme.
The W3C CSS Validation Service defaults to CSS 2.1. You can set it to validate CSS3, but it’s not aware of vendor specific extensions, such as -webkit or -moz, which HTML5Press must use for consistency across browsers.
There is an option to enable vendor specific extensions to be flagged as warnings instead of errors, but it’s not enabled by default.
Bottom line is, these vendor specific extensions aren’t recognized as being an official W3C Recommendation.
We could debate weather vendor specific extensions should even be used all day long, but HTML5Press is an HTML5 and CSS3 theme and must use some of these vendor specific extensions so newer CSS features can be used.
This is simply super clean theme. I was in a search to find a theme like this. finally i got it here. Thanks.
[...] this is a mix of Yoko by Elmastudio and HTML5Press by Tyler Longren and [...]
Is HTML5Press viewable on mobile apps?
Very cool app. THX!
You can view it on a mobile device just fine, but it won’t adhere to mobile screen sizes. So, no, when viewing a HTML5Press site on a mobile device, it will NOT be formatted for the device.
hi! how to add social icons on the header? thanks
Hi Pencil, you can do this a few ways. I would suggest removing the tagline display and adding your social icons there. Do you have a mockup of how you’d like it to look?
If so, I could probably add something to HTML5Press to make this super easy for folks in the future.
Are many of the wordpress plugins written to work with HTML5press?
I don’t know of any plugins that are written to work specifically with HTML5Press. However, HTML5Press is written to be compatible with WordPress, which, in turn, means it’s compatible with basically all WordPress plugins.
Does that help?
Hi, Thx for ur fantastic theme, i love it!!! IS perfect and easy to customize, but i dont understand HOW CAN EDIT THE FONT STYLE (dimension,color etc.) FOR “THE POST” SECTION!
Can u help me?
P.S. check my site, for u which font is better for the post text?! i love *impact* but i cant use it
Thx very much again for ur awesome work! A DONATION IS REQUIRED ^__^
Just took a look at your site, looks like you figured out how to change the post text styles. I like the “y u no” guy in your header graphic too.
Let me know if you still have questions about changing font styles for the post body.
Ahaha..
Solved, i’ve added ‘font: xxxxxxxxxx’ in #content class.. easy, i think is not “correct-mode” but is the same
For the previews of the post solved with wp plugin
P.S. on the iPhone, this theme dont display sidebar O_o .. but no problem for me!
Thx bro!
oh, and for dont view alll post.text but only the preview in the home page? i dont like the entire post’s text on my blog
thx again
So, you want an option to only show previews of post content on the home page? That may not be a bad feature to add, I’ll add it for the next version.
°OMG° only 1 donation (mine) for this awesome theme.. no comment -_- .. donateeeeeeeeeeeeeeeeeee!!!!
That one donation is very much appreciated.
Awesome work Tyler
I had seen Jesper’s version of this theme when he had first created it and wished that a WP version would be coded up – and I guess you did just that ! You definitely have taken Jesper’s version to a whole new level .
My only question is : which version of WordPress is this theme currently running on?
Other than that – Kudos on a Design that ROX !
Hi Mia! I suggest using the latest, WordPress 3.3.1, with HTML5Press.
I am using WP-Syntax to add code snippets into my blog, but with the default it puts in in a black box that makes some of the code hard to read. If there a way to change the background color of that box?
Cheers
Great theme, love it!
Thanks for making this, but I have run into a problem…
I’m using qTranslate and this problem has occurred: http://www.qianqin.de/qtranslate/forum/viewtopic.php?f=3&t=3&p=1404#p1404
So mind telling me how to get rid of “get_option(‘home’)”??
Very nice theme, clean and modern look. Thankyou for sharing
Very nice theme, not finished, the Chinese version is like.
Thanks for the great WP Theme!! I only had a small question. Is it possible to make a page that is sidewide (without the sidebar right). If yess, how can I do that?
Thanks a lot for your answer!
[...] HTML5Press [...]
What is the best HTML5 WordPress theme?…
Nowadays, HTML5 WordPress themes are more interactive and best way to make mobile-friendly website. Even now lots of great wordpress theme frameworks are supporting HTML5. browsers have started supporting more features of HTML5 and updating quickly. Ju…
Hi guys, and congratulation for this great theme. I only have one question: if you have a look at my site londrastansted.it you will notice a space between the header and the menu that is not in your actual theme. Do you know how to fix that? Thanks!
Hello I;m using this theme is my site. But the visitors who use IE 8 or lower versions will face a ieexplorer crash issue when visiting any page of my site. Compatibility should be concerned.