Pixel WordPress Theme

*You can also check out my latest themes: Function and Motion!

Pixel WP themePixel is a free template to use with the WordPress cms. It features a 2-3 columns layout and sports the following goodies: dropdown top menu for categories; customizable feedburner field on top right (optional – requires feedburner ID); widgets all around (6 positions); footer navigation and a transparent look. The divisions are all made to fit standard ad formats and the welcome message on top right can also be customized through the admin panel – no need to mess into the code. (That piece of code was previously developed in part with Tim Holt, whom I highly recommend)

The theme has been tested and is compatible with IE6 (tolerated), IE7, IE8, FireFox 2+, Opera 9+ and Safari 3+.

Download: You can download the theme from the official WordPress directory.

Frequently Asked Questions:

How do I display my own Feedburner subscription form?

To display your own email subscription form, go to the WordPress admin panel and find the Appearance tab. Under it, locate the Theme Options link; click on this link and follow the instructions. (And don’t forget to enable email subscriptions from your FeedBurner account as well!)

How do I change the sidebar modules?

You can do so using widgets. Go under the Appearance tab in the WP admin panel and locate the Widgets link under it.

How do I display a page full-width?

There is a page template included in the theme for this. To enable it, when editing a page (not a post), find the Attributes menu (WP 2.8.6) and then choose the page template from the dropdown (identified as Page full width).

Can I modify the background image? How?

You are certainly welcome to modify this theme to your taste! You can download the PSD file for the background over here for free.

Do you have this theme in a white version?

No, not at the moment. I do have a few other themes in the works though that will be easier to work with than this one, as far as customizing the color scheme.

Licensing and Terms of Use

This theme is released under a GPL license. It has been tested with the most popular browsers and on the latest WordPress version when released, with a number of popular plugins and widgets. It is provided as is, with no guarantee, and functionality with 3rd party applications is not guaranteed. You are free to use this product for personal or commercial use and on as many sites as you wish. However, please refrain from using this product on sites promoting illegal activities.

Credits

There is a subtle credit link back to this site, in the footer. It’s a way to acknowledge the work done by the author (me!) and help spread the word about the open source initiative and community behind it. I think it makes sense. If you really wish to take it out, and still wish to show support, please consider writing a review.

Support

If you have questions about the theme, you can contact me using the comments below. You can also try out the official WordPress support forum, particularly if your question relates more to using WordPress than using this theme.

If you’re interested in Pixel for Blogger, you may wish to have a look at this one or this one… (please note that I am NOT responsible for those!)

{ 691 comments… read them below or add one }

sheila May 1, 2010 at 5:22 pm

Hi Sam

I’m using your Pixel theme as the starting point for this web site: http://hadosfolly.com/arts_anon/ I’m trying to use a jquery accordion in the right column but I think the site’s not seeing the js. I’ve been trying to figure this out and think it might be another javascript library conflicting with the jquery. I found a script to get around a js conflict at the WP forum but I can’t tell which (if any) js library you’re using. Does any of this make sense to you? I’m a WP and js newbie so this is pretty challenging for me. Really appreciate any help you may be able to offer!

Here’s another version (not WP) of the site where the accordion is working:
http://www.hadosfolly.com/ARTS_js_test/index.html#california

Reply

Sam May 2, 2010 at 11:22 pm

Hi,
the theme is not using a library. If I recall, the only javascript in it is for the suckerfish menu, and it doesn’t call any library. I don’t have time to troubleshoot in great depth, but that sounds like something that could be caused by a mistake in the paths or by an incompatibility with another plugin. Perhaps the plugin’s author could be of assistance.
S

Reply

Ken May 2, 2010 at 1:18 am

Hi:

Is there a way to add a header with a picture in your theme? What is the best way to do that? Love the theme!

Thanks,

Ken

Reply

Sam May 2, 2010 at 11:13 pm

Hi,
the best way to add a logo is to manually insert the logo image file into the markup in the header.php theme file. The CSS stylesheet may need to be updated when doing so.
S

Reply

Mike May 8, 2010 at 5:05 am

I love this theme all except for one thing. There doesn’t seem to be a search.php file or a search box in it. Is there any way to add that so visitors can find what they want?

Thanks!
Mike

Reply

Sam May 12, 2010 at 5:23 pm

Hi Mike. There is a search form, actually. It’s located in the footer; there’s a link to it from the top menu.
S

Reply

Adam May 19, 2010 at 2:05 pm

Sam,

I am having a problem with the footer.
arse error: syntax error, unexpected ‘.’ in /home/content/wordpress/wp-content/themes/pixeled/footer.php(1) : eval()’d code on line 8

Your footer.php has the footer

is there something that needs to be done

Reply

Sam May 21, 2010 at 1:55 pm

Hi Adam,
By default, there shouldn’t be any problem like this in the footer. If you’ve made customizations, perhaps you can revert back to see where the problem occurred. It could also be caused by a plugin.
S

Reply

adam May 21, 2010 at 6:16 pm

Thanks Sam, I have been fiddlin with it… I’ll try to figure it out. If I remove it then I don’t get the error. I automatically thought it was some encrypted code.

Adam

Reply

adam June 19, 2010 at 5:49 am

Sam, any chance you or somoene can post what exactly should be in the footer.php…. I swaped out and called the function get_search_form() in order so errors do not happen.

