Vertical Image Menu

A very simple WordPress Plugin that allows you to integrate a vertical scrolling menu into you WordPress page.

More information at the plugin page.

  1. Download, upload & activate this plugin
  2. Go to the admin interface and upload some images.
  3. Go to your post/page an enter the tag ‘[verticalImageMenu]‘.

That’s it … Have fun

Example

In this example I link to my page, but you can set the links to every other page.

 

 

 How to use the Image Menu in the themes header?

If you want to setup the menu in your WordPress twentyeleven header as shown above, you have to do two things.

  1. Open the “header.php” from twentyeleven with an editor and insert
    <?php echo do_shortcode('[verticalImageMenu]') ?>

    before

    <nav id="access" role="navigation">

    . Save and upload the header.php.

  2. Then open the twenty eleven “style.css”. You will find it in the same folder. Insert the following lines:
    body .vertical_imagemenu{
         position:relative;
         margin:-288px 0px 0px 40px !important;
         z-index:1;
    }
    
    

8 Comments » for Vertical Image Menu
  1. Rhys says:

    Great plugin. Simple and effective.

  2. Link says:

    How do I prevent it from scrolling?

  3. Tim says:

    Love the plugin – simple and functional.
    I was having trouble with the image upload but when I did it in visual mode rather than html mode it worked fine.
    Thanks V Much : )

  4. vladimir says:

    Help please understand.
    1. I downloaded the pictures, 2. what code I need to insert and where to work the menu?

    • admin says:

      1. I think you mean that you uploaded some images.
      2. paste the shortcode [verticalImageMenu] inside a page or post or use it inside your theme with < ?php echo do_shortcode('[verticalImageMenu]') ?>.

  5. Thomas says:

    It would be great if you could have made this plugin with the option of more than just one gallery. It’s a great plugin, but I’m on a lookout for a plugin I can use in more than just one post/page with different images.

    • admin says:

      I think it’s possible. You can setup different galleries.

      1. Upload images
      2. Go to the HTML view
      3. copy the code
      4. go to your post/page
      5. write [verticalImageMenu images='...'] and paste the code inside the ‘…’

      I think this should work, please try it. Best regards BMo

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

More aboute me
Give me a +


donate my work ♥ → paypal