很多主题设计者都喜欢添加固定的侧边功能模块替换Wordpress默认小工具（widget）功能，但上下排列位置是固定的，重新排序需要修改模版文件，对新手来说有一定难度，如果能像Wordpress默认小工具一样，可通过拖拽移动位置是不是会很方便，这篇文章就教大家实现这一功能。
创新互联长期为上千客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为雷州企业提供专业的网站制作、做网站，雷州网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。
其实强大的Wordpress早已为我们提供了这方面的接口（API），很多国外主题已集成该功能，只是国内主题中很少见到，实现这一功能要用到：
wp_register_sidebar_widget()
通过上面函数可以向Wordpress小工具（widget）页面注册添加自定义小工具项目。
一、首先将主题固定的模块函数提取出来，放到单独的模版文件中。
比如将下面这两段“热门文章及分类目录”代码，分别粘贴到新建的两个：hot.php和categories.php文件模版中，
热门文章代码：
?php $popular = new WP_Query('orderby=comment_countposts_per_page=10'); ?
?php while ($popular-have_posts()) : $popular-the_post(); ?
lia href="?php the_permalink(); ?"?php the_title(); ?/a/li
?php endwhile; ?
文章分类代码：
ul?php wp_list_cats("sort_column=namehierarchical=0exclude="); ?/ul
二、打开主题的functions.php，添加：
if( function_exists( 'register_sidebar_widget' ) ) {
register_sidebar_widget('热门文章','mb_hot');
register_sidebar_widget('文章分类','mb_categories');
}
及：
function mb_mb_hot() { include(TEMPLATEPATH . '/mb_hot.php'); }
function mb_categories() { include(TEMPLATEPATH . '/categories.php'); }
之后，打开Wordpress小工具页面，会多出两个小工具“热门文章和文章分类”，与默认小工具一样可任意拖拽到侧边widget中，加上相应的样式基本就大功造成了。
另外还可以替换和隐藏默认的小工具，可以下面参考官网Codex
即将升级的HotNews Pro 主题已将大部分侧边固定功能模块，移到Wordpress小工具（widget）面板中，方便用户灵活安排侧边模块位置。
左侧DIV里面分 3个div， 分别是文章分类（左上），标签云（左中），日历（左下）。右侧一个div 里面分别是3个div，最近更新文章（右上），最新评论（右中），友情链接（右下） ，
左右2个大div各自设置好宽度，都左浮动，
左侧DIV里面的3个小div，设置宽度，左浮动，clear
div 左侧
div 文章分类－WP调用代码/div
div 标签云－WP调用代码/div
div 日历－WP调用代码 /div
/div
右侧的同理。
当然具体 DIV的 ID 或 class 名称自己写了
第一步：登陆网站后台
第二步：点击后台右侧导航上的“外观”---“编辑”
第三步：点击右侧的 footer.php(底部)，并将客服聊天代码放在/body后面，然后“跟新文件”即可。
工具/原料
Wordpress网站一个
方法/步骤
1
首先，要有一个自己的Wordpress网站，由于搭建网站有专门的文章，这里不再赘述！
2
搭建好网站之后，进入下一步，我们来弄一个可以浮动的广告窗体，窗体你可以用来展示广告和通知等，最终效果如图所示：
3
Wordpress有很多插件可以实现浮动窗体的功能，但是要实现这个功能，其实需要scroll-triggered-box这个插件！
4
通过百度一下我们就找到了这个插件，下载后安装到Wordpress网站后台插件就可以创建一个浮动广告窗体了！如图为插件后台：
5
插件暂时没有找到中文版的，但是使用是非常简单的。新建设置好里面的广告或者通知，点击提交，我们要的Wordpress浮动广告窗体就飘出来啦！
6
如果不想用了怎么办呢？很简单，去网站后台-插件，删除scroll-triggered-box这个插件就可以啦！
注意事项
为保证效果请下载对插件，一定要去Wordpress官方网址下载哦！
