OrangeJuice is a two-columns free theme, specially designed for WordPress 2.7, with a liquid layout and some typographic accents.
I spent a graceful weekend developing it and I really hope you’ll enjoy the results.
The story behind
This theme was born in the kitchen. It was early in the morning and I felt a little dizzy. I definitely needed a glass of fresh orange juice; while having it, my mind suddenly got clear. i took a deep breath and thought I should design a theme describing that moment. This is what I tried to do.
Features
- search engine friendly (optimized title tags, consistent use of headings, TOC);
- valid XHTML (strict);
- no javascript;
- only 2 small CSS images for fast loading;
- custom 404 error page;
- custom archives page template, with a TOC;
- 468×60 banner spot in the header;
- 3 levels deep category menu;
- widgetized right sidebar;
- same style for the default sidebar elements and for the widgets;
- paginated posts;
- threaded comments (css support for 5 levels in depth);
- gravatars;
- styled sticky posts;
- a fluid layout using percents (well, the layout isn’t quite liquid, but rather elastic, for it has a maximal width set at 1280px; otherwise, with displays using high resolutions, the length of lines would make the text unreadable);
- two columns (for clarity) and fresh white spaces;
- a grid-based layout, allowing you to easily style any single post;
- CSS support for individual styles for posts (based on category and tag;
- readability;
- typographic accents (indents, first:line pseudo class, consistent use of fonts);
- structured and commented CSS file;
- hum… CSS3 round corners and some generated content using the :before pseudo-element;
Cautions
This theme is intended to run on WordPress 2.7 (and above) only. This means you CAN’T use it with a prior version.
Before you decide to activate this theme, I strongly recommend you to check your blog’s stats; if it has a considerable amount of visitors using IE6, you should think twice; OrangeJuice looks decent in IE6 (or 7), but not as nice as in Firefox, Safari or Chrome.
Usage
- download the zip archive containing the theme;
- extract the theme folder;
- upload it on the server (in the wp-content/themes directory) via FTP;
- activate it, in the administrative area of your blog (Appearance > Themes);
Support and customization
If you have any question about using this theme, just use the contact form on this page. I can’t promise I’ll be able to handle each support request, but I’ll surely try.
If you know your ways in CSS, feel free to modify the theme at will (hope you’ll show me the work); if you’re not comfortable with editing the template files and still want a custom design, just drop me a line.
License
This theme is released under GNU/GPL. This means you can freely use, modify, create upon or distribute it, with the condition of preserving this license and attribution.
Screenshot
Demo and download
Demo blog
Download OrangeJuice 0.1
Published on the 4th of March, 2009, in free themes · Print
I quite like this theme. I can’t say I like the orange element but then again I don’t like carrots. Otherwise it’s clean and smooth and drws attention.
Nice work, and as well this site will be a valuable resourse for me in the future.
It’s clean and not too complicated, keep the great work
Amazing theme. Looks awesome.
Thank you, guys, I’m glad you like it
Good theme
LOVE THIS THEME….For some reason all my font is in CAPS, is this the way it’ meant to be or is something wrong?
Thanks, Richard
Hi, Richard, I think there’s something wrong; only the first line is meant to be in caps. Apparently you use a text editor that isn’t aware of the line breaks. If you typed your texts in the WordPress editor, everything should be normal. Or, if you don’t want to, you can delete just one declaration in the style.css file (p:first-line – font-variant:smallcaps), and all the text will be lowercase.
Wish you best.
Is there a way to add more pages to the main navigation instead of the basic “about”, “archives”, “articles”?
Thanks
Of course, they’re automatically added when created.
whoops, my bad, I guess you’re using child pages (not supported by the theme’s css). Basically, al the pages are in the script, but they’re not displayed. All you need is to edit the css file and add this line
#pg, #pg li,#pg li ul, #pg li ul li,#pg li ul li ul, #pg li ul li ul li{display:inline;}, and then all the pages will display on the top menu.Delicia, that did it, thanks so much!
Keep up the great work!
Ricchard
I have another problem, maybe my copy is corrupt or something, when I write and skip a line it between paragraphs or sentences and publish, there is no line breaks or it does not show where I skip lines.
Please I need your help again!
Richard
You’re very welcome
No, your copy is not corrupt, it’s once again a matter of css. There’s a typographic rule saying that paragraphs can be visually identified either by indent or by a negative space, i.e. a line break. Anyway, it is common to have both identifiers on the web. So if you want to have a line break between the paragraphs, you’ll have to edit once again the style.css file and look for this declaration:
p + p{text-indent:20px;margin-top:-10px;}.Now just delete
margin-top:-10px;and the line breaks will appear.Thank you that worked, I also took out the indent, now as far as I know so far all is good, I hope so, and thanks you for all your hard work and helping me out so much. I love this Theme, I needed one with the fluid effect and the wide right column. I searched a long time for a theme like this, it was worth the wait to get this one!
Thanks again, Richard!
Well I’ve made some changes to the theme with help from Delicia, I may change it even more I tend to do that often. I wanted a little weather page so that is what I used it for. If you want to take a look it’s at http://www.bitlockers.com/blog I think I remember reading where Delicia wanted to see what change we made.
Delicia, Thanks again for the theme and your help, I have one more thing I’m trying to get in the theme and If I can’t I may try to bother you once again, If you’re tired of me already just ignore me and I will understand!
Thanks again, Richard…
Very good theme
Hi Delicia, I have been searching wordpress theme simple and clean looking. Finally I got what want, it’s OrangeJuice. Initially I got some uppercase writing, but it solved.
Thanks very much for your great works.
Delicia, is it possible to remove the letter “Search for:”? I want to use my own search title.
Thanks
Hi, Haris, I’ll send you an email with instructions.
Later edit
Apparently, the email address you provided wasn’t valid. This is the message i sent:
Hi, Haris,here’s the answer to your questions:
1. the search title
Edit sidebar.php and spot this code:
<p><input type="text" value="Search..." name="s" id="s" style="padding-left:5px;width:80%; border:1px solid #999;-moz-border-radius:10px;-webkit-border-radius:10px;background:#ddd;color:#666;font-family:inherit;" onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" />Then replace all the 3 instances of Search… with your desired title. Please make sure you don’t remove the quotes
2. the xhtml tags
This isn’t actually an issue, it only informs the readers what are the tags they’re allowed to use in their comments.
If you want to make that line disappear, you’ll need to edit the comments.php file and spot this line:
<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?>it's in the lower part of the document, just above the
<textarea>tag.You can either simply delete it, or replace it with this:
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?>-->This code is a commented version of the previous; it tells browsers that they shouldn't display the commented version. Actually this is the code proposed by 99% of the WordPress themes available.
Best regards,
Delicia