<ul id="nav">
<li<?php if ( is_home() ) { echo 'class="current"'; } ?>><a href="#">Gallery</a></li>
<li<?php if ( is_page('about') ) { echo 'class="current"'; } ?>><a href="#">About</a></li>
<li<?php if ( is_page('submit') ) { echo 'class="current"'; } ?>><a href="#">Submit</a></li>
</ul>

Whereas this will do the trick for a finite menu where the names will never change, it’s not what I wanted for my client. With a little research in to some of the changes in the past couple versions of WP, I was able to get the desired results with a few lines of code:

<div id=”menu”>
<!–Main navigation menu–>
<ul>
<?php wp_page_menu(’show_home=1′); ?>
</ul>
</div><!– menu –>

You might ask “How does it know what the current page is?” I say…..”WordPress is awesome and takes care of it for you these days! When using the wp_page_menu() function, the “current_page_item” class is automatically added to the current selected page. The end result will be this:

<li class="current_page_item">

Rather than:

<li class="page_item page-item-2">

So the accompanying CSS would just apply the “current” styling to the “current_page_item” class, and you’re done!!!

The way I chose to do it makes for less code on the developer’s side, and also allows menu items to be updated dynamically when a user adds a new page, deletes and old one, updates a pages name, or changes the order. While I appreciate WP’s addition of the wp_page_menu() function, I wish they would add the options to specify what item the class is attached to (list item or link), as well as the option to specify your own class name in place of “current_page_item.” I hope someone else finds this to be useful. As always I encourage comments and discussion!

-Phenix

Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time – of course, if you are able to find them in time. Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier. Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites. Links checked: June/11 2008.

You might want to take a look at the article Powerful CSS-Techniques For Effective Coding.

1. CSS Based Navigation

2. Navigation Matrix Reloaded

3. CSS Tabs

4. CSS Bar Graphs (CSS For Bar Graphs)

5. Collapsing Tables: An Example

6. Adam’s Radio & Checkbox Customisation Method

7. CSS Image Replacement

8. CSS Shadows (CSS Shadows Roundup)

9. CSS Rounded Corners Roundup (Nifty Corners)

10. Drop Cap – Capital Letters with CSS

11. Define Image Opacity with CSS

12. How to Create a Block Hover Effect for a List of Links

13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS

14. CSS Diagrams

15. CSS Curves

16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.

17. CSS Image Map

18. CSS Image Pop-Up

19. CSS Image Preloader

20. CSS Image Replacement for Buttons

21. Link Thumbnail

22. CSS Map Pop

23. PHP-based CSS Style Switcher

24. CSS Unordered List Calender (CSS Styled Calender)

25. CSS-Based Forms: Techniques

26. CSS-Based Tables: Techniques

27. Printing Web-Documents and CSS

28. Improved Links-Display for Print-Layouts with CSS

29. CSS-Submit Buttons

30. CSS Teaser Box

31. CSS Tricks for Custom Bullets

32. Ticked Off Links Reloaded

33. CSS Zooming

34. Creating a Star Rater using CSS

35. The ways to style visited Links

36. PDF, ZIP, DOC Links Labeling

37. Displaying Percentages with CSS

38. Image Floats without the Text Wrap

39. Let visitors decide, whether or not will they open link in a new window

40. Simple accessible external links

41. Zebra Table with JavaScript and CSS

42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS

43. Unobtrusive Sidenotes

44. Image Caption with CSS (Styled Images with Caption)

45. Dynamic Piechart with CSS

46. Format Footnotes with CSS

47. Hierarchical Sitemap with CSS

48. Snook’s Resizable Underlines

49. Switchy McLayout: An Adaptive Layout Technique

50. StyleMap: CSS+HTML Visual Sitemap

51. Custom Reading Width

52. CSS Alert Message

53. CSS Production Notes

Compliments of Smashing Magazine!

Hope they get this fixed soon!

-Phenix

P.S. This is why they need to hire me!!!

