WordPress純代碼無插件實(shí)現(xiàn)頂部單條公告

編輯：狂族晨曦來源：建站分享，WordPress技巧日期：2015-07-14 閱讀： 3,892 次搶個(gè)沙發(fā) 百度已收錄

最后更新時(shí)間：2016-04-28

對(duì)于一個(gè)網(wǎng)站而言，一個(gè)公告功能是非常有需要的，這有利于與讀者的交流。

現(xiàn)在有很多插件都可以實(shí)現(xiàn)公告功能，也有很多主題都已經(jīng)內(nèi)置了公告欄的功能。而我們都知道，WordPress插件用的太多，對(duì)網(wǎng)站并不怎么好。而且作為一個(gè)對(duì)WordPress感興趣，喜歡鼓搗WordPress的人而言，也不想直接使用別人的主題。

我的網(wǎng)站主題也是我自己一步步修改出來的，所以也想給自己的網(wǎng)站加一個(gè)方便的公告功能。但是我在百度的時(shí)候卻發(fā)現(xiàn)基本都是使用插件來實(shí)現(xiàn)公告功能，純代碼的比較少。所以我就為大家分享一個(gè)代碼實(shí)現(xiàn)能發(fā)一條公告的方法。

實(shí)現(xiàn)的效果如下。當(dāng)然，現(xiàn)在本站現(xiàn)在使用的是滾動(dòng)公告欄，實(shí)現(xiàn)方法另外再做分享。

公告欄效果展示 -1

一、功能代碼

在WordPress主題functions.php最后一個(gè)?>前添加代碼：

/*
*增加全站公告功能
*代碼提供：www.cnidcc.cn
*/
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>公告內(nèi)容：</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','網(wǎng)站公告','wp_dashboard_GongGao');
	}
add_action('wp_dashboard_setup','my_wp_dashboard_setup');

添加了此段代碼后，進(jìn)入WordPress后臺(tái)，在后臺(tái)的首頁(yè)底部，可以找到一個(gè)叫“網(wǎng)站公告”的關(guān)鍵，如下圖所示（點(diǎn)擊放大）：

WordPress后臺(tái)首頁(yè)公告填寫 -2

添加公告欄成功的效果如下（點(diǎn)擊放大）：

更新公告成功 -3

下面要做的就是調(diào)用公告了，將公告放到你想放置的位置。

二、代碼調(diào)用

這個(gè)代碼的調(diào)用不像其他注冊(cè)函數(shù)那么方便，調(diào)用代碼如下，請(qǐng)放置到主題合適位置：

<?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中的，請(qǐng)各位自己找合適位置放置。

三、CSS樣式

到這里功能已經(jīng)可以實(shí)現(xiàn)了，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;
}

下一次將會(huì)為大家分享代碼實(shí)現(xiàn)滾動(dòng)公告欄的效果方法，希望大家能用上。若對(duì)本文有疑問敬請(qǐng)?jiān)谙旅嫣釂枴?/p>