My first real wordpress theme…
The current design of F1point0.com represents my first real attempt at making a wordpress theme of “my own”. To be fair, it is based off some existing code (the nice “limau orange” theme by Bob at blogohblog.com) but that was only because I saw it had a similar structure to what I had in my head, and I knew I could modify it easily. I’d say I reused about 50% of the structure.
I’m most proud of the little “red dot navigation bar” which I structured and styled entirely from scratch (it was modeled off a navbar I liked from an old rapidweaver theme I used once!)
there are still a few very minor glitches (the nav dot disappears on blog archive pages) but they should be fixable.
I know it’s not a big deal for a lot of you with web design experience, but for a n00b like me it’s quite exciting!
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
May 24th, 2008 at 4:13 am
Congrats! It’s such a great feeling to make (or heavily modify) something and it works!
I like the nav. Simple, yet cool. I have an active class on my navigation as well. I use the PHP,
<?php if (is_home()) echo('class="active" '); ?><?php if (is_single()) echo('class="active" '); ?>In your case “current_page_item” would be the class. I just found this wordpress page Conditional Tags, so I think I’ll update my code to include active classes on archive and search pages as well as home and single. It also says how to use elseif and else, which I wasn’t sure about before, so the if statements don’t need to be in separate php tags.
I understand your excitement! After two years I can finally find my way around WordPress PHP, but I’m still baffled by general PHP, such as functions for plugins.
May 24th, 2008 at 4:29 am
Weeee! Just updated my nav. Thanks for the inspiration!
This code should work for you (if you want “Blog” to be highlighted/dotted in the menu on all these pages), since it looks like you have your blog in the root folder and are linking to bio pages etc in the nav.
<?php if (is_home()) {echo('class="active" ');} elseif (is_single()) {echo('class="active" ');} elseif (is_archive()) {echo('class="active" ');} elseif (is_search()) {echo('class="active" ');} elseif (is_404()) {echo('class="active" ');} else {} ?>Basically, the class is applied to blog, single, archive, search and 404 pages, but not the proper “Pages”, like about page and links page and all that.