love

I’m very proud to present my first wordpress theme: iLoveGrey.
I really enjoyed making this and i hope you’ll like it as well.

Basically it has a nice color scheme, a simple menu, two columns and a clean footer with 3 boxes.

live

download

Features in detail:

Slideshow powered by the SmoothGallery

slideshow

gallery

Continue after the jump…

To insert a post inside the gallery you have to use the custom field “gallery_image“.
The image has to be: 920px × 245px.

In case you didn’t know, to add a custom field you have to upload an image (for example with the wordpress media uploader) and then simply copy and paste
the URL of that image inside the “value” box of the “custom field” panel immediatly below the wysiwyg editor you use to write a post.

The “name” of this custom field, as i said before, has to be  “gallery_image”.

Please mind that the gallery works just if you have at least two featured posts. If you want to change this parameter you can apply this trick.

If, for whatever reason, you don’t want the gallery or if you prefer a static image simply open the index.php with an editor and search this line

<div class=”grid_12″ id=”bigimage”><div id=”featuredimg”><?php include (‘gallery.php’); ?></div></div>

and remove this part

<div id=”featuredimg”><?php include (‘gallery.php’); ?></div>

white

Thumbnails

thumbok

The default thumbnail is 200px × 150px.
Again, you have to use a custom field: “Thumbnail”.

With the latest versions of Wordpress all the custom fields are saved automatically so you have to create them only once.
Later you’ll be able to choose them from a drop-down menu.

white

Widgetized sidebar

sidebar

white

Build-in Flickr box

flickr

flickr2

To use the Flickr Box you need the flickrRSS plugin.
To fill exactly this box you have to configure the plugin options with 10 square items.

white

Gravatar support for comments

gravatar

white

(OPTIONAL) Different style for the Administrator

admin

comments2

To obtain this effect you need the Highlight Author Comments plugin with the code below.

Style the comment body:

border: dotted 2px #bbbbbb; background-color: #f2d9ec;padding-left:4px;margin-right:-12px;

Style the author link:

background-color: #f2d9ec;

white

Customize the footer

follow

Change the box “follow me”with your links

white

PSDs included

header

Inside the zip file you find the header.psd, the thumbnail.psd and the arrow_comments.php

The power of the grid

First of all i suggest to read this tutorial.
After that you’ll be able to change what you want in few clicks.

WP 2 .7 ready

Tested on  ie7, firefox3, safari 3(win) , opera9 , google chrome

Valid XHTML 1 .0 Transitional

Remember that this theme works with just two plugins by default: flickrRSS and WP-PageNavi

iLoveGrey is completely free and is licensed under Creative Commons Attribution-Share Alike 3.0 License.
In other words you can use it, you can change it, you can redistribute it (for personal projects) but just leave the link for the credits in your footer.

Have fun :)


banner

About the author


   

About Francesco Mugnai

       

I'm an Adobe Certified Expert in Photoshop CS4, i work as Teacher, Graphic Designer and Web Designer. My other websites: Itevenhasawatermark - CSSMachine

[NEW!] Become a fan and stay tuned for big surpires!