ホーム 経験・テクニック共有 標準記事

標準記事

WordPressコメント欄に絵文字を追加するプラグインとコードの共有(2020年新版)

WordPressのコメント欄に笑顔などの絵文字アイコンを追加するにはどうすればいいでしょうか?Naibaは以前はコードで追加していましたが、現在は外国貿易向けサイト構築に携わってからサイトのコメント部分への関心が薄れています。初心者のサイト運営者からこの質問があったので、Naibaがまだ使用できるWordPressコメント欄の絵文字プラグインとコードをまとめます。 WPコメント欄絵文字プラグイン 初心者にとって…

2020年9月21日更新 約3分で読めます
WordPress评论框添加表情的插件和代码分享(2020新版)

WordPressのコメント欄に笑顔などの絵文字アイコンを追加するにはどうすればよいですか?Naibaは以前はコードで追加していましたが、現在は外国貿易向け独立サイト構築に携わるようになってから、ウェブサイトのコメント部分への関心は比較的少なくなりました。初心者のサイト管理者からこの質問があったため、Naibaは皆さんにまとめて紹介します。現在も使用できるWordPressコメント欄の絵文字プラグインとコード

WPコメント欄絵文字プラグイン

初心者にとって、自分でコードを修正して絵文字画像を追加するのは面倒なので、これらのプラグインを使用することを検討できます。インストールして有効化するだけで完了です。

Emoji in comments

WordPress评论框表情

Emoji in commentsというプラグインは非常にシンプルで、コメント欄にボタンを表示し、emojis絵文字を挿入することができます。

ダウンロードリンク

Kama WP Smiles

 

Kama WP Smiles评论表情插件

Kama WP Smilesの絵文字アイコンは、上記で紹介したEmoji in commentsほど豊富ではありませんが、自分でどの絵文字をフロントエンドのコメント欄に表示するかを制御できる利点があります。

小さなコツとして、プラグインフォルダ内の絵文字アイコンを自分好みの絵文字画像に置き換えることができます。

ダウンロードリンク

WordPress 阿魯絵文字プラグイン

wp-alu WordPress评论表情图标插件

wp-aluは中国人製のプラグインで、githubからダウンロードしてアップロードすれば使用できます。設定画面はなく、テーマがcomment_formフォームを使用していればそのまま使用できます。そうでない場合は、自分でコードを挿入して呼び出します。

<p class="comment-form-smilies"><?php echo alu_get_wpsmiliestrans();?></p>

同様に、画像の内容を自分で置き換えることも検討できます。

ダウンロードリンク

WordPressコメントコード版

WordPress评论表情

コード版は実際にはプラグインの実装方法と似ていますが、初心者にとっては実装方法がやや不親切です。以下の方法は、ある程度コードの基礎知識がある方のみが操作してください。

実装方法:

1、必要なファイルを以下からダウンロードします

ダウンロードリンク

2、ダウンロードした圧縮ファイルを解凍すると、中に3セットの絵文字があり、smilies1、smilies2、smilies3の3つのフォルダに分かれています。好きな絵文字を選び(または自分で絵文字アイコンを置き換え)、フォルダ名をsmiliesに変更します。

3、変更したsmiliesフォルダ全体を、サイトのテーマフォルダ内のimagesフォルダにアップロードします(imagesフォルダがない場合は自分で作成してください。コードの変更は初心者には難しいと思います)。

4、圧縮ファイル内のsmiley.phpをサイトのテーマディレクトリにアップロードします。

5、テーマのcomments.phpファイルを編集し、適切な場所に以下のコードを追加します。

<?php include(TEMPLATEPATH . '/smiley.php'); ?>

6、以下のコードをテーマの関数ファイルに追加します

//自定义表情路径
function custom_smilies_src($src, $img){return get_bloginfo('template_directory').'/images/smilies/' . $img;}
add_filter('smilies_src', 'custom_smilies_src', 10, 2);

最後に操作は完了です。プラグインと比べるとかなり手間がかかることがわかります。

コードの方法の参考元:

  1. WordPressでカスタムコメント絵文字パックを追加する方法(3セットの絵文字パックダウンロード付き)
  2. WordPress コメント絵文字の最適化

上記のコードがうまく動作しない場合は、自分でオンラインで検索してみてください。WordPressのコメント欄に絵文字アイコンを追加する記事はたくさんあります。ただし、全体的に言えることは、プラグインで実現できる機能は、プラグインを直接使用することを検討すべきです。結局のところ、現在国内のWPブログ界隈では技術的な議論があまり行われておらず、多くのコードは長期間メンテナンスされずに無効になっている可能性があります。

3.8/5 - (16 票)
前の記事 WooCommerceのデフォルト「カートに追加」ボタンのテキストを変更する方法 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 WordPress 5.4.2 更新記録 次の関連チュートリアルや経験を表示する。

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: