当前位置: 首页 > 知识库问答 >
问题:

隐藏侧边栏(如果为空)-WordPress

鄢博简
2023-03-14

如果侧边栏中没有内容,我想隐藏它们,不幸的是,有26.000个函数可以调用你的侧边栏,我对此并不感兴趣。我只想隐藏我的侧边栏,如果它们是空的,当它们包含小部件时显示它们。

现在我不确定是应该使用get_sidebar函数还是dynamic_sidebar函数。另外,我想知道我是否应该使用侧边栏的名称。php调用它或函数中的ID。php

共有2个答案

空俊语
2023-03-14

o认为这是个诀窍:

<?php is_active_sidebar( $index ); ?>

然而,在我很少使用WordPress的经验中,要么你有侧边栏,要么你没有。取决于你选择的模板是否有侧边栏。。。我认为这样效果更好

越飞语
2023-03-14

我刚刚在我的WordPress网站上应用了这个功能,效果很好。

<?php if ( is_active_sidebar( 'left-sidebar' ) ) { ?>
    <ul id="sidebar">
        <?php dynamic_sidebar( 'left-sidebar' ); ?>
    </ul>
<?php } ?>

在我的情况下,我的函数中有这个。php

function videobgFour() {
register_sidebar( array(
'name' => 'Background Four',
'id'   => 'videobg4',
));
}
add_action('widgets_init', 'videobgFour');

这是我头上的。php文件

<div class="box">
<?php dynamic_sidebar('videobg4'); ?>
</div>

所以我不得不以这种方式使用PHP代码。

<?php if ( is_active_sidebar( 'videobg4' ) ) { ?>
    <div class="box">
       <?php dynamic_sidebar('videobg4'); ?>
    </div>
<?php } ?>

在这种情况下,超文本标记语言仅在小部件处于活动状态时打印。

 类似资料:
  • 我刚刚把我的超文本标记语言转换成WordPress。你可以在这里看到。我选择了每页显示一篇文章。 但是,我注意到我没有'Previous'链接和div。我现在只有'Next'链接和div。 如果我添加了'Previous'链接和div,我如何在我的主页中隐藏它(这里有最新的条目)?我如何在最后一个条目中隐藏“下一个”链接和div,而在最后一个条目页面中只显示“上一个”链接和div? 我想这个主题更

  • 可以从左侧或者右侧滑出的面板。 使用侧栏 在任何元素上增加 .open-panel 类都可以使它能点击打开侧栏。如果有多个侧栏,你可以通过 data-panel='{panel的选择}'来指定具体打开哪一个侧栏 在任何元素上增加 .close-panel 类都可以使他点击关闭侧栏,因为侧栏只能同时打开一个,所以关闭的时候你不用指定是哪一个侧栏。 可以通过 .panel-left 或者 .panel

  • 创建侧边栏对于以下目的很有用: 将 相关文档 分组 为每篇文档 显示一个侧边栏 提供带有 下一页/上一页(next/previous)按钮的 分页导航 要为你的 Docusaurus 网站添加侧边栏的话,需要: 创建一个导出(export) 侧边栏对象(sidebar object) 的文件。 将此对象直接或通过 @docusaurus/preset-classic 传递给 @docusaurus

  • 我是Android开发的新手。目前,我正在使用Firestore UI填充RecycerView。它可以正常工作,但现在我希望在RecycerView不包含数据或插入某些内容时动态隐藏/显示该视图。在我的适配器类中重写onDataChanged方法时,我注意到我可以正确地动态检测适配器中的项数是否为0。我如何使用它使我的RecycerView可见或不可见?

  • 侧边栏导航 Foundation 使用 <ul> 创建侧边栏: 实例 <ul>   <li><a href="#">Link 1</a></li>   <li><a href="#">Link 2</a></li>   <li><a href="#">Link 3</a></li>   <li><a href="#">Link 4</a></li> </ul> 激活链接与分割线 已点击的链接可以在

  • ap.hideOptionButton() 隐藏导航栏右侧按钮。 代码示例 <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script> <button class="btn btn-default">显示多个按钮</button> <button