Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

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

動画チュートリアル

Subscribe to WPBeginner

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

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

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

Avatar shaper settings

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

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

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

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

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

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

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

Burst shaped gravatar in comments

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

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

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

1件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

返信を残す

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