wordpress任意区域添加小工具-widget

估计玩wordpress的都对小工具很熟吧!那莫也肯定想过当一个页面随处可以布置小工具的时候,那wordpress也无疑可以胜任任意类型的网站。优劣暂不评价!看正文,先学会wordpress任意区域添加小工具再说!

我也是百度谷歌了不少资料才算是初步掌握,但是其他大神讲的实在是不容易消化。我直接挑重点,快速添加好wordpress的小工具!

第一步:这段代码添加在funtions.php文件中,注意要在 ?> 之前。
  1. if (function_exists('register_sidebar')) {
  2.     register_sidebar(array(
  3.         'name' => 'Bottom-1',
  4.         'id'   => 'Bottom-1',
  5.         'description'   => 'This is a widgetized area.',
  6.         'before_widget' => '<div id="%1$s" class="widget %2$s">',
  7.         'after_widget'  => '</div>',
  8.         'before_title'  => '<h4>',
  9.         'after_title'   => '</h4>'
  10.     ));
  11. }

里边内容大家可以看看,需要注意name、id是辨别这个小工具的标识,后边的值是显示在后台小工具控制里的名字,个人认为这两个填写一样就好,省得出错。其他的不解释了,有兴趣的自己留心看看出现在什么位置就明白了。

第二部:在你要把widget区域显示在主题的什么位置,就在相应的主题模板文件中添加以下代码:

  1. <div id="Bottom-1">
  2.     <?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('Bottom-1')) : else : ?>
  3.     <div class="pre-widget">
  4.         <p><strong>Widgetized Area</strong></p>
  5.         <p>This panel is active and ready for you to add some widgets via the WP Admin</p>
  6.     </div>
  7.     <?php endif; ?>
  8. </div>

这里大家是不是发现了神马,懂点语言的一看就明白了,不清楚的就直接注意把标红的地方填上第一步里的name 吧!2个<p>标签里的东西就是当你没有在后台设置小工具时显示的内容。 本站底部的小工具就是通过这2步添加的。不懂得可以看看喵呜阁底部小工具。

最后再加上你自己想要的css样式就全部完成了!