Wordpress模版制作：不同页面调用不同的侧栏sidebar

Wordpress模版制作：不同页面调用不同的侧栏sidebar

 2016-09-14 13:36    网页设计   标签：wordpress 主题 代码   1170    发表评论

我们在制作wordpress主题时，我们常常会把主页、文章列表页和文章内容页调用不同的侧栏。这样做可以使网站功能更细化，页面更美观。我尝试了下，发现有两种不同的方法都可以实现不同页面调用不同侧栏的功能。

首先，我们来了解下wordpress是如何调用侧栏sidebar的。在主题文件里，有一个sidebar.php的文件，在index.php和single.php对应的地方，会有相应的调用代码：

<?php get_sidebar(); ?>

当然，这里还有一个比较重要的前提，就是您制作的主题已经开启了“小工具”的侧栏功能，开启后的状态如下图：

如果没有也不用担心，只要在functions.php文件里面插入下面这段代码即可：

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

这段代码的作用在这里就不详细讲解了，因为需要，我开启了两个不同的侧栏，名字分别叫做：First_sidebar和Second_sidebar。

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

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

<?php get_sidebar( $name ); ?>

我们翻开wordpress默认主题“twentyfourteen”就可以看到，它除了有sidebar.php这个文件外还有两个类似名称的PHP文件：

在single.php模板末尾，除了sidebar.php文件以外，还调用了一个名称为single-content.php的文件：

默认的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 }; ?>

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