UPDATE————————————————————————————————————————————————————-

As of around 4:54pm EST it looks like they got everything fixed!

-Phenix

 

As a web developer, you can broaden your potential client base and add value for existing clients by listing ‘Wordpress’ as an area of expertise. Of course, unless you want to bluff your way through jobs, you’d better have the skill to back-up that claim. This collection will help.

See original article here.

 

 

Wordpress Basics

1. Unraveling the Secrets of the comments.php File

Nettuts+ author Gilles Maes has written an in-depth overview of the comments.php file and how to make the most of the template.

2. How to Become a Wordpress Developer

iThemes has a tutorial on how to become a Wordpress developer. The article covers development tools, best plugins, suggestions for getting clients, and more.

3. Multiple Wordpress Installations Using a Single Database

Streamline your Wordpress set-up by installing multiple instances of Wordpress on the same database.

Theme Tutorials

4. How to Create a Wordpress Theme from Scratch

Nettuts+ author Sam Parkinson gives a thorough overview of how to make your own custom theme from scratch, complete with source code.

5. So You Want to Create Wordpress Themes, Huh?

A lengthy and thorough series of tutorials covering nearly every aspect of Wordpress theme development. A must-read for beginners.

6. WordPress for Designers: Video Series

Drew Douglass will teach us, using easy to understand screencasts, exactly how to design for WordPress.

7. Wordpress Theme Hacks

A collection of simple Wordpress hacks that you’ll find yourself reusing all the time when working with themes.

8. Designing for Wordpress Screencast

CSSTricks has an excellent 3-step screencast that starts with the basics of solid theme design (step 2 and step 3).

9. Turning a Web Template Into a Wordpress Theme

Instead of using one of the many standard Wordpress themes, you could convert a web template into a Wordpress theme with this video tutorial.

10. Wordpress CSS Guides

A slightly-dated but still useful guide on how to alter the CSS on default themes to create your own personalized theme.

11. How to Create a Wordpress Theme in 5 Minutes

Bothack has a quick-n-dirty rundown on how to create your own Wordpress theme in 5 minutes.

12. Mastering Wordpress Theme Hacks and Techniques

Nuope has a 4-part series on Mastering CSS, one of which is how to master Wordpress theme hacks.

13. Blog Posts in Different Columns

If you’re wanting a little more advanced look and feel to your blog, try setting the posts to display in different columns.

14. Adding Tabs to Your Theme’s Sidebar

Here’s a quick hack that adds tabs to your sidebar using Yahoo! Tab View.

15. Category Styling

This tutorial shows how to add messages in the theme for posts in a certain category using CSS.

16. Multiple Page Layouts in a Single Template

If you’re looking for a more diversified template for sub-pages in a template, check out this quick tutorial for mutiple page layouts in a single template.

17. Rounded Corner Tab Menus

Rubique has a quick tutorial on how to use CSS to make rounded corners for your Wordpress menus.

18. Dynamic Classes or ID’s

Elliot Jay Stocks as a useful tutorial on how to apply a dynamic body class or ID to your templates, for styling purposes.

19. Formatting Images for Feed Readers

How to make sure your images are looking good in many of your blog follower’s favorite medium: the feed reader.

20. How to Highlight Author Comments in Wordpress

Google blogger Matt Cutts offers some advice on how to style your author comments differently than the rest of the reader comments.

21. Customizing Widgets Using CSS

Widgets are a great way to quickly add information to your layout (namely the sidebar). Here’s a tutorial onhow to style the widgets using CSS.

22. Using Sliding Doors with Wordpress Navigation

The Sliding Doors technique is a great way to utilize CSS and background images to make tabbed navigation. WPHacks shows us how to utilize Sliding Doors to enhance Wordpress navigation.

23. Wordpress Categories in a Horizontal Drop-down Menu

How to use CSS and Javascript to make a horizontal drop-down menubar.

24. Separate Comments from Trackbacks

It’s a good idea to separate trackbacks from your comments.

25. Creating a Widget Ready Footer

