Shiba

Adventures in WordPress

  • — Home —
  • Dog
  • Art
  • Contact
  • WordPress Articles
    • WP Plugins
    • WP Programming
    • WP Admin Panels
    • WP Theme Design
    • WP How-To
    • WP Theme Images
You are here: Home / WordPress Plugin / WordPress MenuBar Plugin

WordPress MenuBar Plugin

Tweet

by ShibaShake 19 Comments

This plugin has been retired. It will no longer be supported or updated.

The Shiba Menubar plugin extends native WordPress custom menus so that you may add page trees, category trees, and archives. You may then render your menubar using a variety of drop-down menu scripts and skins.

August 3rd, 2012 – Release 1.2.2

  • Updated for WordPress 3.4.
  • Updated MooTools to 1.4.2.
  • Added styles for Twenty Eleven.

How to Get Shiba Menubar Plugin

Key Features of the Shiba Menubar Plugin

  • Lets you add whole category, page, and archive trees to your native WordPress custom menus.
  • Displays drop-down menus using a variety of menubar scripts including MenuMatic, Tinydropdown, and Sexydropdown.
  • Easily apply different design skins to your drop-down menu through the Appearance >> Shiba Menus screen.
  • Currently, the plugin only displays horizontal menus.

Drop-Down Menu Types

  • Menumatic by greengeckodesign. [Menumatic Demo]
  • Tinydropdown by Michael Leigeber.
  • Sexydropdown by Soh Tanaka.

The advantage of both Tinydropdown and Sexydropdown is that their associated javascripts are tiny. Menumatic uses MooTools so it has a larger javascript footprint, but it also has some great drop-down menu effects, and it follows some of the best practices in drop-down menu design.

Create and Assign a Menubar

The menubar interface is just the standard Menus interface that comes with WordPress native (since 3.0).

  1. To create a menubar, go into Appearance >> Menus.
  2. Native WordPress Menus interface.
    Native WordPress Menus interface.
  3. Add in a menu name and hit the Create Menu button. This will create the menu object and now you may add elements to it.
  4. Add an archive tree to our menubar.
    Add an archive tree to our menubar.
  5. To add category, page, or archive trees simply go to the Custom Links menu and enter categories, pages, or achive as the URL. Also enter a Label of your choice.
  6. Once you are done, click on the Add to Menu button. This will add the archive tree to your menubar.
  7. Archive tree has been added to our menubar.
    Archive tree has been added to our menubar.
  8. Add other menubar elements. Once you are done remember to click on the Save Menu button to save your menubar.
  9. Now you may assign the menubar to your blog. There are two ways to achieve this:
  10. Assign menubar using the Theme Locations interface.
    Assign menubar using the Theme Locations interface.
    • Theme Locations – Some themes provide special theme menubar locations. Often these areas are highly styled. If Theme Locations are supported, it will show up on the Theme Locations interface on the Appearance >> Menus screen. Just assign your new menubar using the Theme Locations interface and click on Save.
    • Custom Menu Widget – WordPress native also comes with a Custom Menu Widget. You may also assign your menubar by dropping this widget in the proper widget area within your theme.
    • Assign menubar using the Widgets interface.
      Assign menubar using the Widgets interface.

Theme Menubar Style

Most themes already have highly styled menubar areas. As a result, the plugin menubar may not display properly due to style collisions between theme and plugin.

Here is a simple trick to remove all theme CSS stylings so that the Shiba Menubar skins are properly applied –

<script type="text/javascript" > 
jQuery('#access').attr("id","new-access");
</script>

