标签: widget , WordPress技巧 , WP 技巧WordPress主题作者制作WordPress主题的时候都会给主题添加上支持 Widget 功能,但也有极少数的主题是不支持的,尤其是CMS主题,比如倡萌(www.)现在使用的 Tstyle 就不支持Widget 功能。
不支持Widget功能的WordPress主题,要想增强修改边栏,就只能自己直接在边栏文件上添加代码,对于WordPress新手就不是一件简单的事情啦。下面,倡萌就和大家分享一下为WordPress主题添加支持Widget功能的方法。
两栏(单侧栏)主题Widget功能:
1、登陆博客后台,点击“外观”选项卡下的“编辑”选项进入当前主题编辑界面
2、选择主题支持函数文件functions.php,在<?php和?>之间添加以下函数代码
1
2
3
4
5
6
7
8
9
10
| <?php
if( function_exists('register_sidebar') ) {
register_sidebar(array(
'before_widget' => '<li class="widget">', // widget 的开始标签
'after_widget' => '</li>', // widget 的结束标签
'before_title' => '<h3>', // 标题的开始标签
'after_title' => '</h3>' // 标题的结束标签
));
}
?> |
3、更新functions.php文件后,选择边栏模板sidebar.php,在其中添加以下代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
| <div id="sidebar">
<ul class="widgets">
<?php // 如果没有使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) :
?>
<!-- widget 1 -->
<li class="widget">
<h3>标题 1</h3>
<ul>
<li>条目 1.1</li>
<li>条目 1.2</li>
<li>条目 1.3</li>
</ul>
</li>
<!-- widget 2 -->
<li class="widget">
<h3>标题 2</h3>
<ul>
<li>条目 2.1</li>
<li>条目 2.2</li>
<li>条目 2.3</li>
</ul>
</li>
<?php endif; ?>
</ul>
</div> |
4、更新文件后,主题就支持Widget了。
三栏(两侧栏)主题Widget功能:
1、登陆博客后台,点击“外观”选项卡下的“编辑”选项进入当前主题编辑界面
2、选择主题支持函数文件functions.php,在<?php和?>之间添加以下函数代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <?php
if( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'Sidebar_1', // 侧边栏 1 的名称
'before_widget' => '<li class="widget">', // widget 的开始标签
'after_widget' => '</li>', // widget 的结束标签
'before_title' => '<h3>', // 标题的开始标签
'after_title' => '</h3>' // 标题的结束标签
));
register_sidebar(array(
'name' => 'Sidebar_2', // 侧边栏 2 的名称
'before_widget' => '<li class="widget">', // widget 的开始标签
'after_widget' => '</li>', // widget 的结束标签
'before_title' => '<h3>', // 标题的开始标签
'after_title' => '</h3>' // 标题的结束标签
));
}
?> |
2、更新functions.php文件后,选择其中一个边栏模板sidebar_l.php,在其中添加以下代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <div id="sidebar_1">
<ul class="widgets">
<?php // 如果没有在侧边栏 1 中使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_1') ) :
?>
<!-- widget 1 -->
<li class="widget">
<h3>标题 1</h3>
<ul>
<li>条目 1.1</li>
<li>条目 1.2</li>
<li>条目 1.3</li>
</ul>
</li>
<?php endif; ?>
</ul>
</div> |
3、选择另一个边栏模板sidebar_r.php,在其中添加以下代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <div id="sidebar_2">
<ul class="widgets">
<?php // 如果没有在侧边栏 2 中使用 Widget 才显示以下内容, 否则会显示 Widget 定义的内容
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_2') ) :
?>
<!-- widget 2 -->
<li class="widget">
<h3>标题 2</h3>
<ul>
<li>条目 2.1</li>
<li>条目 2.2</li>
<li>条目 2.3</li>
</ul>
</li>
<?php endif; ?>
</ul>
</div> |
4、更新文件后,两侧栏主题就实现了Widget功能了。
提示:如果实在不懂得怎么添加的话,可以找一个支持Widget的WordPress博客主题打开相关几个主题文件,查看下代码的位置,然后效仿添加即可。
注:倡萌目前还没有在Tstyle主题上测试,使用Tstyle的童鞋,请自己在本地测试成功以后,再添加到你上线的博客,以免造成不必要的麻烦。