General, Tutorial, Website Design, Wordpress @ 12:20am on November 16, 2008 | Tags: olivia, theme, Wordpress
Theme Demo – Download Now 670kb
I am pleased to announce that you can now download the brand new Wordpress theme named “Olivia” direct from our website and soon from the official Wordpress themes gallery.
It has been in development for a long time but good things come to those who wait!
Key features of the theme:
- Seven brilliant styles including a Grunge style and Magic style!
- Beautifully designed
- Wordpress 2.6.3 compatible
- Widget ready!
- Built on the famous 960 grid system
- FamFamFam Silk Icons
- jQuery functions including text size modification
- Basic stylesheet for accessibility
- Thumbnail generation
To coincide with the release of the theme I have written a quick tutorial explaining how to use the features explained…
Tutorials
The theme is ready “out-of-the-box” but there are some features built into the theme which you may not know about upon installation.
Stylesheet Selector
Olivia comes pre-built with SEVEN different styles to choose from. They include Red, Green, Blue, Grey, White, Grunge and Magic. To select which theme you would like to use simply login to your Wordpress dashboard, click on the Design tab and then (as long as Olivia is the current theme) you should see a tab named Olivia Options. You will then be presented with the seven styles provided. Simply click on your desired style to enable it!- Thumbnail Generator (requires GD library*)
To ensure your post images are the perfect size I have built a simple PHP thumbnail generator. To use it simply upload your image as usual using Wordpress’ in built media uploader but copy and paste the image “Link URL” into the box below your write panel (see image right). The theme will automatically resize the image for your post!
*There is however a drawback with this. Your server must have GD Library installed. If your not sure about this simply login and click on Olivia Options under the Design tab. There will be a title further down notifying you if your ok or not.
That’s it! Your ready to make full use of your theme!
Please note that this is the very first full release of the theme and it may still have some hidden bugs somewhere. If you find any at all simply drop me an email or leave a comment (good or bad) and I will look into it immediately. The same goes for feature requests.
Theme Demo – Download Now 670kb
Version History
- V0.9.0 (23/09/08) : Initial Release
- V0.9.1 (24/09/08) : Fixed some CSS issues
- V0.9.5 (25/09/08) : Fixed CSS issues, widget sidebar issues and a bit of XHTML.
Please note the licence below.The theme is released under a GNU Public Licence. Please leave the author information intact in the footer of the document. You know it’s only nice for a free theme ;-)
Olivia Wordpress Theme by Mark Goddard is licensed under a The GNU Public Licence Version 3.
Based on a work at blog.0100.tv.
42 Responses to “Olivia Wordpress Theme – V0.9.5”
Leave a Reply
The Long & Short of It
I’m a 21 year old website designer from Rotherham (borderline Sheffield), UK, and that’s a very flattering photo of me to the right. I love graphic and user interface design and like to think I'm an expert in Photoshop, Illustrator and coding up XHTML websites with CSS, JS+jQuery & PHP.
November 25th, 2008 at 11:06 am
Olivier provided to the seven models are good, I do not know to choose the one that?
November 25th, 2008 at 6:46 pm
@toys = It’s quite simple. As the tutorial above says, simply login to your Wordpress admin, click on “Design” and then click on “Olivia Options”.
Didn’t quite understand your question but I think it’s what your getting at….
November 25th, 2008 at 7:20 pm
[...] Olivia Demo | Theme URL/Download [...]
November 25th, 2008 at 7:31 pm
Download link leads to a 404. :)
November 25th, 2008 at 7:34 pm
I love this … so much potential.
I assume you could set the background to anything using the color combinations in the css file.
Great Job!
November 25th, 2008 at 7:37 pm
[...] Olivia [...]
November 25th, 2008 at 8:18 pm
[...] Olivia [...]
November 25th, 2008 at 8:24 pm
Sorry Andrea, just uploaded a new version, you may have caught it at the wrong time.
November 25th, 2008 at 9:27 pm
[...] Olivia [...]
November 26th, 2008 at 3:58 am
[...] Olivia [...]
November 26th, 2008 at 7:05 am
[...] Olivia [...]
November 29th, 2008 at 4:33 am
[...] Author : Mark Goddard [...]
November 29th, 2008 at 6:45 am
[...] Olivia [...]
November 29th, 2008 at 7:08 pm
The twitter plug-in is sweet! Im thinking i should have used this now….booo!
Great stuff though Mark!
December 1st, 2008 at 12:34 pm
Very nice theme!
1. How do I add new boxes in each of the columns? I want separate articles in separate boxes, and I want to be able to add boxes in the side column also.
2. How do I make a static blog title – I want to edit my title text so it’s two-color, and part not bold, and I don’t need it grabbed from the Wordpress Settings.
3. How do I insert a logo image and have it be positioned correctly?
If Wordpress Codex tutorial info applies to your theme, pls. let me know and I’ll try that.
Thank you!
December 1st, 2008 at 3:52 pm
Hi Nadine, thanks for your comments.
With regards to your questions:
1. Simply use the built in “widget” feature in Wordpress. If your using the latest version then widgets is a key area of Wordpress to use. Simply login to your admin page, click on “Design” then on “Widgets” below it. You can then add and remove many boxes into the side column.
2.Simply open up the file named index.php in the themes directory and modify line 15. You can remove everything inside the < h1> tag and either put in some text or a logo.
3. See above.
Thanks, Mark
December 1st, 2008 at 10:29 pm
Interesting stuff!
December 9th, 2008 at 6:34 am
Very nice themes :) Good Work.
December 9th, 2008 at 9:13 pm
I added this code into default css from Wordpress to get the images to line up left, otherwise the left position shows up on the right. But now the box around the pictures doesn’t show up. Please let me know if there’s a way to fix that.
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
December 9th, 2008 at 9:40 pm
OK it looks like the photo box is a browser issue, the box shows up in Firefox but not in Chrome, so that’s not really your issue. Thanks
December 11th, 2008 at 10:01 am
Great article and informativ. I have this bookmarked. Thanks
December 11th, 2008 at 2:07 pm
Thank you for this information. :)
January 21st, 2009 at 3:33 pm
Hey, how’s it going?. I installed this wonderful thema, Olivia, as a blog header. I hope you enjoy it. Congratulations to the author / s
February 1st, 2009 at 8:53 pm
[...] I’m not using it maybe someone else can get something out of it. That was the idea behind the Wordpress Olivia template, it was an old design which morphed into a pretty popular free [...]
February 15th, 2009 at 4:18 pm
I usually don?t post in Blogs but your blog forced me to, amazing work.. beautiful ?
February 27th, 2009 at 10:00 am
great plugin..thanks
March 27th, 2009 at 10:48 pm
Thanks, for this nice & very important post……………………
May 27th, 2009 at 3:05 pm
Very interesting post, I love finding a good quality blog thats not full of rubbish. I would love to do a link exchange.
May 30th, 2009 at 10:01 am
Nice blog!Thanks for the share!
June 1st, 2009 at 12:08 am
[...] Olivia Wordpress Theme V0 9 5 Zero One Hundred Website Design Blog Posted by root 1 hour 28 minutes ago (http://blog.0100.tv) If you find any at all simply drop me an email or leave a comment good or bad and i will look into it immediately how do i make a static blog title i want to edit my title text so it two color mmix all rights reserved 0100 tv powered by wordpress jquery j Discuss | Bury | News | Olivia Wordpress Theme V0 9 5 Zero One Hundred Website Design Blog [...]
June 25th, 2009 at 8:52 pm
[...] 3 – Olivia Wordpress Theme: Tema Wordpress molto semplice ma decisamente molto carino. Olivia è disponibile in molti colori, possiede due colonne, tra cui una sidebar arrichibile con i vari widgets. Flickr – Tema [...]
July 4th, 2009 at 9:41 am
It is actually gracious when someone think about this type of difficult matter and make it easy to understand. Thanks for putting!
July 6th, 2009 at 6:52 pm
Fantastic information,This is the first time i heard about this. keep it up this good works.
Thanks,
Micheal
July 23rd, 2009 at 8:31 am
[...] Template Information [...]
July 26th, 2009 at 2:46 pm
great information. I am loving the grunge themes at the minute, and will try to incorporate it into my new blog. thanks again.
August 24th, 2009 at 1:44 pm
Very Nice!
August 29th, 2009 at 10:28 pm
i am so impress for people who made theme for wordpress, they have their sklils to made many quality themes that can use by other wordpress user.and with this i am very thankfull for them.thank you
September 10th, 2009 at 12:35 am
This blog makes me want to start my own blog.
September 10th, 2009 at 12:46 pm
Wow! That’s so good.
October 11th, 2009 at 11:14 am
Great helpful information, Thanks for this nice post, just subscribed your feed, hope you will update new post soon.
keep it up.
Aaron.
October 19th, 2009 at 4:26 pm
[...] Theme Homepage » [...]
January 29th, 2010 at 10:30 pm
Thanks for share the “download”. It is an Demo but it´s really great. Thanks and many regards from Germany