WordPressでユーザーアバターの形を変える方法

ユーザーのアバターやグラビアをカスタムシェイプしているサイトに出会ったことはありますか？あなたのサイトにも同じスタイルを追加したいですか？過去に、CSSを使って丸いアバターを追加する方法について書きましたが、それにはコードの調整が必須です。この投稿では、WordPressでHTMLやCSSを使わずにユーザーアバターの形を変える方法を紹介します。

動画チュートリアル

動画が気に入らなかったり、もっと説明が必要な場合は、このまま読み進めてください。

まず最初にアバターシェイパープラグインをインストールして有効化してください。

プラグインを有効化したら、Settings ” Avatar Shaperで設定を行います。

プラグインには、グラビア画像に使用できる10種類のシェイプがビルトインされています。シェイプを選択ボタンをクリックすると、各シェイプのライブプレビューを見ることができます。

アバターシェイパーには、曲がった四角形、円形、五角形、六角形、非角形、七角形、ひし形、破裂形、ハート形のアバターが用意されています。

半径の設定を変更したり、シャドウを追加または削除したり、シャドウの色を変更したり、これらの事前定義された形状のそれぞれからグロスオプティンを削除したりすることで、スタイルをカスタマイザーすることができます。

これらのいずれかを使用したくない場合は、いつでもカスタマイザーをクリックして、独自のカスタムシェイプを作成することができます。カスタムシェイプを作成する際、枠線の半径を自分の好みに調整することができます。

上級ユーザーで、手動で修正したアバターを追加したい場合は、カスタマイザーにチェックを入れてください。カスタムメソッドを使うことで、カスタマイズしたアバターを表示したいテーマに手動でavatar_shaper()テンプレートタグを追加することができます。初心者はこの設定を無視しても大丈夫です。

アバターの形を選び終わったら、変更を保存ボタンを押して設定を保存します。

これですべてです。これであなたのサイトにアクセスして、アバターの形を実際に見ることができます。

この投稿がWordPressでユーザーアバターの形を変更するのにお役に立てば幸いです。WordPressで初期設定のアバターを追加する方法については、こちらのチュートリアルもご覧ください。

この投稿が気に入った場合は、WordPressの動画チュートリアルをYouTubeチャンネルに登録してください。Twitterや Google+でもご覧いただけます。