The Graphene theme is a stylish, neat, and tight WordPress theme built for WordPress 3.1 and above. It supports many (if not all) of the new features introduced in these newer versions of WordPress as well as a host of other features introduced in earlier versions of WordPress.

Graphene theme is confirmed compatible with IE7, IE8, Mozilla Firefox, Safari, and Google Chrome. It may also be compatible with other modern browsers (e.g. Opera), but no extensive compatibility test has been done on these other browsers.

The Graphene theme is now also hosted on Google Project Hosting. Visit the theme’s Project Page if you’re interested to contribute to the theme’s development.

Features

Two-column layout, with widgetised sidebar on the right and bottom.

You can also use an alternative sidebar for the front page than the rest of the website.

You can specify the number of columns to be displayed in the bottom sidebar.

Includes a jQuery slider on the front page to display your featured posts. Native implementation, no plugin required.

Includes action hooks for much greater customisability through child theme. See the full list of action hooks at the Graphene Action Hooks page.

Includes a one-column, full-width page template (since 1.0.5). See demo.

Includes an author page, which displays the author’s details, latest posts, most commented posts, and then displays a paginated list of all of the author’s posts.

Built-in Twitter widget to place in the sidebar. You can determine the title to display as well as how many latest tweets you would like to be displayed, all from the WordPress’ Widgets admin page.

(WordPress 3.0) Supports custom header images. A total of 7 default header images are included with the theme (see the theme’s readme.txt for image credits). You can also upload and set your own header image through the WordPress admin page.

(WordPress 3.0) Supports custom header text. You can choose the color of the header texts, or if they should be displayed at all!

(WordPress 3.0) Supports custom background. You can upload your own background and set your own colour, all through the WordPress admin page.

(WordPress 3.0) Supports post thumbnails. You can now upload and set a featured image for any posts or pages, and the featured image will replace the header image when that post/page is viewed.

(WordPress 3.0) Supports custom menu. You can now set your own menu through the WordPress custom menu feature. If no custom menu is defined, the theme will display all of your pages as the menu.

Pluggable function definitions, so that you can easily override or add functionalities to the theme easily by using child theme, leaving the theme’s codes unchanged so that your modifications won’t disappear next time there’s an update to the theme.

Helpful 404 Error page. Instead of just displaying an error page with arcane message, the theme displays a friendly message telling the visitor what happened and provides a search box. It even does a courtesy search for the user automatically based on the url! See demo.

Supports translation. All texts in the theme are wrapped in gettext function call so that you can translate all the strings from the theme’s graphene.pot file.

Properly formatted HTML elements. I spent a lot of time formatting every single html element that you might use, including all the headings from h1 down to h6, blockquotes, code, table, and even dt! I know the default browser styling is ugly, so I leave nothing to it. Having said that, if I miss any element do let me know!

Lean and mean codes. I take pride in writing validated XHTML and CSS codes. This theme’s coding follows the standards set by the World Wide Web Consortium (W3C). Note that due to the usage of a few bits of CSS3 in a CSS2.1 stylesheet, validating the CSS will yield a few errors.

Wide browser compatibility. Did you see the list of compatible browsers above? The freaking IE6 is there too!

Uninstall option. When you decide not to use the theme anymore, you can use the uninstall button in the theme’s option page to delete all the theme’s options from the database. I’ve been using WordPress for a few years now, and I know orphaned database entries are not desirable, so I make sure the theme I coded do not leave any orphans!

Demo

What’s better way to evaluate a theme than to try it? The theme’s demo site showcases what can be achieved with the theme, right out of the box. No modifications have been made to the theme used in the demo site, and not even a child theme is being used. This is so that you can get a genuine idea of what you can accomplish (and more, since the features being demonstrated are not exhaustive – more and more features are continuously being added) when using the theme for your site.

Multilingual Support

The theme has been translated into more than 20 languages. However, these translations are just for the strings that comes with the theme. To translate the various contents of your site and make your WordPress-powered site fully multilingual, you can utilise one of the many available multilingual plugins for WordPress.

Since adding full-fledged multilingual support to WordPress requires deep integration and intricate content filtering, compatibility issues between the multilingual plugin and the theme may arise.

For this reason, you’ll be glad to know that the Graphene theme has been tested and officially certified to be compatible with one of the most popular multilingual plugins for WordPress, WPML.

Languages

Graphene WordPress theme is currently available in the following languages:

For instructions on how to use any one of the languages above, see this video tutorial.

If your language is listed above but not included in the theme’s files, it’s probably because the language files are added after the latest version release, and will only be included with the theme on the next version release. In that case, download the language pack here: [Download not found]. After that, place all the language files in the wp-content/themes/graphene/languages/ folder.

