I designed, coded and developed my very first WordPress theme a year ago, for use on my blog. I did consider to make it free for public use back then, but I also wanted my blog to be unique, so I held that idea back. Now that khairul-syahir.com is already in version 3, and it has got new fancy clothes to put on, there’s no more reason to not release my first theme to the public domain.
My first theme was originally named khairul-syahir.com-v2, for lack of better name, I know. But then again I think it is customary to name the WordPress theme that you’re gonna use only for one site with the name of that site. There’s really no incentive to do otherwise, and picking a good name is no easy task as well. It takes a few days of intermittent pondering in the shower to come up with one.
I have been using khairul-syahir.com-v2 for slightly over a year, and over that time I’ve made some improvements to the original theme. But developing a theme for public release is hugely different than developing a theme for your own use. One of the biggest difference is that when you use a theme that you developed yourself, you know the theme inside out, so there’s no need for options page or lots of comments in the code to explain what they do. Whenever you feel like changing something, you just dive right into the code, make changes at all the familiar places, and get out.
When developing it for public release, most of the people who will be using the theme will not be familiar with the codes. Heck, most WordPress users probably never know any web development at all. So things like options page are crucial for wide acceptance of the theme.

Graphene 1.0 includes many new features that khairul-syahir.com-v2 didn't have, like this built-in Twitter widget
Commenting in the codes is also important, because (I should know very well that) developers and programmers hate dealing with other people’s codes, because even though we follow certain general convention in writing our codes, we all have different personal styles and preferences. Sometimes it can be very difficult to understand what a piece of code does if you’re not the one who wrote it, so comments in codes really help.
So I took apart khairul-syahir.com-v2 WordPress theme, made vast improvements to it, add new features and improve on old ones, and repackage it into a full-fledged WordPress 3.0 theme and call it Graphene.
The reason for the name is that the theme’s main colours are shades of grey with blue sprinkled here and there, so I thought this feels like carbon. I’ve considered graphite, but there’s already a WordPress theme with that name. So I chose graphene, something more cutting-edge but still retains the colour relationship.
(And no, I wasn’t kidding about the intermittent pondering in the shower).
In case you’re wondering, graphene is a sheet of carbon atoms only 1 atom thick, where the atoms are arranged in hexagonal patterns. It is touted as one of the next materials to be used to make superfast and efficient computer chips, apart from other interesting developments.
This is my first ever WordPress theme that I released into the public domain, so I’m clueless about the direction the development of this theme will take from now on. Myriads of unforeseen issues will arise when you put something into the public’s hands. It will be exciting!
Graphene 1.0 has a long list of features. If you’re interested, go take a look!


