📌  相关文章
📜  在没有插件的情况下在 whatsapp 上分享 wordpress 帖子 - PHP (1)

📅  最后修改于: 2023-12-03 15:23:35.024000             🧑  作者: Mango

在没有插件的情况下在 WhatsApp 上分享 WordPress 帖子 - PHP

WhatsApp 是全球最流行的即时通讯应用程序之一,因此在 WordPress 站点上实现 WhatsApp 分享功能是非常必要的。在本篇文章中,我们将介绍在没有插件的情况下如何在 WordPress 帖子中实现 WhatsApp 分享功能。

准备工作

在开始之前,您需要以下材料:

  • WordPress 站点
  • WhatsApp 账户
  • PHP 基础知识
步骤1:添加 WhatsApp 分享按钮

要向WordPress帖子添加WhatsApp分享按钮,您需要在帖子中添加一个链接,该链接将在用户单击按钮时打开 WhatsApp 程序。

以下是将 WhatsApp 分享按钮添加到 WordPress 帖子中的代码:

[分享至 WhatsApp](whatsapp://send?text=<?php the_title();?> <?php the_permalink();?>)

Note: 此代码片段返回 markdown 格式。

在此代码中,'分享至 WhatsApp' 是用户将看到的按钮文本。该链接的 HREF 属性设置为 'whatsapp://send?text=',这是 WhatsApp 分享 API 的一部分。在链接后面,我们添加了一个标题和帖子链接。使用 PHP 函数 the_title() 和 the_permalink() 获取此信息。

步骤2:添加 WhatsApp 图标

通过使用 CSS 或图标库,添加 WhatsApp 图标将增强用户体验。在此示例中,我们将使用 Font Awesome 图标。

以下是在 WordPress 中添加 Font Awesome 的步骤:

  1. 在您的 WordPress 主题的 functions.php 文件末尾,添加以下代码:

    // 加载 Font Awesome CSS 文件
    function wp_adding_fontawesome() {
        wp_enqueue_style( 'fontawesome', 'https://use.fontawesome.com/releases/v5.8.2/css/all.css' ); 
    }
    add_action( 'wp_enqueue_scripts', 'wp_adding_fontawesome' );
    

    Note: 此代码片段返回 markdown 格式。

    这会将 Font Awesome 的最新版本添加到您的 WordPress 网站中。

  2. 在您的 WordPress 帖子中,添加以下代码:

    [分享至 WhatsApp](whatsapp://send?text=<?php the_title();?> <?php the_permalink();?>)
    <i class="fab fa-whatsapp"></i>
    

    在此代码中, <i class="fab fa-whatsapp"></i> 将添加 WhatsApp 图标。此代码使用 Font Awesome 字体。

结论

现在,您已经知道如何在没有插件的情况下,在 WordPress 帖子中实现 WhatsApp 分享功能。此功能将使您的用户能够轻松地将您的帖子分享给他们的 WhatsApp 联系人。如果您想提高 WordPress 网站的用户友好度并增加社交分享率,这是一项必修技能。