Cakifo is a free WordPress theme built with from the rock-solid Hybrid Core theme framework by Justin Tadlock, so it provides a great starting point with many useful features.
This theme is a parent theme. What this means is that to customize it, you should be creating a child theme. Is it a theme framework? Some people might call it that. All you need to know is that it’s a solid, yet flexible, starting point for nearly any blog.
Some features of Cakifo
- Child theme friendly – Nearly everything can be customized in a child theme
- Uses Hybrid Core as framework
- HTML5
- Custom front page with slider, recent posts, and posts from categories
- Killer post thumbnails functionality
- Per-post/page layouts (one-column, two-column, and three-column layouts)
- Art direction (the ability to add custom, per-post stylesheets)
- Highly-configurable widgets that give you full control over their display
- Several sidebars (Sidebar, secondary sidebar, after-singular, after-single, error page, and footer + more in a child theme)
- Many useful shortcodes
- Small theme settings page (yes, that’s a feature)
- Breadcrumbs
- Built-in pagination
- And much, much more!
(yes, some of these features are totally stolen from Justins’ themes 
)
Download the theme
This theme has been tested and works with the latest version of WordPress (3.3.x). It is a parent theme, so any modifications you make should be handled within a child theme (example included in download)
You can view the source and help improving it on Github. The theme is licensed under GPL.
Update May 8, 2011
Version 1.1 has now been released. Changelog:
- HTML5! The theme now uses HTML5
- Improved Post formats
- Frontpage improvements
- Use loop.php instead of post-format.php
- Print and RTL styles added
- Slides script updated to 1.1.7
Pingback: Download the theme for free
Awesome work! I’m picking apart the code now.
So far, it looks pretty good and something I will definitely be recommending to others. This is a great example of what can be done with Hybrid Core.
Wow! Thanks Justin!
I’ve changed much of the code since this release. The latest version is at https://github.com/jayj/Cakifo
You’re more than welcome to write again if you have any recommendations or find any bugs.
Thanks again
pretty nice design i love it
Thanks!
Clean and feature rich, very nice! I’m spreading a word about this theme @ my web
Thanks and thanks for featuring the theme at your site
Pingback: Cakifo WordPress Theme | WP Tuts
Pingback: Cakifo WordPress theme updated to version 1.1
Pingback: Cakifo WordPress theme updated to version 1.1
Hello and congratulations for this great theme
I’ve translated it in french today, feel free to download this translation for including here : http://www.wptrads.fr/theme/cafiko/
Best Regards,
Nice, thanks!
I’ve just uploaded them to the beta version of the theme. They’ll be included in the next update (There’s 2 untranslated strings in it because of changes to the theme)
https://github.com/jayj/Cakifo/commit/f2152a76b836dbbf5aeb56304d023f6a021c799e
Pingback: Temi gratis per WordPress per costruire siti magazine
Brilliant – thankyou very much, as I was looking for a good example of parent/child theme. Nice effort, and hoping to create my own real soon!
Your welcome
Thanks for the kind words
Np
I have been trying to understand the framwork/parent theme/child theme concept, and after headaches playing with many, settled on Hybrid. I have had a lot of fun already with cafiko, and it has helped my learning. Design frameworks are the way forward. Designers – ignore them at their peril!
Pingback: Cakifo updated to version 1.2
Pingback: The Most Flexible WordPress Themes: Widgetized Front Page and Extensive Options | webexpedition18
Just wanna say “Thanks!”
Great theme.
My pleasure
Pingback: 80+ Best Stylish Free Wordpress Themes | ApnaZilla
Pingback: Best free wordpress theme 2011 – có download | Thiết kế website
Pingback: Free Minimalist Wordpress Themes 2011 | radworx.com
Pingback: Free Wordpress Themes To Download 2011 - icanbeCreative
Pingback: 32 Nice White and Clean WordPress Themes
Amazing theme, by far my favorite of the Hybrid Core framework!
Thanks Gregory!
No problem! I also had a question, does this theme make use of TimThumb? And if so, has it been updated to be secure from that recent TimThumb exploit?
Nope! The theme does not use TimThumb. It uses native WordPress functionality for resizing images
Pingback: 25 Cool and Fresh Free WordPress Themes for 2011 | Customize WordPress Blog
Pingback: ดีไซน์เว็บไซต์,โหลด,ดีไซน์เว็บไซต์โหลด | ดีไซน์เว็บไซต์
Pingback: Лучшие бесплатные темы для WordPress | Личный Блог Никиты Белоусова
Pingback: 57 Free high quality WordPress templates | Tech Hum
Excellent theme! I’m using it now.
Just 1 question.
In single post/page, why is site title a h4 instead of h1?
Single
Index
Thanks! Your code is not showing but I know what you mean.
The sitle title is a h4 on singular posts because the most important heading on these pages are the post/page heading.
Joost de Valk has written about it on his blog.
But since we’re using HTML5, it would actually be totally fine to use a h1 for the site title on all pages. But I decided to lower the headings in the theme after reading a discussion on WordPress Trac about the headings in Twenty Eleven. The HTML heading structure is basically not good in a accessible point of view right now.
With all that said, I just updated to theme to use a h1 again
Thanks! Very clear.
Pingback: 37 پوسته برتر و رايگان وردپرس در سال 2011 | آي تي باي
Pingback: Kostenlose und hochwertige Wordpress-Themes zum Download. | Geld verdienen im Internet - Suchmaschinenoptimierung, Affiliate Marketing,Selbständigkeit
Pingback: Cakifo - Awasome WordPress Theme
Amazing theme for sure, thanks for it!
But i have some questions.
1. I see the demo have an author’s box bellow the post, but i can’t find it on the theme. I have my bio infos on my profile and everything, but it doesn’t show up o.o
2. Does the theme load some js for Tweet, Face or +1 shortcodes if i’m not using them? I’m used to use AddThis for those share buttons, so i wanna get ride of them.
Does they load anything even if i’m not using the shortcodes?
3. The theme add the RSS link, but i wanted to use FeedBurner’s rss link. So i added it to header… but the old one (default from WP) did not go away since it’s being called by wp_head. Is there a way i can remove it and just let my feedburner one?
I think i saw a functions.php code once, but can’t find anymore.
Thanks again!
Oh and btw, i’m using the Github one.
Thanks!
1) See my answer here
2) Nope. It only loads script if you are using the shortcodes.
If you use the same share button shortcode multiple times on a page, it loads several scripts – this will be fixed in the next version
3) This code is untested on Cakifo but I use it for this site
add_filter( 'feed_link', 'my_feed_link', 1, 2 ); add_filter( 'category_feed_link', 'my_other_feed_link' ); add_filter( 'author_feed_link', 'my_other_feed_link' ); add_filter( 'tag_feed_link', 'my_other_feed_link' ); add_filter( 'search_feed_link', 'my_other_feed_link' ); function my_feed_link( $output, $feed ) { $url = 'http://feeds.feedburner.com/xxx'; if ( $url ) { $outputarray = array( 'rss' => $url, 'rss2' => $url, 'atom' => $url, 'rdf' => $url, 'comments_rss2' => '' ); $outputarray[$feed] = $url; $output = $outputarray[$feed]; } return $output; } function my_other_feed_link( $link ) { $link = 'http://feeds.feedburner.com/xxx'; return $link; }1. I don’t use a Child Theme… since i do too many speed related otimizations, i don’t use child themes :S
I know it’s a mistake and all but… yeah. Is there a way to activate it without using a child theme?
2. Ok, thanks
3. I actualy just found that code at WP Begginer. Problem is i wanted my entire blog to just have one feed… and this one add comment feed and etc :S
Will keep looking for something.
Thanks for all the help!
If you customize the Cakifo theme directly (you shouldn’t) just find functions.php line 583 and change
to
Wow, worked like a charm, thanks again!
And i know i should not modify the main theme… but doing calls to a child theme, import and stuffs… i’m just speed adicted :S
Ok… another question.
Is there a way to move meta from the post bellow the author box?
Like
___________________
author box info
___________________
post meta info
___________________
Just add it to post.php and remove
add_action( "{$prefix}_before_sidebar_single", 'cakifo_author_box' );from functions.php line 150Thanks for the reply
Sorry for the delay.
Thanks for feature theme of cakifo, bravo for the subscriber here..!!
Thanks
Pingback: Bộ sưu tầm đặc biệt 37 themes WordPress miễn phí | Hướng Dẫn WordPress
Hi Jesper,
I’m using this theme for one of my blog which has a pretty lengthy content
and I think it is slowed down when scrolling because of css box-shadow (at least, in Chrome).
Maybe you should check this article:
http://nerds.airbnb.com/box-shadows-are-expensive-to-paint
Hello ArmNo,
Thanks for the feedback! I actually read that article last week, I’ll look into it and see what I can do
I suggest you make a child theme and remove/adjust the shadow to fit your needs
Hello Jesper,
yesterday WordPress 3.3 is released. Your 1.3 version of Cakifo is only compatible with WP 3.3. Can you tell me when you officially release Cakifo 1.3?
With the update to WP 3.3 the slider stopped working on my website. I really like the slider!
Thanks in advance
Hello,
The 1.3 version should be released shortly after Justin Tadlock release Hybrid Core 1.3 (in beta right now)
I see what the problem is on your site. The slider script is being inserted before jQuery. Do you use a plugin or something to use the Google hosted jQuery?
Hello,
yes I use the Google hosted jQuery instead of the WordPress jQuery. I do this because I have a slow upload connection.
I’ve temporarily disabled the slider on my site and will try again when you release the 1.3 version.
Thanks for your answer
What code do you use to use the Google hosted version?
I use the following code. It contains more functions besides using the Google hosted jQuery.
function removeHeadLinks() {
remove_action(‘wp_head’, ‘rsd_link’);
remove_action(‘wp_head’, ‘wlwmanifest_link’);
wp_deregister_script( ‘l10n’ );
remove_action(‘wp_head’, ‘wp_generator’);
}
add_action(‘init’, ‘removeHeadLinks’);
function _remove_script_version( $src ){
$parts = explode( ‘?’, $src );
return $parts[0];
}
add_filter( ‘script_loader_src’, ‘_remove_script_version’, 15, 1 );
add_filter( ‘style_loader_src’, ‘_remove_script_version’, 15, 1 );
if ( !is_admin() ){
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’, (“http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”), false, ’1.3.2′);
wp_enqueue_script(‘jquery’);
}
You should use the
wp_enqueue_scriptsaction to call thewp_enqueue_scriptsfunction.Try
function my_scripts_method() { wp_deregister_script( 'jquery' ); wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'); wp_enqueue_script( 'jquery' ); } add_action('wp_enqueue_scripts', 'my_scripts_method');Remember to should add this to a Cakifo child theme or a plugin. Not the Cakifo functions.php
Pingback: Jayj.dk - 2011 in Review | Jayj.dk
Pingback: Land-of-web » 100+ best of the best wordpress themes 2011
Pingback: 52 Best Free WordPress Themes 2011 | WP Daily Themes
Pingback: 30 бесплатных wordpress шаблонов 2011 — часть 2
Hi, This theme looks great. Would love to use it if I can figure it out but I have a stupid question. Why doesn’t the installed theme layout look like the demo version layout of the theme? I can’t find any options in the settings or instruction for applying the columnized grid layout shown on the demo. Do I have to manually enter hooks or shortcodes? Also not seeing my images in slider. Guess I’m missing some documentation? Thanks.
Hello,
The documentation for the theme isn’t the best, I know.
There’s a Wiki on the Github page
With the columnized grid I guess you mean the front page? If so you should check out “Setting up the Front page” in the Wiki. That page talks a bit about the slider as well.
The slider should show images if you add a ‘Featured Image’ to the posts.
- Jesper
Thank you so much. The wiki’s very helpful. I also noticed you’ve embedded detailed explanation in the code as well. I appreciate your quick response and the amazing effort you’ve put into this project. Thanks again.
My pleasure
Pingback: Excellent Free and Premium Responsive Wordpress Themes | Artfans Design
Hello Jay,
Can i sugest that, on version 1.3, you add Google+ Profile with rel author, and Facebook profile to the author box?
Also, related posts would be awesome
Gonna use it on a new version of a project i’m making. I will try to add those manualy once i get my HD back, but it would be cool to have it by default
Hello,
Great ideas!
I’ll look into it tomorrow and see if it can make it into version 1.3
The related post properly can because I have the code from another of my themes.
If I don’t add the Google+ and Facebook fields, I’ll make sure to add a hook to you can add it in a child theme.
I created two issues on the Github page
https://github.com/jayj/Cakifo/issues/3
https://github.com/jayj/Cakifo/issues/4
If you can’t make it to version 1.3, i will try to make a tutorial somewhere to users to add it
Thanks for acepting my sugestions! But i have one question:
I will start the dev by tomorrow probably. Is the GitHub version stable enough for me to make a project based on it? Is it fully responsible already?
I’ve added a Related Posts widget, See this commit.
I have also added some hooks to the author box
They can be used like this in a child theme:
add_action( 'after_setup_theme', 'cakifo_child_theme_setup', 11 ); function cakifo_child_theme_setup() { /* Get action/filter hook prefix */ $prefix = hybrid_get_prefix(); add_action( "{$prefix}_close_author_box", 'cakifo_child_google_facebook_links' ); } function cakifo_child_google_facebook_links() { echo 'My links'; }Hope that helps you and thanks a lot for the suggestions and feedback
The Github version is stable.
I’m only waiting on Hybrid Core 1.3 and that in beta2 right now
Ok, great
Gonna start the work today then.
Thanks for the great theme Jay!
I’m annoying, i know. But i have another question.
I see that, when i resize the browser, the the blog is responsive and the slider goes away. That is great.
What i wanna know is: is it just a “display:none;” or if the user use a mobile phone, the slider really won’t load?
That would be the best way, i guess, since it would load faster for mobile phone users.
And if so, do you have a function for that? Cause that would open a wide door of posibilities. For example, i could add a floating sharing bar if the user is on a desktop, and inline sharing buttons if the user is on a mobile phone.
It’s just
display: noneYou can find some mobile detection functions if you search for them. I don’t have one.
I wonder if the “if_iphone” conditional tag still works on WP. It was implemented in version 2.9 iirc, and worked with all mobiles.
Gonna give it a try and if everything works, i could share the code?
It could be great if you would share the code
Even if it doesn’t gets included it might help others.
@Jesper
Thanks a lot man! Gonna start working on those stuffs asap
Here is what i did this afternoon: http://www.julianfernandes.com.br/ubuntubrsc/
The idea is to erase the search box and put our logo there. The top menu, in the end, will look like ubuntu.com’s one
But i have been testing it on a LG Optimus One, and it seems the text is really small. I may use the same design idea, but use bootstrap, Twitter’s framework, to work with it.
Let’s see what i can do
And about the code, yes, i will share it as soon as i work with it. Should i write a tutorial for you to post here, or just comment with the code?
Also, the top menu isn’t fully responsible yet, right? I see that when i resize the browser, some menus just go away.
Wow! That looks fantastic!!
It looks like you’re changing things directly in the theme instead of a child theme? That’s a bad idea. You should create a child theme instead so you won’t lose your changes next time the theme is updated
“Also, the top menu isn’t fully responsible yet, right”
They don’t actually go away. In your case they have white text and no background
Try
#topbar .menu-item { background: #dd4814; }You are more than welcome to write a blog post for this blog if you want. But that’s up to you.
“Wow! That looks fantastic!!”
Thanks man
Since the website is for our Ubuntu Linux LoCo Team blog, i tryed to use Ubuntu’s font and god, it just suited the theme perfecly.
“It looks like you’re changing things directly in the theme instead of a child theme? That’s a bad idea. You should create a child theme instead so you won’t lose your changes next time the theme is updated”
I’m not a big fan of child themes. They are too slow in terms of speed. Importing a theme’s CSS, not being able to optimize all the theme… i prefer to just mess with the actual theme, and then when there are updates, just find the updates on GitHub and implement myself. That also opens a door to ignore certain updates that i don’t need. Like, let’s say you add a widget before the top menu for ADs. I would not need it, so if there was on my website, it would just slow things a little.
Also, since i optimize every single part of the code, it makes impossible to use child themes. I get a hell lot of speed out of it, and a great PageSpeed/YSlow rank, but my coding is slower than normal… it’s a price i like to pay =P
“They don’t actually go away. In your case they have white text and no background”
Will change it with the code you provided
But did you looked at booststrap’s top menu responsivness? If you could implement a menu like that on Cakifo, it would be better in my opinion.
You can see this WordPress Bootstrap theme that 320 press made: http://320press.com/wpbs/
Resize the browser and you will see what i’m talking about.
I actualy got kinda tempted to mix twitter’s framework + your design, but you should look at they CSS… god damm it’s a mess xD
When i finish customizing Cakifo, i will give a try to that, since there’s 2~3 months left for me to release this version of the website.
“You are more than welcome to write a blog post for this blog if you want. But that’s up to you.”
Will do
I will also show how to add a floating bar for sharing buttons. The trick is, that with the is_iphone conditional tag, we can make that, when the user comes with a mobile agent, the floating bar goes away and inline social sharing buttons comes in. That way, it won’t destroy the visual, loads faster on mobile and we still get social love
On a side note, i’m getting 2 annoying bugs.
Try acessing this post for example: http://www.julianfernandes.com.br/ubuntubrsc/mari0-game-indie-que-mixa-super-mario-bros-portal-lancado.html
Then scroll down to the next/prev post pagination. When the name is big, they get one above the other. That with 1366 x 768. Did not tryed with other resolution :S
Also, with Google Chrome, the submenus go up by 1px, and i can’t find the CSS to fix that. On Firefox it works like a charm, but on Chrome, it does that.
Hover the menu “Categorias” with Google Chrome to see it.
Pingback: Downgraf | Design weblog for designers » 20 Free & Premium Responsive Wordpress Themes