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

 2016-09-14 13:36

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

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

<?php get_sidebar(); ?>

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

不同页面调用不同的侧栏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文件:

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

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

20160914141722.png

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


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

作者头像

作者:紫铜炉

自由博主,网页设计师。我关注科技产品和个人博客发展,注重用户体验和界面优化。

 发表评论: