WordPressのユーザーメールでアバターを表示する方法

WordPressのユーザーメールでアバターを表示しますか？

Gravatarは、ユーザーのメールアドレスをオンラインアバターに接続するネットワークサービスです。 WordPressは、コメントセクションに訪問者のプロフィール写真を自動的に表示しますが、サイトの他の領域に追加することもできます。

この記事では、WordPressのユーザーメールでアバターを表示する方法を紹介します。

グラバタルとは何ですか、なぜそれを表示する必要がありますか？

Gravatarは、世界的に認識されているアバターの略で、画像をメールアドレスにリンクできるようになります。

WebサイトがGravatarをサポートしている場合、その人の写真を撮って、名前の隣に表示することができます。たとえば、ユーザーがWordPressのWebサイトにメールでコメントを残すと、WordPressはコメントの横に人のアバターを表示します。

アバターは、ユーザーがコンバージョンに参加し、コミュニティの感覚を構築し、ページをより面白く見せることを奨励できます。このすべてが加算され、WordPressの投稿に関するコメントをさらに入手できます。

Webサイトのセットアップ方法によっては、WordPressは著者プロフィールなど、他の場所にアバターを表示する場合があります。ただし、ユーザーアバターがWordPressのブログまたはWebサイトに表示される場所を変更することをお勧めします。たとえば、Webサイトのツールバーまたはユーザープロファイルにユーザーのアバターを表示できます。

そうは言っても、WordPressのユーザーメールでGravatarを表示する方法を見てみましょう。以下のクイックリンクを使用して、お気に入りの方法にジャンプしてください。

• 方法1：WordPressテーマを編集する（一貫性に最適）
• 方法2：カスタムWordPressショートコードを使用します（完全にカスタマイズ可能）

方法1：WordPressテーマを編集する（一貫性に最適）

まず、コードを使用してWordPressテーマにGravatarを追加できます。これは、ウェブサイト全体（サイドバーなど）の同じ場所にアバターを表示したい場合に最適なオプションです。ただし、テンプレートファイルを編集する必要があるため、これは初心者にとって最良の方法ではありません。

この方法は、現在あなたのウェブサイトにログインしている人のアバターを表示します。これは、メンバーWebサイト、オンラインストア、またはユーザーがアカウントにログインする必要があるその他のWebサイトで非常に便利です。

あなたのテーマにGravatarを追加するには、テーマファイルにコードを貼り付ける必要があります。これを以前に行ったことがない場合は、WebページからWordPressにクリップを貼り付けるための初心者のガイドをご覧ください。

WordPress Webサイトにコードスニペットを追加する最も簡単な方法は、WPCodeを使用することです。 WordPressに最適なコードスニペットプラグインであり、PHP、CSS、JavaScriptなどをWebサイトに追加できます。

まず、無料のWPCodeプラグインをインストールしてアクティブ化する必要があります。サポートが必要な場合は、WordPressプラグインのインストール方法に関するガイドをご覧ください。

アクティブになったら、 WordPressダッシュボードのコードスニペットに移動します»スニペットを追加します。 [新しい追加]ボタンをクリックします。

これにより、WPCodeがWebサイトに追加できるすべての既製のスニペットが表示されるAdd Fragmentsページに移動します。

ここでは、「カスタムコードを追加（新しいスニペット）」の上にホバーし、[スニペットの使用]ボタンが表示されたらクリックします。

まず、コードスニペットのタイトルを入力します。これは参照のみですので、必要なものは何でも使用できます。

その後、コードタイプのドロップダウンリストを開き、PHPフラグメントを選択します。

これで、以下をコードエディターに貼り付けます。

完了したら、ページの上部にスクロールして、非アクティブスイッチをクリックしてアクティブに表示します。

次に、[フラグメントを保存]ボタンをクリックするだけです。

次の関数を使用して、WordPressサイトのどこにでもユーザーのグラバーを表示できます。

方法1と同じように、この方法は現在のユーザーのアバターを表示します。必要に応じて、コードを簡単に変更することにより、特定のメールアドレスに割り当てられたアバターを表示できます。

これは、誰かのメールアドレスがあり、アバターをウェブサイトに表示したい場合に非常に便利ですが、登録ユーザーではありません。

カスタムショートコードを作成する最も簡単な方法は、WPCodeを使用することです。さらに良いことに、トピックファイルを編集する必要はないため、これはより初心者向けの方法です。

インストールしていない場合は、wpcodeをインストールする必要があります。また、上記の同じ手順に従って、新しいカスタムコードスニペットを作成する必要があります。

完了したら、コードスニペットに名前を付け、「PHPスニペット」をコードタイプとして選択します。

次に、次のPHPをコードエディターに貼り付けます。

これで、次のショートコードを使用して、任意のページ、投稿、またはウィジェット対応領域にユーザーのアバターを表示できます。

その後、カスタムCSSを小さなコードエディターに貼り付けることができます。

完了したら、[公開]をクリックしてください。

今、あなたのウェブサイトにアクセスすると、新しいスタイルのアバターが表示されます。

ウェブサイトでグラバトーをカスタマイズする詳細については、WordPressのGravatarの画像サイズを変更する方法に関するガイドを参照してください。

完全なサイトエディターを使用してカスタムショートコードを追加する方法

新しいブロックベースのテーマのいずれかを使用している場合は、任意のテンプレートまたはテンプレートセクションにショートコードを追加できます。これにより、テンプレートファイルを編集せずにサイト全体にユーザーのアバターを表示できます。

たとえば、Webサイトのブログテンプレートまたはタイトルテンプレートセクションにショートコードを追加できます。

まず、 WordPressダッシュボードの外観»エディターに移動します。

デフォルトでは、完全なサイトエディターにテーマのメインテンプレートが表示されますが、ヘッダーやフッターなどの任意のテンプレートまたはテンプレートセクションにショートコードを追加できます。

利用可能なすべてのオプションを表示するには、テンプレートまたはテンプレートパーツを選択するだけです。

これで、編集するテンプレートまたはテンプレートセクションをクリックできます。

たとえば、404ページのテンプレートにショートコードを追加しますが、選択したテンプレートに関係なく、手順はまったく同じになります。

WordPressには、テンプレートまたはテンプレートセクションのプレビューが表示されます。

短いコードを追加するには、先に進み、小さな鉛筆アイコンをクリックします。

完了したら、左上隅の青い「」アイコンをクリックします。

検索バーでは、「ショートコード」の入力を続けます。

右のブロックが表示されたら、テーマテンプレートにドラッグしてドロップします。

これで、短いコードを貼り付けるか、[wpb_gravatar]をこのブロックに入力できます。

その後、先に進み、[保存]ボタンをクリックします。

さて、WordPressブログにアクセスして、ランニンググラバタルを表示してください。

この記事が、WordPress WebサイトにユーザーメールにGravatarを表示する方法を理解するのに役立つことを願っています。また、WordPressで連絡先フォームを作成する方法に関するガイドをご覧ください。

以上がWordPressのユーザーメールでアバターを表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。