colorpress - Premium WordPress Theme
$49.99

ColorPress is a theme that lets you play with color! Now, you will not be restricted to using a few color schemes provided by the developer. You have all the colors to apply to your theme! Just pick your color and magic happens. The theme comes with a configurable slideshow, 3 blog layouts, dropdown menus and a load of other options that will rock your socks!

Wix.com

Apr
02

How to Add a Drop Down Menu to your Theme

Add Drop Down Menu to WordPress theme

A lot of people wanted to know the technique for adding a Drop Down Menu to their WordPress themes. So, here is a quick way to do this. This tweak will let you create menus, sub-menus and sub-sub-menus and it applies to your pages, categories and archives.

Step 1

Download the Suckerfish Dropdown Menu for WordPress. Even if you have installed WordPress 2.5 recently, this plugin works perfectly. Extract the plugin and put the files in your wp-content/plugins folder. Activate the plugin from your wp-admin section.

Step 2

Now, open your existing theme folder which you have applied to your WordPress installation. Most probably, you already have a navigation menu in the theme (most themes have it in the header.php file). So, just replace your existing menu code with this command :-

<?php suckerfish(); ?>

Save and close the file.

Step 3

This is the final step. Go to this online Suckerfish Dropdown CSS Generator, where you can generate a custom CSS file for your menu and copy it to your clipboard. Now go to your wp-admin and click on the Suckerfish option which you can find under the options menu (in WP 2.3) or the settings menu (WP 2.5). Paste the custom CSS information where it says “Enter your CSS here”. It might show something like #222 in the box which you can safely remove. The plugin also gives you options to choose the menu items that you want to display in the menu.

To test the functionality of this drop down menu, go ahead and make some pages and sub-pages. Preview your theme and it should work flawlessly. Let me know if you have any questions. Good luck!

This post was viewed 25,626 times

» 25 people left comments { Collapse all | Expand all }

  1. I`ve tried creating drop down page on header blue green theme but it seems the color did not match with header background color.
    How it should be as i`ve tried online Suckerfish Dropdown CSS Generator and did not find any color code that is same as my recent theme header color.
    What is the Header color code of theme blue green?
    If you don`t mind please do me in favor to handle this issue as you are the one who is capable of.
    A million thank for the theme and the forward help

    Reply to this comment
  2. I`ve tried creating drop down page on header blue green theme but it seems the color did not match with header background color.
    How it should be as i`ve tried online Suckerfish Dropdown CSS Generator and did not find any color code that is same as my recent theme header color.
    What is the color code of theme blue green header?
    If you don`t mind please do me in favor to handle this issue as you are the one the maker of this theme.
    A million thank for the theme and the forward help

    Reply to this comment
  3. How do I recognise the navigation menu code in my header.php page?!

    Reply to this comment
  4. It does not work when I want to display categories….

    Reply to this comment
  5. Seems that the link you provide for creating the CSS style is dead. This is the correct link for it

    http://pixopoint.com/suckerfish_css/

    Btw, I can’t make this dropdown works (menu don’t show) on my IE6. Do you have any solution for this?

    Reply to this comment
3 2 1 »

» Leave a Comment!

Search :
Browse :
Archive :

$$$ Make Money $$$

Become an Affiliate

Welcome to Blog Oh! Blog's affiliate program! I personally invite you to make money by selling all of Blog Oh! Blog's Premium themes.

You will get a whopping 25% share on each sale generated through your affiliate link.

All you need to do is sign up as Blog Oh! Blog's affiliate, choose a banner, paste it on your website or blog and wait for sales to happen. It's as simple as that!

All affiliates will be paid on 10th of every month. Your affiliate earning needs to be a minimum $50 to get paid for each month.

Here is the sign up link and here are some banners to get you started!