75 comments
Marie said
August 22, 2010 at 4:25 pm (UTC 8 )
I love your theme and think that it’s quite beautiful! It installed on my blog and has been very easy to use. Thank you for sharing. Much luck in the future.
nico said
August 23, 2010 at 6:11 am (UTC 8 )
hello
i like your theme and i would like to use it. Is it translate into french ?
thanks a lot for your response
Syahir Hakim said
August 28, 2010 at 4:00 pm (UTC 8 )
Hi Nico,
So far there has been no French translation. Perhaps you can provide one?
web tasarimi said
August 28, 2010 at 12:33 pm (UTC 8 )
thanks for sharing..
Abigail said
August 28, 2010 at 3:46 pm (UTC 8 )
I just downloaded and installed Graphene 1.0.7 and I’m very impressed. It’s got some nice options and looks smooth. Unfortunately it’s got one error. In the footer instead of your credits it displays this instead of the credits (I’m taken out my URL since the site isn’t done yet):
Warning: fopen(//wp-content/themes/graphene/style.css) [function.fopen]: failed to open stream: No such file or directory in //wp-includes/functions.php on line 4165
Warning: fread(): supplied argument is not a valid stream resource in //wp-includes/functions.php on line 4168
Warning: fclose(): supplied argument is not a valid stream resource in //wp-includes/functions.php on line 4171
Abigail uses theme by Anonymous
Syahir Hakim said
August 28, 2010 at 3:58 pm (UTC 8 )
Hi Abigail,
It seems like you installed the Graphene theme inside a graphene.1.0.7 folder. This may be the problem. Try switch to the default theme (Twenty Ten), then move the graphene folder into wp-content/themes/ so that the file path for the style.css file will look like this: wp-content/themes/graphene/style.css.
Abigail said
August 29, 2010 at 6:29 am (UTC 8 )
Thanks, that worked!
Abigail said
August 28, 2010 at 3:48 pm (UTC 8 )
Heh… well, I tried to take out my URL.
Syahir Hakim said
August 28, 2010 at 3:59 pm (UTC 8 )
Lol…you know, it’s actually a good idea to provide the URL to your website when asking for support so that I can take a look at it and investigate what’s wrong.
Jason said
August 31, 2010 at 9:28 am (UTC 8 )
Hey great theme! I would like to ask for some minor technical support if I may… Please?
I would have emailed you but your contact form isn’t displaying the captcha…
Keep up the good work!
Jason
Syahir Hakim said
August 31, 2010 at 10:41 am (UTC 8 )
Oops..I didn’t realise the captcha weren’t showing..fixed it already now.
Btw, please go to the forum for support. The comment form on the Graphene theme page is getting very crowded, so I decided to respond to all support requests on the forum instead.
Thanks.
Marco said
September 1, 2010 at 6:54 am (UTC 8 )
hello syahir,
thanks so much for that great theme! i already customized it on my page klangkost.org and also want to donate something. one question. how is it possible to make the white background of the posts a little bit transparent. i tried the usual codes using the style.css but after trying the whole post, including background, text and images, went transparent. do you have an idea for me? thank a lot! marco
Syahir Hakim said
September 1, 2010 at 1:11 pm (UTC 8 )
Hi Marco,
You can use the rgba() value for background-color CSS property instead of using opacity. The current style.css uses the HTML colour value. I tried it and it works on Firefox, but I’m not sure if it works cross browsers. Last time I played with transparency, the other older browsers often don’t play nice.
Btw, I’ve set up a support forum for the theme. Please direct all your future support requests there
Thanks!
Marco said
September 7, 2010 at 12:09 am (UTC 8 )
Thank. I will try that out asap.
Brian said
September 3, 2010 at 4:13 am (UTC 8 )
I just updated your theme this morning and love the options. I have a question though. When clicking on the header, it now just keeps you on the same page. It used to take me back to the home page of my blog prior to the update.
I admit, I am very new to this, and am learning it step by step, so any help you can provide would be awesome.
Thanks again for the great theme!
Syahir Hakim said
September 3, 2010 at 10:03 am (UTC 8 )
Hi Brian, this is a bug and thanks for reporting. I have fixed it and will include it in the next release. Next time, please please please use the support forum. This is the last notice. I will not answer support requests here. Next comment here that is support-related will simply be deleted.
Brian said
September 3, 2010 at 10:28 am (UTC 8 )
Sorry about that Syahir. Will use it in the future. Thanks again for the awesome theme.
Ashley Cotter said
September 16, 2010 at 9:52 pm (UTC 8 )
Hello there Chap,
Just want to say thank you for the cool Theme i am very impressed with it and intend to use it for a while.
Keep up the good work and thanks again.
Syahir Hakim said
September 16, 2010 at 10:25 pm (UTC 8 )
You’re welcome, Ashley.
Also, I notice that you’re still using version 1.0.4 of the Graphene theme on your website. I strongly recommend you to upgrade to the latest version. I’ve added a bunch of sweet new features since the version you’re using
Ashley Cotter said
September 17, 2010 at 1:36 am (UTC 8 )
Hello Syahir,
Will do thanks for the heads up.
Many thanks
Michael said
September 20, 2010 at 6:28 pm (UTC 8 )
Hi,
The Theme is one of the best for WordPress but he has one error in the german language File. Kommentar verlassen is wrong it means kommentar verfassen.
Syahir Hakim said
September 24, 2010 at 11:56 pm (UTC 8 )
Fixed it already. You can download the latest language pack at the theme’s page.
Michael said
September 29, 2010 at 9:44 pm (UTC 8 )
Wow Thx
Comment page: 1 2 3 … 5 Next /