WordPress不同页面调用不同侧栏sidebar

Wordpress不同页面调用不同侧栏sidebar
WordPress不同页面调用不同侧栏sidebar

在运营 WordPress 网站的过程中,有时候想要不同的文章列表页和文章内容页调用不同的侧边栏(sidebar)。这样做可以让我们能够对 WordPress 网站更加精细化的管理,可以让用户更容易找到与正文相关的内容。下面,我们介绍两种不同的方法,来实现不同页面调用不同侧栏的目的。

首先,我们来了解下 WordPress 是如何调用侧栏(sidebar)的。在主题文件里,会有一个名为 sidebar.php 的文件,我们可以在 index.php 、single.php 以及 contents.php 等模板文件中,只需要使用下面的调用代码,就可以调用 sidebar.php 模板了:

<?php get_sidebar(); ?>

当然,这里还有一个比较重要的前提,就是主题已经开启了“小工具”的侧栏功能。

如果尚未开启,也不用担心,只要在主题根目录下的 functions.php 文件里面插入下面这段代码即可:

/** 开启侧栏小工具 */
if( function_exists('register_sidebar') ) {
  register_sidebar(array(
    'name' => 'First_sidebar',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '',
    'after_title' => ''
  ));
  register_sidebar(array(
    'name' => 'Second_sidebar',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '',
    'after_title' => ''
  ));
}

这段代码注册了连个不同名称的 Sidebar 分别为First_sidebar 和Second_sidebar。

方法一:通过 get_sidebar() 调用不同名称的侧栏:

get_sidebar 这个函数有一个参数 $name 可以设置,通过这个参数,我们可以定制几个不同的 PHP 文件来分别调用不同侧栏。

<?php get_sidebar( $name ); ?>

默认的sidebar.php文件中,排除其他的逻辑,我们得到的插入侧栏小栏目的代码如下:

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
    ....
    <?php dynamic_sidebar( 'sidebar-1' ); ?>
    <!-- 如果侧栏有有内容则插入侧栏一中的小栏目 -->
<?php endif; ?>

同样的,在sidebar-centent.php文件中,它用了不同的逻辑思维,也得到了相同的效果:

if ( ! is_active_sidebar( 'sidebar-2' ) ) {
    return;
}
.....
<!-- 如果sidebar-2中没有内容则跳出 -->
<?php dynamic_sidebar( 'sidebar-2' ); ?>

那么不难推测出,如果想在内容列表页和内容页调用不同的侧栏,只要增加一个以sidebar-为前缀名的PHP文件,然后在 index.php 和 single.php 通过 get_sidebar() 函数调用不同的PHP文件即可。

方法二:在sidebar.php里面增加逻辑判断:

如果不想增加一个PHP文件,那么把逻辑都写在 sidebar.php 文件里也是个不错的选择。而且,它不会被 index 和single两个模版局限住,只要思维够强大,就可以写出各式各样的逻辑来:

<?php if ( is_single() && is_active_sidebar( 'sidebar-2' )) { ?>
    <!-- 如果是内容页面并且sidebar-2有内容 -->
    ...
    <?php dynamic_sidebar( 'sidebar-2' ); ?>
<?php }else{ ?>
    ...
    <?php dynamic_sidebar( 'sidebar-1' ); ?>
<?php }; ?>

对比这两个方法,我比较推荐第二种。将逻辑写在一起,在外部加载容易扰乱思维,不建议大家使用。

原创文章,作者:牛奇网,如若转载,请注明出处:https://www.niuqi360.com/wordpress/wordpress-different-sidebars-for-different-pages/

发表评论

登录后才能评论