WordPressでユーザーアバターの形状を変更する方法

ユーザーアバターやグラバターにカスタムシェイプを使用しているサイトを見たことがありますか?あなたのサイトにも同じスタイルを追加したいですか?過去には、CSSを使用して円形のアバターを追加する方法について説明しましたが、それにはコードの編集が必要でした。この記事では、HTMLやCSSなしでWordPressのユーザーアバターの形状を変更する方法を紹介します。

動画チュートリアル

WPBeginnerを購読する

動画が気に入らなかった場合や、さらに詳しい説明が必要な場合は、読み進めてください。

まず最初に行うべきことは、Avatar Shaper プラグインをインストールして有効化することです。

プラグインを有効化したら、設定を構成するために 設定 » アバターシェイパー に移動する必要があります。

アバターシェイパー設定

このプラグインには、グラバター画像に使用できる10個の組み込みシェイプが付属しています。シェイプを選択ボタンをクリックすると、各シェイプのライブプレビューを見ることができます。

アバターシェイパーには、カーブした四角形、円形、五角形、六角形、九角形、七角形、ひし形、バースト、ハート型の各アバターが含まれています。

これらの定義済みの各形状について、半径設定の変更、影の追加または削除、影の色の変更、光沢オプションの削除を行うことで、スタイルをカスタマイズできます。

これらのいずれも使用したくない場合は、いつでもカスタムをクリックして独自のカスタム形状を作成できます。カスタム形状を作成する際には、境界線の半径を好みに合わせて調整できます。

上級ユーザーで、手動で変更されたアバターを追加したい場合は、カスタムメソッドチェックボックスをオンにしてください。カスタムメソッドを使用すると、カスタマイズされたアバターを表示したい場所に、テーマ内でavatar_shaper()テンプレートタグを手動で追加できます。初心者の方は、この設定を無視しても問題ありません。

アバターの形状を選択し終えたら、変更を保存ボタンを押して設定を保存できます。

以上です。これでウェブサイトにアクセスして、アバターの形状がどのように機能するかを確認できます。

コメントでのバースト形状のグラバター

この記事が、WordPressでユーザーアバターの形状を変更するのに役立ったことを願っています。また、WordPressで新しいデフォルトアバターを追加する方法に関するチュートリアルも参照することをお勧めします。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。また、TwitterGoogle+でもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

コメント

  1. おめでとうございます。この記事の最初のコメント者になる機会を得ました。
    質問や提案はありますか?コメントを残して、議論を開始してください。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。