您现在的位置是：首页 > WordPress教程WordPress教程

WordPress如何添加网站公告

WP集市 2025-08-31 【WordPress教程】 565人已围观

想在WordPress网站上挂个公告栏？其实跟往墙上贴便利贴差不多道理。推荐用内置的“小工具”功能，就像给网站穿件带口袋的马甲——随便插内容。打开后台的外观→小工具，把“文本”模块拖到侧边栏，直接写公告内容就行。比如这样：

<div style="border:2px solid #ff6b6b; padding:15px; border-radius:8px;">
<strong>📢 重要通知</strong><br>
本站将于本周六凌晨进行服务器维护，预计停机2小时
</div>

要是想玩点高级的，可以自己写个简易插件。新建个php文件扔到plugins文件夹，代码类似这种：

<?php
/*
Plugin Name: 全站公告栏
*/
function site_announcement() {
    echo '<div class="d249-9536-4d53-f894 announcement">🔥 新品预售开启！全场第二件半价</div>';
}
add_action(‘wp_footer’, ‘site_announcement’);
?>

突发新闻式公告可以用CSS做闪烁效果：

@keyframes blink {
0% { opacity:1; }
50% { opacity:0.3; }
100% { opacity:1; }
}
.urgent-announce {
animation: blink 1s infinite;
background: #fff3cd;
}

智能显示逻辑才是精髓。比如只想让登录用户看到公告：

if(is_user_logged_in()){
echo '<div>VIP专属：内测功能已开放</div>';
}

数据驱动型公告建议用自定义字段实现。在文章编辑页添加个“是否置顶公告”复选框，前台用WP_Query调取：
```
$announcements = new WP_Query(array(
'meta_key' => 'is_announcement',
'meta_value' => 'yes'
));
```
移动端适配别忘了加媒体查询——毕竟手机屏幕就像个小信箱，公告字体太小会像蚂蚁开会：
```
@media (max-width:768px){
.announcement {
    font-size: 14px !important;
    padding:10px !important;
}
}
```