当前位置:首页 > WordPress > 怎样在wordpress网站添加小工具

怎样在wordpress网站添加小工具

wordpress 默认主题的小工具使用非常方面,可以很有效的完成wordpress网站内容的显示控制,当你开发自己的wordpress主题的时候你就可能需要更多的小工具,不仅仅是显示在侧边栏,有可能是显示在网站的header,那么我们怎样添加网站的小工具呢,下面我们就根据图文教程来一步步学习。

添加小工具的显示区域

一般来说我们的wordpress网站的小工具都是显示在侧边栏的,但是你也可以显示在网页的header、footer或者其他任何页面,要做到这些你需要修改两个文件。一个文件是主题下面的function.php文件,另一个文件是小工具所要放的地方,例如你想把小工具放在网站的尾部(footer),那么就需要修改footer.php文件,我们就显示在网站的尾部(footer.php)添加一个小工具区域。控制wordpress小工具显示区域的函数叫做:dynamic_sidebar,它主要是用于侧边栏的,但是你也可以使用它将小工具放在任何页面上(header.php、footer.php、single.php、category.php等等)。

步骤一:修改function.php文件

打开function.php文件,搜索“register_sidebar”,你可以发些和下面的代码相似的代码:

1
2
3
4
5
6
7
8
9
10
11
function twentytwelve_widgets_init() {
register_sidebar( array(
	'name' => __( 'Main Sidebar', 'twentytwelve' ),
	'id' => 'sidebar-1',
	'description' => __( 'Appears on posts and pages except the optional Front Page template, which has its own widgets', 'twentytwelve' ),
	'before_widget' => '<aside id="%1$s" class="widget %2$s">',
	'after_widget' => '</aside>',
	'before_title' => '<h3 class="widget-title">',
	'after_title' => '</h3>',
) );
}

上面说过Register_sidebar 函数控制了每个侧边栏或小部件区域,我们如果要添加wordpress小工具的区域,就可以像下面这样修改代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function twentytwelve_widgets_init() {
	register_sidebar( array(
		'name' => __( 'Main Sidebar', 'twentytwelve' ),
		'id' => 'sidebar-1',
		'description' => __( 'Appears on posts and pages except the optional Front Page template, which has its own widgets', 'twentytwelve' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget' => '</aside>',
		'before_title' => '<h3 class="widget-title">',
		'after_title' => '</h3>',
	) );
	register_sidebar(array(
		'name' => __('Bottom Left', 'twentytwelve'),
		'id' => 'bottom-left-widget-area',
		'before_widget' => '',
		'before_title' => '<h3 class="widget-title">',
		'after_title' => '</h3>',
		'after_widget' => ''
		));
}

注意参数name,分别代表了小工具区域的名字”Bottom Left”和主题的名字twentytwelve。

步骤二:编辑footer.php文件

在footer.php中找到你需要放置小工具的地方,然后添加下面的代码

1
2
3
<div id="top-right">
<?php dynamic_sidebar('bottom-left-widget-area'); ?>
</div>

bottom-left-widget-area就是第一步中的小工具区域的id(“bottom-left-widget-area”),现在保存这两个文件,打开wordpress的后台,在小工具页面中就会看到一个新的小工具区域了。

  • << Discuz登录后不跳转到登录前页面而是跳...
  • 马克斯程序(maxcms)安装方法图文介绍 >>
  • 作者:
    除非注明,本文原创:知道91,欢迎转载!转载请以链接形式注明本文地址,谢谢。
    原文链接:http://www.zhidao91.com/wordpress-add-widget-area/

    相关文章 近期热评 最新文章

    • oracle数据库相关操作注意事项
      修改Oracle SGA(共享内存) 很多网站说修改Oracle的内存通过命令 如果你这么做了,那么恭喜你,你的Oracle数据库无法启动了。如果你已经这么做了,恢复Oracle启动的方...
    • 使用微信JDK实现微信接口签名验证
      要使用微信的接口必须在绑定的域名下测试;签名必须先向微信请求到access_token,然后用access_token再去请求jsapi_ticket,最后用jsapi_ticket和相关的参数按照ASCII码...
    • ABP开发指南系列教程(2) – 多层架构...
      为了减少复杂性和提高代码的可重用性,采用分层架构是一种被广泛接受的技术。为了实现分层的体系结构,ABP遵循DDD(领域驱动设计)的原则,将工程分为四个层: 展现层(...
    • ABP开发指南系列教程(1) – 入...
      ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称。 ASP.NET Boilerplate是一个用最佳实践和流行技术开发现代WEB应用程序的新起点,它旨在成为一个通用的WE...
    • Windows下 JIRA + Agile + Mysql 破解...
      本文讲述了Windows下 JIRA + Agile + Mysql 破解安装示例教程
    • c#类的构造函数继承关系示例剖析
      本文通过示例代码讲解了c#子类的构造函数与父类的关系,子类怎样集成父类的构造函数的。