Here is what I backed up for now, I’ll just post some to see if this is what your theme has…

Reply

Sam June 24, 2010 at 5:25 pm

Hi Adam. Perhaps you can download the theme again and have a look at the default footer.php theme file. It should work out of the box.

Reply

Arek May 13, 2010 at 1:06 pm

very nice theme. great !!!

Reply

Nora May 20, 2010 at 1:55 am

Hi Mike, I am currently using this theme on my blog. Is there any way to change the font?

Reply

Sam May 21, 2010 at 1:51 pm

Hi Nora,
changing the fonts must be done via the css stylesheet. The main place to look is:

body {
text-align: center;
margin: 0;
padding: 0 0 15px 0;
font-family: trebuchet ms, arial, helvetica, sans-serif;
background: #000 url(images/bgbody.jpg) top center no-repeat;
color: #eee;
}

You need to modify the “font-family” attribute…

Best,
S

Reply

Derrick Day May 27, 2010 at 3:39 pm

Hi Sam,

How can I place a permanent picture on the main page of the pixel theme? Thanks in advance!

Reply

Sam June 2, 2010 at 12:43 pm

Hi Derrick. What do you mean exactly? The background? A logo?
S

Reply

Tyler May 28, 2010 at 2:44 pm

Hi Sam. Great theme, love it. Not sure if it’s been asked before, but is there any way to grab the psd file for the background? I’d like to preserve the columns and such, but change the actual background “fuzzy lights” image. Thanks!

Reply

Sam June 2, 2010 at 12:42 pm

Hi Tyler. Sure thing. You can download it from http://samk.ca/mememe/bg_pixel_by_samk.ca.zip
Best,
S

Reply

Jas June 2, 2010 at 4:27 am

great!
it’s cool. thank u for your theme :D

Reply

Sam June 2, 2010 at 12:40 pm

My pleasure!!!

Reply

crsp June 9, 2010 at 1:50 pm

Hi Sam,

great work! Tnx for the Theme.
Is there any chance to set the width dynamically to lets say 80% of the screenresolution?

bye, crsp

Reply

Sam June 14, 2010 at 10:01 am

Yes, that’s possible, but considering how the background image is integrated in the design, it is not a quick and easy thing to do…

Reply

Smiley download June 9, 2010 at 2:02 pm

I love the way the text moves but the background doesn’t. That is really cool. Cool as the snow!

Reply

Sam June 14, 2010 at 10:00 am

Thank you!!

Reply

Cool Freebies June 18, 2010 at 6:50 am

Fantastic theme. Very, very nice. Will check out some of your others.

Reply

Madeline Morgan July 19, 2010 at 7:01 am

i always use feedburner to syndicate my blog posts to other subscribers..”

Reply

tipu August 5, 2010 at 10:28 am

i just start my site with my own name, using your theme for sub sites. looks great…

one thing to know that all post on index page is in full form. is there any way to make other posts except of Recent post in READ MORE type?
i dont want to show full posts on home page except of Recent post.

thanks in advance.

Reply

sam August 18, 2010 at 5:07 pm

Please see my previous reply :)

Reply

tipu August 5, 2010 at 12:52 pm

nice theme, great look.

Q. how to add permanent READ MORE for posts.

i don’t like to add it manually in every post. thanks in advance.

Reply

sam August 18, 2010 at 5:06 pm

Thanks for the comment! If you’d like to post to automatically display only a few words and always have a “read more” link at the bottom, perhaps what you can do is modify the theme to display excerpts on home page, instead of full posts, and then add a “more” link in the home.php theme file. To show the excerpt only, in the home.php theme file, you can change this:

<?php the_content( ‘View full article &raquo;’ ); ?>

to this:
<?php the_excerpt( ‘View full article &raquo;’ ); ?>

As for adding a permanent “read more” link, you can either add it somewhere in the post or replace one of the current meta links (perhaps the one for “comment”?)

Best of luck!

Reply

Josh August 5, 2010 at 9:29 pm

Hi,
Thanks for the great template!

Can you tell me how to change the font color from white to black? I can’t seem to find it in the stylesheet. I’m going to change the background image and the white text won’t blend well.

Thanks,
Josh

Reply

sam August 18, 2010 at 5:00 pm

Thanks for the comment Josh! To change the color of the font, you need to modify the CSS stylesheet. You will need to modify a certain number of selectors. To modify them, you need to modify the “color” attribute. For instance, under the “body” selector, you can modify this:

color: #fff;

to this:
color: #000;

And so on with the other selectors…

Best of luck!

Reply

Djidiouf August 28, 2010 at 10:36 am

Hi, it’s a great job you have made !

But I have an issue with the display of comments on Pages. In the admin panel, I check the boxes to enable comment on theses but nothing appears, no form to fill.

Reply

sam August 31, 2010 at 12:57 pm

Hi. Comments have not been coded in the pages for this theme, so it is normal that they don’t show up. If you wish them to show, you can copy a few lines of code from the single.php theme file and paste them in the page.php file, at the appropriate place. Hope this helps!

Reply

Sonny August 30, 2010 at 2:27 pm

Hey Sam,

Any chance you could email me the .psd file for the background, the zip file i downloaded seems to be corrupt.

Thanks!

Reply

sam August 31, 2010 at 12:55 pm

I just sent it to you by email. Best of luck!

Reply

Leave a Comment

{ 252 trackbacks }