html - 如何在每个页面的侧边栏上显示不同的菜单

标签 html css wordpress menu sidebar

我有两个不同的页面,分别称为“实验室”和“服务”。 “实验室”页面使用自定义模板页面。 “服务”页面显示 8 个服务选项,每个服务打开不同的页面。例如:

实验室页面菜单:(我想在侧边栏上显示的菜单)

 - Item 1
 - Item 2
 - Item 3

服务页面:(页面有这个服务,每个服务里面都有一些选项)

- Service 1
-- Option 1.1
-- Option 1.2
-- Option 1.3
- Service 2
-- Option 2.1
-- Option 2.2
- Service 3
-- Option 3.1

服务菜单将是:

- Option 1.1
- Option 1.2
- Option 1.3
- Option 2.1
[...]

因此,当我单击“实验室”页面时,它会显示第一个菜单(元素 1、元素 2...),当我从“服务”页面单击服务时,它会显示第二个菜单(选项 1.1) , 选项 1.2 ...).

实验室和服务页面都使用了服装页面模板。有没有办法指定侧边栏显示每个页面的不同菜单?

我的 sidebar.php 代码:

<aside id="secondary" class="col-xs-12 col-sm-4" role="complementary">

        <?php do_action( 'before_sidebar' ); ?>
        <br><br><br>

        <?php if ( ! dynamic_sidebar( 'sidebar-1' ) ) : ?>

            <aside id="search" class="widget widget_search">
                <?php get_search_form(); ?>
            </aside>

            <aside id="archives" class="widget">
                <h1 class="widget-title"><?php _e( 'Archives', 'codex-coder' ); ?></h1>
                <ul>
                    <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
                </ul>
            </aside>

            <aside id="meta" class="widget">
                <h1 class="widget-title"><?php _e( 'Meta', 'codex-coder' ); ?></h1>
                <ul>
                    <?php wp_register(); ?>
                    <li><?php wp_loginout(); ?></li>
                    <?php wp_meta(); ?>
                </ul>
            </aside>

        <?php endif; // end sidebar widget area ?>
    </aside><!-- #secondary -->

最佳答案

如何使用插件“Display Widgets”( https://wordpress.org/plugins/display-widgets/screenshots/ )?

使用此插件,您可以显示/隐藏每个页面的某些(边栏)小部件。还有一个不错的插件:Widget Logic ( https://wordpress.org/plugins/widget-logic/ )

关于html - 如何在每个页面的侧边栏上显示不同的菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31413549/

相关文章:

html - 如何制作 HTML 链接,使用户下载 .html 文件

wordpress - 使用 wp_insert_post() 创建一个新页面

html - 水平滚动添加错误

php - wordpress 获取所有发布页面的永久链接

jquery - 鼠标悬停时更改图像

html - 在伪之前使用填充样式

html - 如何根据字母表的长度更改 css 选项卡的宽度?

javascript - 滚动时导航栏悬停在所有链接上激活

css - 固定页眉和页边距

html - 需要使用 CSS 选择小于其 'option' 宽度的 'select' 元素