There’s a trend for blogs to have footers that feature columns of extra information. Learn how to create awidget-ready Wordpress footer.

26. Make a Featured Post Carousel

Many blogs use a featured post carousel to show recent posts or flagship content. Learn how to create this nifty feature with Nettuts+ author James Lao.

27. How to Lay Text Over Images

Add a little flair to your blog and add some text to your flagship images by only using Wordpress custom fields.

28. The Date/Image Hack

Interesting tutorial on how to combine a combination of images, CSS and Wordpress hooks in order to graphically display the date of the published post.

29. Dynamic Sticky Pages

Learn how to dynamically make posts stay on top longer in category and archive listings using multiple loops.

Plugins

30. Your First WP Plugin

Mark Jaquith has a short-and-sweet screencast on how to create your first Wordpress plugin in under 5 minutes.

31. How to Write a Simple Wordpress Plugin

A step-by-step guide to a simple and fun Wordpress plugin.

32. Screencast on Writing a Wordpress Plugins

If you’re rather see a visual demonstration of how to write a Wordpress plugin, look no further than the Weblog Tools Collection screencast.

The Backend

33. Custom Write Panels in the Wordpress Backend

Design blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin area.

34. Wordpress as a CMS

Wordpress isn’t just a blogging tool, it can also be a CMS with the help of some plugins and theme retooling.

35. Exporting Wordpress Data

Learn how to import and export your Wordpress posts and comments with this handy screencast.

Miscellaneous

36. Embedding Wordpress into OS Commerce

OS Commerce is a popular open source ecommerce shopping script that many web developers use to sell goods. Here’s a tutorial on how to embed a Wordpress blog into an OS Commerce installation.

37. Creating An Automatic Sitemap

Sitemaps help users navigate the site, as well as allow search engines to have quick access to all of your blog’s pages. Here’s a tutorial on how to create an automatic sitemap for your Wordpress installation.

38. Build a Dynamic Design Portfolio

A terrific guide on how to utilize the query_posts tag to create a design portfolio with Wordpress.

39. Create a User Contributed Link Feed w/ Wordpress Comments

If you’re wanting to add a Nettuts+ style link feed, Collis has an excellent tutorial on how to utilize Wordpress comments to create the feed.

40. A Wordpress-Powered Membership Directory

WPDesigner shows us how to create a membership directory using a standard installation of Wordpress and some customization.

41. Remove Categories in the Wordpress Loop

Sometimes excluding certain posts in categories from showing in the Wordpress loop is important. Here’s a quick tutorial with sample code on how to exclude certain categories in your templates.

42. Add a Twitter Field to your Form

How to install the twitip-id plugin to include a field for commenters to leave their Twitter ID.

43. Enabling HTTPS for Wordpress.com Blogs Screencast

The Wordpress team has put together a how-to video on enabling HTTPS on Wordpress.com blogs.

44. How to Add Photo Captions

Good photo captions aren’t that something that Wordpress themes usually come with out of the box. This screencast shows how to correctly add photo captions into your posts.

45. Make a Random Post Button

Adding a random post button is only a SQL query and PHP snippet away.

46. RSS-Only Posts

This tutorial shows you how to create posts that only appear in RSS feeds, in hopes to improve RSS subscriber counts.

47. Wordpress SEO

Yaost has a lengthy tutorial on how to squeeze the most SEO out of your Wordpress blog.

48. Learn How to Make Your Blog Accessible

Most blogs don’t conform to WAI/WCAG standards in terms of accessibility. Learn how to meet these standards with Bruce Lawson’s accessibility hacks.

49. Definitive Guide to Semantic Web Markup for Blogs

Although not strictly a Wordpress tutorial, Chris Pearson’s guide to semantic web markup for blogs is a must-read for anyone wanting to maximize their results in search engines.

50. Digg-proof Your Wordpress

Learn how to configure MySQL, Apache and other things to keep your site humming when it lands on the front page of Digg.

-Phenix