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

WordPress如何添加WhatsApp分享按钮

WP集市 2025-09-01 【WordPress教程】 533人已围观

先说说为啥要加WhatsApp分享按钮。你想啊，WordPress站点发篇文章，读者觉得不错，顺手一点就能分享到WhatsApp——传给朋友或群里，流量这不就来了嘛！而且加这按钮不算难，不管用插件还是自己写代码，半小时内绝对搞定。
先说最简单的插件法。装个「Social Share」这类插件，比如「Sassy Social Share」或「AddToAny」。安装后到设置里勾选WhatsApp图标，调整下颜色位置就行。适合不想碰代码的人，但插件多了可能拖慢站点，自己权衡。
如果想轻量点，自己加代码也行。打开WordPress主题文件夹，找到functions.php文件（注意！先备份！）。然后塞进下面这段代码：

// 添加WhatsApp分享功能
function add_whatsapp_share() {
    global $post;
    if (is_singular('post')) {
        $url = get_permalink($post->ID);
        $title = get_the_title($post->ID);
        echo '<a href="whatsapp://send?text=' . esc_url($title) . ' ' . esc_url($url) . '" data-action="share/whatsapp/share" class="e5d3-3c25-3fa4-d9f1 whatsapp-share-button">分享到WhatsApp</a>';
    }
}
add_action('wp_footer', 'add_whatsapp_share');

这段代码会在文章页底部生成一个链接，点它就能调起WhatsApp并自动填好分享内容。不过要注意——这只在手机端有效，电脑上点可能没反应。

样式也得搞好看点对吧？加段CSS到主题的style.css里：

.whatsapp-share-button {
    background: #25D366;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin: 10px 0;
}

绿色背景是WhatsApp招牌色，辨识度高。当然你也可以改成图标形式，用FontAwesome图标库更省事。