If your language is not listed above, see how you can translate the theme. The instructions are written for the Hybrid theme, but the steps are mostly the same. The default strings are provided in the file graphene.pot, from which you can use POEdit to create a new catalog.

Download

If you want to make modifications to the theme, you might want to download the PSDs for easier design modification.

Support & Feedback

I always love feedback, so keep them coming! Especially if you have any suggestions on how the theme could be improved. If you found any bugs or have any technical difficulties, do let me know as well. Use the comment form below for technical support and feedback.

If you have a feature suggestion that you would like to see implemented, let me know about it in the comment section and I’ll consider adding it in the future.

Comment forms are really not the best way for back and forth discussion, especially when there’s 100 posts already! For support, feedback, bug report, feature suggestion, or even simply to show off, please go to the support forum.

Changelog

Support the developer

See the long list of features this theme has? The codes don’t jump out of the text editor and assemble themselves. Developing this awesome theme took a lot of effort and time, weeks and weeks of designing and coding and testing, and I plan to add even more features to it in the future. If you like this theme or if you are using it for commercial websites, please consider a donation to help support future updates and development.

Like This Post? Share It!

Hi, I have a little problem with this theme on my fresh WP3.0 installation…

It shows a weird error message on the footer:

Warning: fopen() [function.fopen]: URL file-access is disabled in the server configuration in /wp-includes/functions.php on line 4165Warning: fopen(/wp-content/themes/graphene/style.css) [function.fopen]: failed to open stream: no suitable wrapper could be found in /wp-includes/functions.php on line 4165Warning: fread(): supplied argument is not a valid stream resource in /wp-includes/functions.php on line 4168Warning: fclose(): supplied argument is not a valid stream resource in /wp-includes/functions.php on line 417

Could you please help me ?

Thanks a lot.

Syahir Hakim

Hi Garfunk,

Try open up the footer.php file in the theme’s folder using your text editor, and replace the following code on line 41:

I’m using your theme on our site and I’m translating as much as I can to dutch. One thing I cannot seem to find is the “# comments” tag. This doesn’t seem to be in the .pot file. So when there are comments on the site, it says “2 Comments” instead of “2 Commentaren” like it should. Where can I adjust this?

Syahir Hakim

Hi Hans,

There’s a bug in the gettext function call that displays the string for the comment count. Thanks for reporting this.

To fix this, follow the following steps:

Open the file comments.php using a text editor and navigate to line 36. Replace the following code:

On second thought, the updated graphene.pot file may not work for Graphene 1.0.4, as there’s quite a substantial change in the codes for version 1.0.5 and above.

You might want to download the development version instead: graphene-1.0.7dev.zip

Hans von der Crone

Thx for the fix, I’ll wait for the final version. If you want, I can send you the dutch translated file later on.

Kathy Jacobs

Love the theme. Very glad I found it. I do have one problem with it that I am hoping you can help out with. The footer seems to always hang to the left of the content. Any idea what is going on?

Syahir Hakim

Hi Kathy,

Yes, it’s a known bug due to the existence of sidebar item(s) without title. I have fixed this in version 1.0.5, which is currently under the theme review process. It should be live in a few days on the wordpress.org theme directory.

First image should be left aligned; second, right alined and third centered, but they aren’t. On the other hand, gallery thumbnails are properly displayed.

The blog uses Lightbox 2 plugin for overlay effect. I’ve deactivated in order to check if this plugin was the cause of the problem, but the aligment doesn’t work.

All the images have been uploaded, inserted and arranged by means of media integrated functions of WordPress 3.0.1.

Syahir Hakim

Hi Eduardo,

I took a look at the link you gave, and the reason why the first three images don’t align properly is because you’re using caption, which causes WP to assign the alignment classes to the wrapping div instead of to the images. For the gallery, WP uses inline CSS to style the thumbnails, which is why it isn’t affected by this bug.

Also, I noticed that the text in the footer is pushed to the bottom outside the layout if the text is too long.

I will fix both of these issues in the next version 1.0.7 release. Thanks for reporting.

PS: I also noticed that the subscribe to comments checkbox in the comment form “Subscribe to Comments” plugin is not positioned properly. I have fixed this in version 1.0.5 which accommodates extra fields that may be added by plugins better. Version 1.0.5 is still currently under the review queue at wordpress.org, and should be available for update in a day or two.

Syahir Hakim

I’ve made the fixes. It will probably be around a week before version 1.0.7 is officially released, as I plan to add some new features to the theme. In the mean time, you can download the development version here: graphene-1.0.7dev.zip