WordPress 3.0 custom menus hidden settings

CSS classes for menu items

let’s say that you want to add a new custom menu to your WordPress site. For example, a list of social media links. You want these links to be icons. (Facebook, twitter, RSS)

You are going to need to add a unique CSS class to each link so that you may be able to assign the icon to each of them.

In the default view of the custom menus screen it doesn’t seem possible to add a CSS class to a link. The trick is to pick on the screen options button at the top right of the WordPress admin panel. This will bring down an extra menu where you can options for your menus. The difference of the font menu properties include CSS classes, link targets, link relationship, description.

Now, when you add a link to your menu, you will be able to add a custom CSS class.

custom menus hidden options

custom menus hidden options

Custom taxonomies

Another hidden option in the screen options menu is the ability to display your custom taxonomies for adding them to your menus. So if you have registered custom taxonomies and you want to add them to your menu you will need to check them in this screen options.

Easily check out latest version of WordPress Hybrid framework with PhpStorm

Here’s a quick video tutorial on how to easily check out the latest version of the WordPress Hybrid theme framework from SVN.
If you don’t know anything about SVN, then this will be useful.

You’ll need to download PhpStorm

My favorite web design related apps

Here is a list of the applications that I use in my day to day web design work.

When I’m collaborating with other independent web designers or programmers (I don’t use the term freelancer), I need a tool to centralize all our activities and communication regarding the project at hand. While Basecamp is an excellent project management app, which I use on some client projects – usually when they have a subscription and add me as a user – it doesn’t have a good free plan. I use TeamBox, which is a great online app, similar to Basecamp, and allows to manage 3 projects concurrently. You can archive projects, which will free a slot for new projects.

I use the free plan on Freshbooks, which also limits the number of clients, but allows all the functionality of the paid plans.
It also has a time tracking tool which you can use to create an invoice from the logged hours. Which leads me to time tracking.

I recently discovered Toggl, which seems to be a great app. I use the free plan limited to 5 users, so perfect for me.
It has a desktop utility which seems to be very clever.

I use Balsamiq mockups.
I use the free plan for getsignoff or notableapp for getting feedback on the design.

I use Photoshop. Of course, it’s not free, but it’s an industry standard, so there are many resources for learning how to use it. Also clients usually give me Photoshop files to work with.
I might move to Fireworks in the near future for creating my designs.

I use PhpStorm for coding HTML, CSS and Php.
Unfortunately the current version doesn’t permit to edit a unique file via FTP, you first have to download the whole project to a local copy, which is actually better. It means you work on a local copy and synchronize to the server. But sometimes, you just need to quickly edit a file so I use NotePad++ with the FTP plugin which is very buggy, it disconnects often or gives errors.

For keyword research, competition analysis, promotion,etc.. I use Market Samurai. It’s a free tool that’s really powerful to quickly get the information you need.
I first discovered Market Samurai during the Thirty Day Challenge, it’s a free course to learn how to start an online business, how to promote it, how to optimze it for SEO, etc. It’s really fun and I encourage you to participate this year, it starts in August, with a ‘pre-season’ in July.

Total Recall poster design

I had a laugh designing my own poster for the movie Totall Recall with Arnold Schwarzenegger.

Total recall movie poster

Total recall movie poster

JetBrains PhpStorm IDE is awesome


I thought I’d post a quick word about PhpStorm, a new programmer’s editor that has just been released as version 1.0
It was featured on Nettuts a while ago while still in Beta, so I decided to give it a try.

Also, there is WebStorm which is specific for front end development, but PhpStorm has the same features plus PHP support. So for WordPress developers it’s recommended to get PhpStorm.

Anyway the price is 39$ for WebStorm and 59$ for PhpStorm, so I’m not sure if they’ll sell many licences for WebStorm.

The best features are:

  • Native integration of Zen Coding, which allows to rapidly code HTML
  • Version control (git,subversion,…)
  • Automatic synchronization of remote files (see this screencast for a detailed explanation)
  • code completion for php, css, html, js
  • javascript debugging
  • and more!

I’m still discovering the many features that it offers. I’ve been waiting for such an IDE for a long time. And it’s really a bargain, 59$ until September.