【问题标题】:Wordpress (Grow Pro): How to change primary header menu in header.phpWordpress(Grow Pro):如何更改 header.php 中的主标题菜单
【发布时间】:2019-05-30 19:31:02
【问题描述】:

我刚开始处理一个已经存在的网站并安装了 max mega menu 插件以更好地控制菜单按钮。但是,在移动设备上,原始菜单切换仍然可见,但没有响应。

所以我再次停用了插件,但菜单切换仍然没有响应,这意味着现在该网站在移动设备上要么没有可用的菜单,要么有两个菜单切换。

/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up until id="main-core".
 *
 * @package ThinkUpThemes
 */
?><!DOCTYPE html>

<html <?php language_attributes(); ?>>
<head>
<?php thinkup_hook_header(); ?>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<link rel="profile" href="//gmpg.org/xfn/11" />
<link rel="pingback" href="<?php esc_url( bloginfo( 'pingback_url' ) ); ?>" />

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?><?php thinkup_bodystyle(); ?>>
<?php /* Body hook */ thinkup_hook_bodyhtml(); ?>
<?php /* Notification Bar */ thinkup_input_notification(); ?>
<?php /* Header Image */ thinkup_input_headerimage(); ?>
<div id="body-core" class="hfeed site">

    <header>
    <div id="site-header">

        <?php  if ( get_header_image() ) : ?>
            <div class="custom-header"><img src="<?php header_image(); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt=""></div>
        <?php endif; // End header image check. ?>

        <div id="pre-header">
        <div class="wrap-safari">
        <div id="pre-header-core" class="main-navigation">

             <?php if ( has_nav_menu( 'pre_header_menu' ) ) : ?>
            <?php wp_nav_menu( array( 'container_class' => 'header-links', 'container_id' => 'pre-header-links-inner', 'theme_location' => 'pre_header_menu' ) ); ?>
            <?php endif; ?> 

            <?php /* Pre Header Search */ thinkup_input_preheadersearch(); ?>

            <?php /* Social Media Icons */ thinkup_input_socialmediaheaderpre(); ?>

        </div>
        </div>
        </div>
        <!-- #pre-header -->

        <?php /* Add header - above slider */ thinkup_input_headerlocationabove(); ?>

        <?php /* Add responsive header menu */ thinkup_input_responsivehtml2_above(); ?>

        <?php /* Add sticky header */ thinkup_input_headersticky(); ?>

        <?php /* Custom Slider */ thinkup_input_sliderhome(); ?>

        <?php /* Custom Intro - Above */ thinkup_custom_introabove(); ?>

        <?php /* Custom Slider */ thinkup_input_sliderpage(); ?>

        <?php /* Add header - above slider */ thinkup_input_headerlocationbelow(); ?>

        <?php /* Add responsive header menu */ thinkup_input_responsivehtml2_below(); ?>

        <?php /* Custom Intro - Below */ thinkup_custom_introbelow(); ?>

    </div>


    </header>
    <!-- header -->

    <?php /*  Call To Action - Intro */ thinkup_input_ctaintro(); ?>
    <?php /*  Pre-Designed HomePage Content */ thinkup_input_homepagesection(); ?>

    <div id="content">
    <div id="content-core">

        <div id="main">
        <div id="main-core">

主题让我可以在三个菜单位置之间进行选择:前页眉、主页眉和页脚。我查看了 header.php,发现我找不到任何关于主标题菜单的代码很奇怪。请注意,我是网站托管和 css 编程的绝对新手!

如何从网站上删除“旧”菜单切换和/或使其再次响应?

提前致谢!

【问题讨论】:

    标签: wordpress menu


    【解决方案1】:

    您可以从管理页面 /wp-admin/nav-menus.php 更改 wordpress 的主菜单,底部有一个复选框以指示为主菜单。

    您的主题的 header.php 具有显示 wordpress 主菜单的默认功能:

    <?php wp_nav_menu( array( 'container_class' => 'header-links', 'container_id' => 'pre-header-links-inner', 'theme_location' => 'pre_header_menu' ) ); ?>
    

    您可以查看here wp_nav_menu() wordpress 功能。

    或者,您可以将上面的 header.php 更改为:

    <?php wp_nav_menu( array( 'menu' => $the_id_of_your_menu,'container_class' => 'header-links', 'container_id' => 'pre-header-links-inner', 'theme_location' => 'pre_header_menu' ) ); ?>
    

    您可以通过访问 wp-admin 中的菜单并单击 select 按钮(如 here 所述)来找到 $the_id_of_your_menu

    希望对你有帮助

    【讨论】:

    • 您好,感谢您的回答。我想,我没有很好地解释我的问题。我已经在正确的位置有正确的菜单。但是,我认为我的问题实际上由两个问题组成:1.) 当我在移动设备上打开网站时,菜单切换不起作用。 2.) 安装 max mega menu 插件后,我看到两个菜单切换。插件中运行良好的插件和原始损坏的插件之一。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多