In the code above, CSS stylings for the TwentyTen menubar are removed by reassigning the menubar div (#access) to something else (#new-access).

TwentyTen theme using the Menumatic script and Black menubar skin.
TwentyTen theme using the Menumatic script and Black menubar skin.

Here is an example of the TwentyTen theme using the Menumatic script and Black menubar skin.

The Shiba Menubar Plugin has inbuilt style conditions for the following themes (i.e., the plugin will work out of the box for the themes below) –

  • Twenty Ten
  • Thematic
  • Suffusion
  • Atahualpa
  • Shiba Theme

Other themes may require some tweaking.

Future Work

  • Enable the addition of partial trees.
  • Add vertical menus.
  • Set menubar entries to be fixed or variable width.
  • Set menubar skin on a widget by widget level.
  • Allow certain categories, pages, or archives to be excluded.

Shiba Menubar Plugin Updates

Shiba Menubar 1.2

February 26th, 2011

  • Updated for WordPress 3.1.
  • Added styles for popular WordPress themes Suffusion and Atahualpa.

Shiba Menubar 1.1

October 29th, 2010

  • Added two new drop-down menu scripts – Tinydropdown and Sexydropdown.
  • Added menubar skinning capabilities. You can now apply different skins to your menubar.
  • Easily change menubar scripts and skins through the Appearance >> Shiba Menus screen.

How to Get Shiba Menubar Plugin

Related Articles

Shiba Menubar 1.1

The Shiba Menubar plugin extends native WordPress custom menus so that you may add page trees, category trees, and archives. It also includes a several drop-down menu scripts for you to choose from including MenuMatic, Tinydropdown, and Sexydropdown. [Full Shiba Menubar description.] New features for Shiba Menubar 1.1 - 1. More Drop-down Menu Options Two drop-down menu scripts have been added - Tinydropdown by Michael Leigeber. Sexydropdown by Soh Tanaka. The advantage of [...]

Comments

  1. Anonymous says

    August 17, 2012 at 4:15 pm

    Can I expect any reply for my query? Why this plugin not working now..?

    Reply
    • ShibaShake says

      August 17, 2012 at 7:39 pm

      I am not sure I understand what you mean.

      Did you use the plugin previously and now it is not working under 3.4? Are you using the same theme? Was there a theme update recently? What version of the plugin are you using? What exactly is not working? What did you enter in the Custom Menu? Is it not showing any drop down menu? Is there an example page?

      Reply
      • john says

        August 18, 2012 at 4:33 am

        Hey Im using your plugin version 1.2.2 and wordpress version 3.4.1 (latest)

        I did as what U said above, BUT when I added m parent category and saved, its child categories are not appearing in my menu bar..

        Im using woothemes canvas theme v4.7.3

        I wanna give U my login website dashboard login details, can U check it? If YES, how do I send U an email?

        Waiitng for ur quikc response!

        and thnx for trying to help me out..

        Reply
        • ShibaShake says

          August 18, 2012 at 12:00 pm

          when I added m parent category and saved, its child categories are not appearing in my menu bar..

          Hmmm, did you use the special link – http://categories in a Custom Link object?

          Another possibility is that there could be a theme issue. Some themes have their own drop down menus and do their own styling. In these cases, the theme styling may be taking precedence over the plugin styling.

          When using new updates, I usually try things out on a test site first. I would first try everything on the Twenty Ten theme. If it works on that theme, then I change to my main theme and see how it goes. In this way, if there are issues, I will know that it is theme related.

          If I can look at an example page, I can probably tell if styling is the issue.

          Reply
        • john says

          August 18, 2012 at 2:47 pm

          hi,

          YES, now i added that above special link and tested.. (alos tried with twentyten theme as welll)… BUT still not appearing…

          here is my website: clothemporium [DOT] com

          and also pls seee this: http://i1101.photobucket.com/albums/g438/your-guru/shiba.png

          Hope to get my prob resolve soon!

          Thanks!

          Reply
          • ShibaShake says

            August 18, 2012 at 4:04 pm

            There is no forward slash at the end, just

            http://categories

          • john says

            August 19, 2012 at 12:01 am

            hi,

            Hey , I removed that “/” now, BUT iam unable to see sub-categories under ‘Bags & Accessories’ category…

            still whats the problem..?

          • ShibaShake says

            August 19, 2012 at 12:38 pm

            The http://categories link shows all categories. All the other stuff is wordpress native, and follows regular native functionality.

            The list of categories to select from do not display with any hierarchy, …
            WordPress Codex

            The full extensions provided by the plugin are described in the article above. For the rest please refer to the WordPress Codex.

          • john says

            August 19, 2012 at 11:19 pm

            So, your plugin doesnt autmatically produce sub-categories when parent category added in a custom menu..?

          • ShibaShake says

            August 20, 2012 at 7:06 am

            No. Currently, it only allows *whole* category, archive, or page trees to be added. Displaying partial trees would be an interesting add-on though, so I will add it into the future updates list.

  2. JOhn says

    August 16, 2012 at 11:52 am

    Hey,

    why Iam unable to see child categories under my parent category using Custom Menu..? I can able to just see only my parent categories which I have added under ‘Custom Menu’.

    Pls advice me..

    Reply
  3. absolute says

    January 18, 2012 at 8:12 pm

    Hi. I have installed your menubar plugin and thank you – I love that it allows a category drop down tree! Just what I was looking for.

    I would like to leave the background of the menubar just as pink (to match my branding) so I have selected “none” there. Is there some way I can tweak the Text colour? It is currently displaying in BRIGHT BLUE which is somewhat awkward to read and I would love to see just plain old black here πŸ™‚ I tried adjusting in the plugin editor but ended up deactivating the plugin.. I have reverted back and reactivated but not sure how to proceed.

    Thanks in advance for the help!!

    Reply
    • ShibaShake says

      January 23, 2012 at 10:31 am

      Currently the menubar links simply default to the link color of the theme. You can use CSS to change the link color. For example –
      .shiba-menubar a { color: #000; }

      Reply
  4. nani says

    May 20, 2011 at 10:32 am

    Hi
    will you tell me how to remove menu bar in my blog.it was in built menu bar in the theme.and iam removed the custom menu bar in blog but it always displaying.

    please feel fre to give currect suggestion for me and your blog information is awsome. i like it very much.

    Reply
    • ShibaShake says

      May 27, 2011 at 10:49 am

      That would depend on what theme you are using and how they implement menubars.

      If the theme is using the standard menus within WordPress (under Appearance >> Menus), then simply go in there, create an empty menubar and assign that to the theme.

      Otherwise, you can also use CSS to suppress the menubar from being shown (by using display:none or visibility:hidden. However, it will be more efficient to comment out the menubar code from the relevant theme PHP file.

      Reply
  5. fwunder says

    March 20, 2011 at 4:22 pm

    Just to follow up…

    I realized I do not need the WP menubar plugin.

    If I “view widget set” from “edit widget set” everything looks perfect. When I go back to published pages/posts, menubar does not appear but by sidebar widget settings do.

    Thanks.

    Reply
    • fwunder says

      March 21, 2011 at 6:47 am

      Following up on my followup.

      It seems (in my case) I am failing the Menubar Widget test:

      if ($shiba_theme->num_widgets[‘Menubar’])

      If I comment that test out of header.php, the menubar displays correctly. Thanks for listening! πŸ˜‰

      Reply
      • ShibaShake says

        March 21, 2011 at 1:24 pm

        Glad it all worked out! πŸ˜€

        Reply
  6. fwunder says

    March 20, 2011 at 2:30 pm

    Hi!

    Absolutely the most creative stuff yet I have seen with WordPress! Kudos.

    I am having a problem with Menu Bars. I installed the theme Shiba Theme, Shiba Menubar Plugin, Shiba Widgets.

    WordPress 3.1.

    I figured I needed the Menubar plugin also? I install that and it keeps saying “To complete your installation, please create the folder wp-content/plugins/menubar-templates and upload at least one Menubar template”

    I must be missing something, because I can’t can’t any menubar to show up.

    Probably something simple I am missing?

    Thanks.

    Reply

Leave a Reply Cancel reply

Your email address will not be published.

Recent Posts

  • Screen-shot of mobile responsive Poll Daddy object, where text floats properly to the right of radio buttons.How to Make Poll Daddy Objects Mobile Responsive
  • Screen-shot of blog post with no page border (flowing design).Genesis Skins 1.5
  • Screen-shot of the media manager Create-Gallery screen, while doing a post search.Shiba Media Library 3.7
  • Screenshot of the Edit Gallery screen after we hit the Create Gallery button.How to Expand the WordPress Media Manager Interface
  • Blonde girl looking through and holding a circular picture frame.Shiba Gallery 4.3
  • Close-up of beautiful blonde holding a square picture frame.Google Authorship - Good or Bad for Search Traffic?
  • Shiba Widgets 2.0
  • Media Temple screenshot of editing my sub-domain DNS entry.Using CDN Cnames with w3tc and MultiSite
  • Shiba Skins WordPress ThemeShiba Skins WordPress Theme
  • How to add the Media Manager Menu to the Theme Preview InterfaceHow to Add the Media Manager Menu to the Theme Preview Interface

Recent Comments

  • WordPress Search Widget – How to Style It (56)
    • Nelson
      - Tanks master - Fine
    • TelFiRE
      - How do you style the "X" that shows up when you start typing?
  • Update custom inputs with the proper data using Javascript.Expand the WordPress Quick Edit Menu (58)
    • Mike G
      - This is exactly what is happening to me. It is updating the value in the database and in the column, but I have to refresh ...
    • PhoenixJP
      - Thanks for this tutorial. Does someone knows if this still work with wordpress 5.03 and 5.1.
    • Francine Carrel
      - This is a very long time away from your original comment, but did you ever work it out? I am stuck on the exact same thing ...
  • Custom meta-box with a set of radio-buttons.Add a Metabox to Your Custom Post Type Screen (27)
    • mike
      - Hi Shiba am a newbie to wordpress, I just installed a plugin with a custom post type, but has no option for discussion and ...
  • Write a Plugin for WordPress Multi-Site (45)
    • Andrew
      - Hi,action 'wpmu_new_blog' has been deprecated. Use β€˜wp_insert_site’ instead.
  • Populate our Edit Gallery menu using a gallery shortcode.How to Add the WordPress 3.5 Media Manager Interface – Part 2 (29)
    • Janine
      - Still relevant in 2019.
  • WordPress Excerpt – How to Style It (36)
    • James
      - Great post. I really need some help. I have set border lines around my excerpts on my blog page/post page. The problem is ...
  • Add Custom Taxonomy Tags to Your WordPress Permalinks (123)
    • Darshan Saroya
      - Update permalinks. Go to settings > permalink and just save it.

Copyright © 2021 · Genesis Skins by ShibaShake · Terms of Service · Privacy Policy ·