wordpress侧边栏小工具制作方法

作者: 鲁智深 分类: wordpress 发布时间: 2013-04-09 23:24

如何制作小工具

添加functions.php,

<?php
if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<div class="sidebox"> ',
        'after_widget' => '</div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ));?>
(注意:这里的sidebox应该对应你网站的侧边栏样式)

wordpress小工具

sidebar.php中模块最上面插入:

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>

Sidebar最下面,添加

<?php endif; ?>

添加好后,启动小工具,建立一个文本框放入需要显示的内容。

实现和博主侧边“本页公告”模块方法

本页公关

一.在小工具边栏中插入一个文本

添入以下代码:

<div  class="feed-mail">
<div  class="gg">
<p>
------======
<strong> 本页公告 </strong>
======------
<br>
   建站程序也叫开源程序,建站程序都是免费的,
现在国内比较流行的建站程序有个人博客(wordpress,zblog),门户(dedecms),商城(shopex),论坛(discuz!)
博主的网站就是用wordpress作为基础搭建起来的。
</p>
<div  class="clear"></div>
</div>

对应的style.css

.feed-mail {
    border: 1px solid #DBDBDB;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 4px #EEEEEE;
    margin-bottom: 10px;
padding: 12px 0 12px 12px;}
.gg {
    background: none repeat scroll 0 0 #FFEA97;
    border: 1px solid #E1B400;
    color: #779B39;
    margin-top: 10px;
    overflow: hidden;
width: 245px;}
.gg p { padding: 10px;}

最后把functions.php中的div class=”sidebox”改成div id=”sider” class=”fr”

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注