WordPress 纯代码实现顶部单条公告方法

现在有很多插件都可以实现公告功能，也有很多主题都已经内置了公告栏的功能。而我们都知道，WordPress 插件用的太多，对网站并不怎么好。

而我现在使用的 WordPress 主题没有公告功能，对于一个网站而言，一个公告功能是非常有需要的，这有利于与读者的交流，传递更多信息，所以我也想给自己的网站加一个方便的公告功能。但是我在百度的时候却发现基本都是使用插件来实现公告功能，纯代码的比较少。所以我就为大家分享一个纯代码实现能发一条公告的方法。

实现的效果如下。当然，现在本站现在使用的是滚动公告栏，实现方法另外再做分享。

功能代码

在我们 WordPress 主题 functions.php 最后一个“?>”前添加代码：

/*
*增加全站公告功能
*代码提供：www.mybj123.com
*/
function wp_dashboard_GongGao() {
    if($_POST && $_POST['update-GongGao'] == 1){
        check_admin_referer('GongGao');
        $GongGao = serialize($_POST['GongGao']);
        update_option('GongGao',$GongGao) or add_option('GongGao',$GongGao);
    }
?>
<form method="post" action="<?php echo add_query_arg ('time',time()); ?>">
<?php if($_POST && $_POST['update-GongGao'] == 1)
        echo '<p><span style="color:red;font-weight:bold;">更新公告成功</span></p>'; ?>
<?php $GongGao = unserialize(get_option('GongGao')); ?>
公告链接（留空则无链接）：<input type="text" name="GongGao[link]" value="<?php if(isset($GongGao['link']))echo stripslashes($GongGao['link']); ?>" />
    <p>公告内容：</p>
    <p><textarea name="GongGao[content]" style="word-break:break-all;width:90%;" rows="4"><?php echo stripslashes($GongGao['content']); ?></textarea></p>
    <input type="submit" class="button-primary" value="提交" />
    <?php wp_nonce_field('GongGao'); ?>
    <input type="hidden" name="update-GongGao" value="1" />
    </form>
    <?php
}
function my_wp_dashboard_setup() {
    if(current_user_can('edit_themes'))wp_add_dashboard_widget('wp_dashboard_GongGao','网站公告','wp_dashboard_GongGao');
    }
add_action('wp_dashboard_setup','my_wp_dashboard_setup');

添加了此段代码后，进入 WordPress 后台，在后台的首页底部，可以找到一个叫“网站公告”的板块，如下图所示：

下面要做的就是调用公告了，将公告放到你想放置的位置。

代码调用

这个代码的调用不像其他注册函数那么方便，调用代码如下，请放置到主题合适位置：

<?php $GongGao = unserialize(get_option('GongGao'));if(!empty($GongGao['content'])): ?>
    <div id="site-gonggao">
        <?php echo ($GongGao['link'] ? '<a href="'.$GongGao['link'].'">' : '').$GongGao['content'].($GongGao['link'] ? '</a>' : ''); ?>
    </div>
<?php endif; ?>

很明显，我是将其放置在了头部 header.php 中的，请各位自己找合适位置放置。

CSS 样式

到这里功能已经可以实现了，CSS 样式就看各位自身需求了。下面还是将本站的样式贴出来，以供参考：

#site-gonggao {
  line-height: 25px;
  height: 30px;
  background-color: #FFF;
  width: 990px;
  margin: 0 auto 10px;
  padding-left: 10px;
  color: #666;
  border-left: 5px solid #3E94D2;
  border-right: 5px solid #3E94D2;
  -webkit-box-shadow: 0 5px 5px #D3D3D3;
  box-shadow: 0 5px 5px #D3D3D3;
}

之后我将分享本站使用的纯代码实现多条滚动公告栏的效果方法，希望大家有帮助。