38一下 today: wordpress怎样把widget(小工具)放到不同的位置区域,wordpress小工具增加右边可选版块

2015年7月5日 星期日

wordpress怎样把widget(小工具)放到不同的位置区域,wordpress小工具增加右边可选版块



WordPress的Widget小工具是个非常实用的功能,它让非技术型WordPress用户也可以根据自己对版面的需求轻松定制主题,WordPress无数的widgets让用户得以尽情发挥自己的创意。 在很多人的意识里,widget就是出现在侧边栏的小工具,不过实际上它可以出现在主题的任何地方。通过修改wordpress的widget,我们就可以自己修改wordpress主题. 这篇文章我们就来看一下怎样用简单的步骤让主题的其它版块也支持widget。
第一步
在当前主题的functions.php文件里添加下面这段代码:
if (function_exists(‘register_sidebar’)) {
—————————————————————
register_sidebar(array(
‘name’ => ‘Widgetized Area’,
‘id’   => ‘widgetized-area’,
‘description’   => ‘This is a widgetized area.’,
‘before_widget’ => ‘<div id=”%1$s”>’,
‘after_widget’  => ‘</div>’,
‘before_title’  => ‘<h4>’,
‘after_title’   => ‘</h4>’
));
—————————————————————
}
第一步就是这么简单。 代码添加完毕后就可以继续下一步了。下面是对第一步过程的解释,没兴趣的可以跳过。
上面的代码用以确保当前使用的WordPress版本支持widget,并声明一个用来创建主题widget区域的值的数组。 下面我们来看看这些值:
—————————————————————————————-
Name——将要显示在WP 管理界面的新widget区域的名称
Id——新widget区域的唯一标识符
Description——对新widget区域的说明
Before_widget——用户添加widget小工具前生成的批注
aftere_widget——用户添加widget小工具后生成的批注
Before_title——添加widget小工具的用户名前的批注
After_title——添加widget小工具的用户名后的批注
—————————————————————————————-
有了这些参数,我们的新widget区域最后会得到以下输出(假设我们在新的widget区域添加的是一个内置搜索工具):
<div id=”search-3″>
<h4>Search</h4>
<form id=”searchform” action=”http://localhost/283/” method=”get”>
<div>
<label for=”s”>Search for:</label>
<input id=”s” name=”s” type=”text” /> <input id=”searchsubmit” type=”submit” value=”Search” />
</div>
</form></div>
需要注意的是为开始
<div>
标签生成的批注(markup),该批注根据widget数组指定的通配符匹配获取相关的属性信息。
下面继续第二步骤。
第二步
你希望新的widget区域显示在主题的什么位置,就在相应的主题模板文件中添加以下代码:
<div id=”widgetized-area”>
<?php  if ( is_active_sidebar( ‘widgetized-area’ ) ) : dynamic_sidebar( ‘widgetized-area’ ); else :? >
<div>
<strong>Widgetized Area</strong>
This panel is active and ready for you to add some widgets via the WP Admin
</div>
<?php endif; ?>
</div>
当这一步骤也完成后,你所选择的位置上就会出现一个新的支持widget的版块,你可以在这个版块添加任何一个自己需要的widget工具。 接下来就能用相同的方法让主题的其它位置也支持widget工具了。
下面是对第二步骤的解释。 如果你没有指定widget,那么If/endif语句之间的内容会被输出到浏览器。 通过这种形式,用户能了解到,自己可以在WordPress后台的“小工具”菜单中对内容输出的位置进行widget定制。 代码里还有一个“pre-widget”类可以设置pre-widget版块的样式。 当一个页面上出现多个widget区域时,可以用一个类名称来保持widget样式统一。
以上是转载的内容,经试验是可行的。
以下是简单版,也是可行的:
第一步,在functions.php文件里添加下面这段代码:
register_sidebar( array(
‘name’          => ‘正文底部小工具(可变的,自定义)’,
‘id’            => ‘sidebar-3(可变的,自定义)’,
‘description’   => ‘显示在正文底部(可变的,自定义)’,
‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
‘after_widget’  => ‘<div class=”clear”></div></aside>’,
‘before_title’  => ‘<h3 class=”widget-title”><div class=”s-icon”></div>’,
‘after_title’   => ‘</h3>’,
) );
说明:name、id、description三个都是可变的,自己填写,但是要注意一下id这个参数,需要与以下的代码相对应。
第二步,你希望新的widget区域显示在主题的什么位置,就在相应的主题模板文件中添加以下代码:
<div id=”single-widget”>
<?php dynamic_sidebar( ‘sidebar-3′ ); ?>
<div class=”clear”></div>
</div>
可以看到其中sidebar-3必须对应上面的代码。然后就可以生效了。

相关阅读:wordpress怎样免插件创建百度移动sitemap

wordprss伪静态化动态地址被收录


摘星廓 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明wordpress怎样把widget(小工具)放到不同的位置区域,wordpress小工具增加右边可选版块
更多疯传趣闻: www.mamaktalk.com.