Horje
Use WordPress' nav menu system to create left/right widget flyouts, with support for Superfish Wordpress Tutorial

Noted That:

  • To install correctly this wordpress-css-drop-down-menu.zip .
  • Fisrt Download the wordpress-css-drop-down-menu.zip to your computer
  • Extract/Open wordpress-css-drop-down-menu.zip to Your Computer.
  • Then, Find readme.txt file inside wordpress-css-drop-down-menu.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " wordpress-css-drop-down-menu.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " wordpress-css-drop-down-menu.zip "  Downloaded plugin from your computer, Where you downloaded wordpress-css-drop-down-menu.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " WordPress CSS Drop-down Menu " folder is added on left sidemenu. Now, Click on " WordPress CSS Drop-down Menu " folder.

   Noted that: If you do not see " WordPress CSS Drop-down Menu " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  WordPress CSS Drop-down Menu Configurtions and Settings or How to work " WordPress CSS Drop-down Menu " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " WordPress CSS Drop-down Menu " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is WordPress CSS Drop-down Menu
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  • Upload the ‘wordpress-css-drop-down-menu’ folder to the /wp-content/plugins/ directory or install it from WordPress.org’s Plugin directory inside your WordPress installation.
  • Activate the plugin through the ‘Plugins’ menu in WordPress
  • Add the required code to header.php in your WordPress theme

    orientation=”top”; */
    $myMenu-> show();
    }
    ?>

    You can place the above code anywhere in your theme, not just the header. Options available to you are:

    $myMenu-> orientation – Values are ‘top’, ‘right’, ‘left’ – default is ‘top’
    $myMenu-> name – WordPress menu id, slug, or name
    $myMenu-> container_class – the class that is applied to the container
    $myMenu-> theme_location – The location in the theme to be used (defined via register_nav_menu)
    $myMenu-> menu_class – CSS class to be used for the ul element which forms the menu

    These are a subset of the options given here: https://codex.wordpress.org/Function_Reference/wp_nav_menu

    • Or, add a sidebar to your theme if you don’t already have one

If you want to show the widget in the header of your theme, add a sidebar to your header.php file and update your functions.php file to add a new sidebar there .

PHP for your sidebar.php file in your WordPress theme:




Example PHP for your functions file:



 __('Menu', 'menu'), 'id' =>
 'menu', 'description' =>
 __('Shows a dropdown menu in the header.', 'menu'), 'before_widget' =>
 '', 'after_widget' =>
 '', 'before_title' =>
 '', 'after_title' =>
 '' ) );
}
?>

  • The plugin defines its own menu.css in your theme’s header. If you have your own menu.css file in your theme folder the plugin will check for that and load that for you automatically. It may be easier to simply copy across menu.css from the plugin folder and use that as the basis for your own. Or, browse the internet for unordered CSS list menu styles. Stu’s site is a good start .

  • You can also activate the JS addon plugin to use Superfish javascript. This plugin uses its own Superfish CSS which you can find in the plugin js/superfish directory. It has been modified for use with WordPress. Place superfish.css into your own theme folder to avoid having your CSS overwritten on a plugin update!
    It’s also possible to use other Superfish menu variants but you will need to edit and include them yourself using functions.php in your theme folder. Please also note that right/left widget items won’t work with this menu type installed right now.

  • If you get ‘broken image links’ in IE it’s because the background dropdown images in your menu.css file are set to Stu’s original ones. You will need to change these.


menu , system , create , leftright , widget , flyouts , support , superfish , tutorial ,

Name

Read Article
https://develop.horje.com/learn/1434/reference