No wonder the Twenty Thirteen WordPress theme ignited so much discussion. It’s opinionated, bold, but still leaves your content to do the talking. It’s clearly a 180-degree turn from all the previous default themes and blandness we’ve become accustomed to.
It’s orange as it gets, folks, there’s no point in denying its Buddhist heritage. But hey, we realize not everyone is fond of meditation or agrumes, so we’ve made other flavors of that awesomeness called Twenty Thirteen.
Meet Holi. Holi, these are the WordPress fans.
Holi is a Twenty Thirteen’s child theme. It comes in 9 different color schemes and we plan on adding some more.
If you’re an end-user, you’re going to like the fact that Twenty Thirteen and its colorful child theme, Holi, have been created using WordPress best practices so they’re compatible with all other WordPress products coded in the same manner. All the functionality you want and need can be added using plugins, so you can switch to a different theme at any time, without worry.
Holi requires you to have Twenty Thirteen and WordPress 3.6 installed in order to run.
The theme has the following 9 color schemes, which you can set in the Theme Customizer:
- Blue
- Gray
- Pink
- Purple
- Red
- Sepia
- Turquoise
- Yellow
We’ve all waited so long for the new WordPress 3.6 (Oscar) update. It’s a great update with a really nice default theme. While the most of you liked the looks of it, you might have soon realized that with its strong presence, no way your visitors would not recognize it.
Holi is here to change that.
If you’re a developer, you should know that Holi is built using Sass, so you can add more color-schemes and customize its looks easily. We welcome you to dress Holi into different colors on GitHub.
If you want to see other skins, download Holi, see how it looks and tell us your suggestions in the comment section below. Share your Holi powered websites, as it would make us very happy to see it serving its purpose. Receive more of the WordPress goodies by subscribing to our mailing list.
Dragan Nikolic
Latest posts by Dragan Nikolic (see all)
- SEMrush vs. Ahrefs 2022— (SEO & Social Media Tools Comparison) - October 15, 2019
- 6 Best WordPress Search Plugins - October 6, 2019
- LinkedIn Learning Review 2022 – Worth the Monthly Subscription? - August 19, 2019
Awesome stuff. I really like the Twenty Thirteen theme, Holi is icing on the cake :)
Thanks! Really glad you like it!
OH THANK YOU SO MUCH ! I just discovered Twenty Thirteen with the last upgrade of WordPress and really liked it. But the orange color… hem hem. Not very fan. So when I saw the multicolored version here, I was sooooo happy. I chose the red one after try every colors. It’s very cool to give us the choice :)
Thanks a lot from Martinique ;)
Vee,
Glad you found the color scheme that suits your blog. Have a great day :)
I am not able to have my readers leave a comment on my post. I have the comment box checked. Can you please help? Thanks
Hi,
Since everything but colors is handled by Twenty Thirteen theme, I suggest you to use Twenty Thirteen theme support forum – http://wordpress.org/support/theme/twentythirteen
Aha. This is pretty cool. This is probably the first child theme I’ve seen from Twenty Thirteen.
Thanks. I believe it is the first of many I hope.
Love all the colors! Thank you. Any idea when it will make it to the WordPress.org theme respository?
Thanks! The theme should be in the repository in a few days, it’s already been submitted.
Does it change only the main graphic colors, or does it change the other colors also? For example, the space where the page titles are ( in the example above — About Amazon Store Blog Home……..etc), and other places as well.
It changes every color used in 2013 theme.
Very cool work. But another question if I may. i would like to change the color of the space just below the header pic where the page titles are to a custom color. And, the same for the space where it says “Proudly Powered by WordPress”. I have been looking through the editor-style.css to figure out just where that is, but can’t seem to find it. And, I’m not sure I’m even in the right file. Could you point me in the right direction please? Or is there already something implemented that I am missing.
Thanks. I think it’s best you ask a developer do this for you, since there are no color pickers in the theme and you’d have to be comfortable with PHP and edit footer.php file for that “Proudly Powered by WordPress” to go away.
I have been struggling to figure out where to turn off the Athor bio, but can’t find it anywhere. I’m using your Fanciest Author Box plugin, and it looks silly with two of them. You can see an example here http://www.devenia.com/advice-give-someone-trying-optimise-seo-e-commerce-website/
Any idea where the second athor bio box comes from?
I suppose you only need to disable the AuthorSure plugin.
I have of course tried that. It’s not making any difference. I am suspecting there is something in the db causing this. Will have to do some more investigations.
It’s that plugin, there’s no doubt, but I cannot tell for sure whether it’s caching or something in the database that doesn’t allow it to go away.
You could also ask AuthorSure developers for the fix, maybe they’ve experienced this problem.
After turning off all plugins, it still showed, so I guess it’s some setting in the db or config causing it. Any idea where to look?
This is the first time I encounter this kind of issue. You could try deleting the plugin or using one of the WordPress cleanup plugins (WPDBSpringClean).
I found the answer: It’s a “feature” that has no turning on or off. http://wordpress.org/support/topic/how-to-show-author-bio-under-each-post-in-twenty-thirteen-theme?replies=4
So I had to comment out with and problem is gone.
This will of course return every time Twentythirteen gets updated Any way to make this permanent in the child theme?
Haven’t tested, but I think that if you just copy author-bio.php to child theme folder and delete everything in it, it should work.
Or you can copy content.php to your child theme and delete three lines near the end of it that load author-bio.php:
<?php if ( is_single() && get_the_author_meta( 'description' ) && is_multi_author() ) : ?>
<?php get_template_part( 'author-bio' ); ?>
<?php endif; ?>
Cool. I hadnt realised until a few months ago that WP child themes work in the same manner (ish) as Magento theme dev and need to get stuck in to some projects and get to grips with it all.
Had no idea Magento works the same way, but it’s cool it does.
Dragan I love the twentythireen but the color for my Mom’s new blog so glad I found this Child theme she loves the green all of it except for the brown in footer widget area she wants a lighter color like white could this be done could I edit in Edit CSS instead of going and doing main child theme CSS want to be sure before changing anything I have done changes on colors before in CSS in older theme l but not sure of this new theme layout .. plus if there is upgrades or updates on twenty parent or wordpress would any changes be lost with this child theme ..
Hi,
Glad to hear your Mom likes our theme! Best way to make any changes that you’re sure you’ll neve lose is to use Jetpack plugin and its Custom CSS module:
http://jetpack.me/support/custom-css/
That way with any upgrades to 2013 or Holi you keep your custom CSS.
Thanks .. I have Jetpack on her site will use it for the change .. just wanted to let you know I love your theme so much I used on my 2 blogs.
I noticed your child theme Holi was going through a theme review about the same time as mine was. Cool…
If you looking for something a little darker check out R2D2 http://wordpress.org/themes/r2d2/
I noticed R2D2 as well :)
Looks great, worth checking out.
Btw. I have your latest post (How to Submit a WordPress Trac Ticket) in my reading queue and can’t wait to read it over weekend.
Thanks for commenting.
Great child theme. However I’m having trouble with it’s rendering in ie8. http://acupunctureforharmony.com/5/
It seems that the primary widget area is being rendered OVER the main body of the home page.
Any insight would be greatly appreciated. – Mike
This is probably something caused by parent theme, since Holi only changes colors, but I’d be very surprised to find out IE8 is on the list of 2013’s supported browsers.
Mike,
As Slobodan already wrote, Holi only changes colors. Layouts and other functionality still remains within the Twenty Thirteen parent theme and IE8 is probably not among its supported browsers.
The TwentyThirteen theme itself looks fine on IE8. It looks like more than 8% web users are still on IE8. Is there a demo of Holi anywhere that I can compare to my install? Thanks a lot, guys. Mike
We’re using Holi for our documentation, so you can check it out http://docs.thematosoup.com
looks great. my problem was elsewhere but – of course – i forget exactly where!
Hi Dragan – love the Holi look – thanks so much for making this available.
I have a 2013 child theme that I’ve made a lot of customizations to, and would rather not make those same alterations to 2013 itself. Is there a way to point the Holi CSS to my child theme instead? (Does that even make sense?). If you could let me know if that’s possible, I’d surely appreciate it. Thanks again!
Mike,
Thanks for commenting and glad to hear you like Holi’s colors. I have no experience using them, but I think you can use a grandchild theme (although it doesn’t seem to be officially supported by WordPress. There’s several posts explaining grandchild themes, here’s one:
http://www.wp-code.com/wordpress-snippets/wordpress-grandchildren-themes/
I hope this helps, but let me know. As an alternative to this, you can just grab Holi’s CSS and apply it to your child theme.
Thanks, Slobodan! I was able to basically get the CSS working. I am still having one issue, though, and I wonder whether you might be able to help me with it.
I have a site in progress using twenty thirteen/holi here: http://www.radionowhere.net/sandbox .
The navbar text links to anchors in the same page. When these nav links are clicked on twice (not once, oddly, the anchor divs are surrounded by an ugly gray box (this is in both Chrome and Safari on Mac).
I assumed this had something to do with a:visited or a:active CSS code in the Holi theme, but haven’t been able to eradicate the box. Do you know if this is something to do with Holi?
Thanks for your help!
Holi doesn’t address nav links in Twenty Thirteen, so this must be something with the parent theme.
I have uploaded a few headers which I’m displaying randomly, but want to delete a couple of them. I deleted the actual images from within the uploads/year/month folder, but is it via the DB that the calls need to be removed?
Hi,
Default header images are actually listed in functions.php, as part of twentythirteen_holi_customize functions:
https://github.com/ThematoSoup/Holi-Theme/blob/master/functions.php#L6
So you’d have to remove them here as well.