WordPress网站公告添加

1. 先别慌，给WordPress网站加公告这事其实挺简单。你想啊，一个网站总得有点新鲜事告诉访客对吧？比如维护通知、促销信息或者紧急更新啥的。WordPress本身没专门公告板功能，但咱有100种方法能实现——从插件到代码，选哪个全看你想折腾到什么程度。

2. 最省事的招数就是用插件。比如你搜"Announcement Bar"或者"Hello Bar"，一堆插件跳出来。安装完基本就是点点鼠标：选位置（顶部或底部）、填文字、调颜色、设显示规则。但注意啊，插件装多了网站会变慢，所以要是就显示一行字，杀鸡何必用牛刀？

3. 来点代码派做法。打开主题文件夹里的functions.php，塞这段：

function add_custom_notice() {
    if (is_front_page()) { // 只在首页显示
        echo '<div class="22dc-eceb-d2cd-592a custom-notice" style="background:#ffcc00; padding:10px; text-align:center;">';
        echo '🔥 本周全场商品5折，速抢！';
        echo '</div>';
    }
}
add_action('wp_footer', 'add_custom_notice');

这代码会在页面底部插个黄色公告栏。但注意直接写style属性有点糙，正经做法应该把CSS扔进主题的style.css文件。

4. 要是想玩高级的，比如带关闭按钮的公告？得用Cookie记状态。代码略长但好用：

function dismissible_notice() {
    if (!isset($_COOKIE['dismiss_notice']) && is_user_logged_in()) {
        echo '<div id="dismiss-notice" style="position:fixed; top:0; width:100%; background:red; color:white; padding:10px; text-align:center;">';
        echo '重要：网站今晚2点维护升级 ';
        echo '<button onclick="dismissNotice()" style="margin-left:20px;">×</button>';
        echo '</div>';
        echo '<script>
            function dismissNotice() {
                document.cookie = "dismiss_notice=true; expires=Fri, 31 Dec 2025 23:59:59 GMT; path=/";
                document.getElementById("dismiss-notice").style.display = "none";
            }
        </script>';
    }
}
add_action('wp_head', 'dismissible_notice');

这段代码只对登录用户显示，点关闭按钮后365天内不再弹出。注意Cookie过期时间自己调。

5. 突发奇想：能不能根据用户角色显示不同公告？比如给管理员看调试通知，给普通用户看促销？加个判断就行：

function role_based_notice() {
    if (current_user_can('manage_options')) {
        echo '<div class="592a-3a44-9038-4693 admin-notice">管理员提示：数据库需优化</div>';
    } else {
        echo '<div class="3a44-9038-4693-bc91 user-notice">新用户注册送优惠券！</div>';
    }
}
add_action('wp_body_open', 'role_based_notice');

这个wp_body_open钩子能在body开头插入内容，比wp_head更不容易破坏布局。

6. 说到排版，别硬写内联样式。正经应该在style.css里定义class：

.global-notice {
    border-bottom: 2px dashed #ff6b6b;
    padding: 12px;
    text-align: center;
    background: #fff9db;
    font-size: 1.2em;
    position: relative;
}

然后在PHP里echo '

'就行。这样样式和逻辑分家，以后改颜色尺寸不用动PHP文件。

7. 最后提醒个坑：缓存插件可能会让公告卡住不变。如果你用了W3 Total Cache或WP Super Cache，记得清空缓存再测试。或者用片段排除功能，不让公告区域被缓存。

8. 其实公告栏玩出花来还能联动WordPress自定义字段。比如在文章编辑框加个"公告文本"自定义字段，然后代码读取字段值输出——这样就能每篇文章显示不同公告了。不过这就是另一个故事了。

总之啊，代码写了不怕改坏，记得先备份再动手。大不了functions.php改崩了就用FTP连服务器把文件还原呗。编程嘛，本来就是试错试出来的。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。