WordPress聊天功能添加

1. 先说WordPress加聊天功能这事吧，本质上就是在你网站上塞个能实时哔哔叨叨的工具。别想太复杂，要么用现成插件省心，要么自己写代码装高手——但记住，搞崩了别怪我没提醒。

2. 插件路子最稳，比如用「WP Chat」这类玩意儿。后台搜插件名字，安装激活三连击就完事。但注意啊，有些免费版带广告，弹窗丑得能吓跑用户，跟网站风格打架那种。

3. 要是想自定义，就得掏代码了。先在主题文件里找个合适的地方塞聊天框，比如footer.php或者单独搞个widget。代码长这样：

// 在主题任意模板文件里插这个
<div id="custom-chat-box">
    <div id="chat-messages"></div>
    <input type="text" id="chat-input" placeholder="瞎叨点啥...">
    <button onclick="sendMessage()">发射</button>
</div>

4. 接着要处理消息发送逻辑。用Ajax比整页刷新优雅多了，不然用户消息发一次页面闪一次，体验堪比十年前破网站。下面是简易版消息处理：

// 扔functions.php里
add_action('wp_ajax_send_chat_msg', 'handle_chat_message');
add_action('wp_ajax_nopriv_send_chat_msg', 'handle_chat_message');

function handle_chat_message() {
    if (!wp_verify_nonce($_POST['nonce'], 'chat_security')) {
        wp_die('安全校验失败！'); // 防止乱搞的验证
    }

    $message = sanitize_text_field($_POST['message']); // 洗洗用户输入防注入
    $user = is_user_logged_in() ? wp_get_current_user()->display_name : '路人甲';

    // 存消息到数据库（记得先建表）
    global $wpdb;
    $wpdb->insert("{$wpdb->prefix}chat_logs", array(
        'user' => $user,
        'message' => $message,
        'time' => current_time('mysql')
    ));

    wp_die();
}

5. 前端得用JavaScript拉消息和推送。每三秒刷一次那种——虽然土但管用。进阶点就用WebSocket，不过服务器得支持，共享主机可能歇菜。

// 简易轮询版
setInterval(function() {
    fetch('/wp-admin/admin-ajax.php?action=get_chat_msgs')
        .then(response => response.json())
        .then(data => {
            document.getElementById('chat-messages').innerHTML = data.messages;
        });
}, 3000); // 3秒刷一次，服务器压力大别怪我

6. 样式得自己调。CSS写不好聊天框可能丑得像2005年QQ空间风格。建议加个最小高度和滚动条，不然消息多了撑破页面：

#custom-chat-box {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    height: 400px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 9999;
    overflow-y: auto; /* 消息多了能滚动 */
}

7. 别忘了隐私和合规性。如果收用户数据，得在隐私政策里说明，欧洲用户多的还得惦记GDPR。简单点就在聊天框底下加行小字：“你哔哔的内容会被记录”。

8. 数据库清理要定时搞。不然聊天记录堆几年表大到能拖垮服务器。写个定时任务每周清旧消息，或者只保留最近100条。

9. 实在搞不定就回头用插件吧，比如「Tidio」或者「LiveChat」。别硬刚代码，时间也是成本——除非你想练手。

10. 最后测试环节：换个浏览器假装两个用户聊天，看消息会不会串、特殊字符会不会崩。要是发现XSS漏洞（比如输入