How To Register Menus and use in your custom theme In WordPress

WordPress allows you to create your own custom menus from pages or category items. Using your theme settings you can define where certain menus can appear. For example you can create a menu for all your categories and display this at the top of your page.

To create a menu in WordPress go to the menu item in the appearance menu. Pick a name for your menu and start adding items to it. When items are on the menu you can drag and drop the menu items to position them.

Registering Your Menu

To position your newly created menu on your theme you will first need to register a new menu.
Copy the following code and paste it in your theme's functions.php page.
you can change your menu name or slug whatever you want to set.
function register_menu() {
 register_nav_menu('homepage-footer-menu', __('Homepage Footer Menu'));
}
add_action('after_setup_theme', 'register_menu');


After paste above code and you refresh your wordpress menu page in admin side you can see your navigation menu registered with your custom menu name
Just like this.


For display your menu in front side template.
you can call your menu by below code.

if ( has_nav_menu( 'homepage-footer-menu' ) ) { /* if menu location 'primary-menu' exists then use custom menu */
      wp_nav_menu( array( 'theme_location' => 'homepage-footer-menu') ); 
}

Comments

Post a Comment

Popular posts from this blog

How to add image option in nav menu in wordpress

Just copy and paste below code into your theme's functions.php or your's custom plugin file and change according to your need. Here is my code for add menu image with different hover image <?php class RJ_Menu_Image_Plugin {         public function __construct() {         add_action( 'init', array( $this, 'init' ) );         add_filter( 'manage_nav-menus_columns', array( $this, 'manage_nav_menu_image_column' ), 11 );         add_action( 'admin_head-nav-menus.php', array( $this, 'enqueue_js_for_nav_menu' ) );         add_filter( 'wp_setup_nav_menu_item', array( $this, 'wp_setup_nav_menu_item_menu_image' ) );         add_filter( 'walker_nav_menu_start_el', array( $this, 'walker_nav_menu_start_el' ), 10, 4 );         add_action( 'admin_action_delete-menu-item-image', array( $...
Read more

How to add a custom email functionality in woocommerce,wordpress for example new email template for shipping order

How to add a custom email template option in woocommerce Just copy and paste below code in your theme's functions.php <?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly /**  * A custom shipping WooCommerce Email class  *  * @since 0.1  * @extends \WC_Email  */  if(!class_exists('WC_Shipping_Email'))  {     include_once WP_PLUGIN_DIR.'/woocommerce/includes/emails/class-wc-email.php' ; class WC_Shipping_Email extends WC_Email {     public function __construct() {     if ( ! class_exists('Emogrifier') ){             require_once( 'includes/emogrifier/Emogrifier.php' );         }     $this->id = 'wc_shipping_email';         $this->title = 'Shipping Order';         $this->description = 'Shipping Order Notification emails are sent ...
Read more

How to change user id on checkout page for assign order to different user in woocommerce wordpress

Just copy and paste below code into your theme's functions.php file or in your custom plugin file function rj_replace_user_id_with_session_id(){     if(!session_id()){         session_start();     }     if(isset($_SESSION['order_replace_by_user_id'])){            return $_SESSION['order_replace_by_user_id']; // return user id you want to assign order     } } add_filter( 'woocommerce_checkout_customer_id', 'rj_replace_user_id_with_session_id' );
Read more