Wordpress Navigation Menu

Discussion in 'HTML & Website Design' started by pnp4all, May 1, 2015.

  1. #1
    Hello dp experts,

    Need bit help regarding Wordpress Navigation Menu Design.

    I have navigation menu in html http://freedemo.cf/menu.html
    In this above html menu Last button is INDUSTRIES

    I NEED TO ADD THAT BUTTON WITH ITS DROP DOWN SUB MENU DESIGN TO MY WORDPRESS SITE NAVIGATION MENU. (http://freedemo.cf/)
    ( where in wordpress i add my html code of menu to display that INDUSTRIES Button with its Submenu Design. )


    I am using Marine Wordpress Theme (http://freedemo.cf/marine.zip)

    Help me to Design it.
    looking forward for good ideas and solutions for the similar design for navig. menu for Marine theme .
     
    pnp4all, May 1, 2015 IP
  2. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #2
    Uhm. Create your own theme (you can base it on the Marine Wordpress Theme if you want) and just add the code / css to the files needed? This is very basic Wordpress theme-building. What you do is you take the files in the Marine theme (make sure it's open souce / the license gives you rights to modify it), and then you change the header.php-file (most likely, since it's wordpress, the menu is present in header.php). You also need to change the css-file(s) of course, to add whatever styling you have for your menu
     
    PoPSiCLe, May 2, 2015 IP
  3. Leela Narasimha

    Leela Narasimha Member

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #3
    wp_nav_menu() will work for you

    https://codex.wordpress.org/Function_Reference/wp_nav_menu
     
    Leela Narasimha, May 4, 2015 IP
  4. jackburd

    jackburd Active Member

    Messages:
    396
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    73
    #4
    yeah you should use <?php wp_nav_menu(); ?> instead of encoding html to the theme.

    Add this on functions.php
    register_nav_menus( array(
    'topmenu' => __( 'Primary Navigation', 'mytemplate' )
    ) );
    PHP:
    Paste this in your header.php
    <?php wp_nav_menu(array ('theme_location' => 'topmenu')); ?>
    PHP:

    In wordpress dashboard go to Apprearance > Menu and create and match the menu
     
    jackburd, May 12, 2015 IP