码迷,mamicode.com
首页 > 其他好文 > 详细

可待学院 WordPress主题(模板)修改教程(九):创建单独的侧边栏

时间:2015-08-10 02:12:34      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:wordpress   function   侧边栏   文本框   widget   

昨儿磊子把首页模板创建方法说了下,想必大家看了之后知道如何创建模板了吧,我们只需要在在创建的模板文件中加上模板名称,就可以当模板来使用了。我们在修改主题是,如果个别页面想自己放些样式或者js效果上去,但是又不想其他页面也有,我们就可以用创建模板的方法来搞定它。侧边栏也是一样,如果你只想在某一个页面放一个侧边栏上去,我们也可以为这个页面创建一个侧边栏出来,这样你就可以比较灵活的去使用了。还有一个方法那就是使用插件,这个插件叫widget logic,安装激活之后会在每个小工具里面出现widget logic文本框,需要在里面输入判断函数就可以了,大家如果感兴趣的可以去下载下来看看,如果的新手的话就不建议使用了,下面说下比较常用的方法。

在默认主题的functions.php里面我们找到这段代码:

function twentyeleven_widgets_init() {

	register_sidebar( array(
		‘name‘ => __(‘首页侧边栏‘),
		‘id‘ => ‘sidebar-home‘,
		‘description‘ => __( ‘在这里添加首页侧边栏内容‘),
		‘before_widget‘ => ‘<div id="%1$s" class="widget %2$s">‘,
		‘after_widget‘ => "</div>",
		‘before_title‘ => ‘<h3 class="widget-title">‘,
		‘after_title‘ => ‘</h3>‘,
	) );

      //用上面register_sidebar同样的方法还可以继续添加没有限制,如:

       register_sidebar( array(
               ‘name‘ => __(‘一个例子‘),
               ‘id‘ => ‘sidebar-1‘,
               ‘description‘ => __(‘这是一个例子‘),
               ‘before_widget‘ => ‘<li id="%1$s">‘,
               ‘after_widget‘ => "</li>",
               ‘before_title‘ => ‘<h3>‘,
               ‘after_title‘ => ‘</h3>‘,
      ));
 }
//上面符号‘=>‘右边的内容可以更具自己的需要来添加和修改,里面需要用到的是它的id名称

//name:将要显示在WP 管理界面的新widget区域的名称

//id:新widget区域的唯一标识符

//description:对新widget区域的说明

//before_widget:用户添加widget小工具前的标签或者其他批注

//after_widget:用户添加widget小工具后的标签或者其他批注

//before_title:添加widget小工具的标题前的标签或者其他批注

//after_title:添加widget小工具的标题后的标签或者其他批注

add_action( ‘widgets_init‘, ‘twentyeleven_widgets_init‘ ); //执行这个action

通过上面的方法我就可以创建无数个侧边栏了,只要你需要就可以用这个方法来创建。创建好后我们要进行调用,放在你需要使用的那个模板文件里面。代码是:

<?php if (!dynamic_sidebar( ‘sidebar-home‘ ) ) : ?><?php endif; ?>

<?php if (!dynamic_sidebar(‘sidebar-1‘)) : ?><?php endif; ?>

//通过id名称来进行调用也可以通过name来调用

这样我们就可以在后台的小工具那里看到自己创建的侧边栏了,有需要的赶快试试吧!


可待学院 WordPress主题(模板)修改教程(九):创建单独的侧边栏

标签:wordpress   function   侧边栏   文本框   widget   

原文地址:http://kissneck.blog.51cto.com/8449667/1683142

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!