要在WordPress中实现评论表情功能而不使用插件,您可以通过以下步骤手动完成。请注意,这需要您对WordPress主题的文件进行一些自定义编码。

  1. 备份您的网站:在进行任何更改之前,始终备份您的WordPress网站,以防不时之需。

    WordPress 非插件实现评论表情功能的方法

  2. 编辑主题的functions.php文件:登录到WordPress后台,进入外观 > 编辑器,然后找到并编辑您当前使用的主题的functions.php文件。

  3. 添加表情的HTML和CSS:在functions.php文件的末尾,添加以下代码来插入表情的HTML和CSS。您可以根据需要自定义表情的样式和数量。

function custom_comment_smilies($content) {
    $smilies = array(
        ':)' => '<img src="' . get_template_directory_uri() . '/images/smiley.png" alt=":)" class="smiley" />',
        ':D' => '<img src="' . get_template_directory_uri() . '/images/bigsmile.png" alt=":D" class="bigsmile" />',
        // 添加更多表情
    );

    $content = str_replace(array_keys($smilies), array_values($smilies), $content);
    return $content;
}

add_filter('comment_text', 'custom_comment_smilies');

上面的代码中,我们添加了两个表情,分别是:):D,并为它们提供了相应的图片路径和样式类。

  1. 上传表情图片:在您的主题文件夹中创建一个名为images的文件夹,并将所需的表情图片上传到此文件夹中。确保图片路径与上述代码中的路径匹配。

  2. 自定义表情的样式:在您的主题的CSS文件中(通常是style.css),为表情图片添加样式。例如:

.smiley {
    width: 20px;
    height: 20px;
}

.bigsmile {
    width: 30px;
    height: 30px;
}

/ 添加更多表情的样式 /
  1. 保存并更新主题:确保保存您的functions.php和CSS文件,并查看评论以查看表情是否正常显示。

请注意,上述代码仅提供了一个基本示例,您可以根据需要添加更多的表情和自定义样式。此外,如果您的主题在未来进行了更新,可能会丢失您的自定义更改,因此请确保备份和记录您所做的更改。