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文件,搜索“register_sidebar”,你可以发些和下面的代码相似的代码:
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小工具的区域,就可以像下面这样修改代码:
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中找到你需要放置小工具的地方,然后添加下面的代码
<div id="top-right"> <?php dynamic_sidebar('bottom-left-widget-area'); ?> </div>
bottom-left-widget-area就是第一步中的小工具区域的id("bottom-left-widget-area"),现在保存这两个文件,打开wordpress的后台,在小工具页面中就会看到一个新的小工具区域了。