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で投稿者の写真を追加する方法

WordPressサイトに投稿者の写真を追加すると、コンテンツがパーソナライズされ、ブログがより魅力的に感じられます。デフォルト設定では、ほとんどのWordPressテーマは投稿者にGravatar画像を使用していますが、表示されるプロフィール写真をもっとコントロールしたい場合もあるでしょう。

ありがたいことに、WordPressでは投稿者の写真を簡単に追加・更新することができます。これにより、投稿者やブランドをよりよく表現するカスタマイザーを選ぶことができます。

この投稿では、WordPressで投稿者の写真を素早く簡単に追加する方法をご紹介します。

How to add an author's photo in WordPress

WordPressで投稿者の写真を追加するタイミングは?

複数著者のWordPressサイトを運営している場合、WordPressの投稿に著者情報ボックスを追加することになるかもしれません。これらの投稿者情報ボックスには通常、投稿者のプロフィール写真、簡単な経歴、投稿者のサイトやソーシャル・プロフィールへのリンクが表示されます。

デフォルト設定では、ほとんどのWordPressテーマは投稿者の写真としてその人のGravatarを使用します。しかし、投稿者の写真に別の画像を使用したい場合もあるでしょう。

WordPressサイトのオーナーであれば、投稿者の経歴欄に掲載する写真の種類に決まりがあるかもしれません。例えば、投稿者にプロフェッショナルな顔写真の使用を必須としているかもしれません。

投稿者のGravatarがあなたのルールに合わない場合は、プロフィールを編集し、あなたのブランドに合った画像をアップロードするとよいでしょう。

そのことを念頭に置いて、WordPressで投稿者の写真を追加する方法をご紹介します。これから説明する手順をすべて簡単に説明します:

準備はいいかい?始めよう

WordPressで投稿者の写真を追加する方法

WordPressで著者写真を追加する最も簡単な方法は、PublishPress Authorsプラグインを使用することです。

このプラグインは、WordPressダッシュボードに新しい「投稿者プロフィール」エリアを追加することで、投稿者が自分のプロフィールや投稿者写真を編集できるようにします。また、サイト管理者が投稿者の写真を変更するなど、投稿者のプロフィールを編集できるようになります。

Changing your author photo

まず、PublishPress Authorsプラグインをインストールし、有効化する必要があります。もしヘルプが必要であれば、WordPressプラグインのインストール方法のガイドをご覧ください。

有効化したら、投稿者 ” 設定に向かいましょう。そして、「表示」タブに切り替えてください。

PublishPress' author settings

このタブでは、「レイアウト」のドロップダウンが表示され、投稿者の写真を含むレイアウトを選択することができます。

初期設定のレイアウトが「Boxed」になっていることにお気づきかもしれません。これは、投稿者の情報を、投稿者の写真とともにボックス内に表示するものです。

Default boxed avatar mode

Centered」レイアウトは、boxedに似ていますが、投稿者の情報がすべてbioボックスの中央に配置されます。

アバター付きインライン」と「シンプルリスト」は、どちらも投稿者の写真を掲載するスペースを含むレイアウトです。

シンプル・リスト」レイアウトの例です:

Avatar Simple List layout

ただ、これらの2つのレイアウトには、バイオを書くスペースがないことに注意してください。投稿者が経歴を追加したとしても、あなたのサイトには表示されません。

レイアウトを選択したら、「変更を保存」ボタンをクリックしてください。

WordPressの投稿日やページに掲載された投稿者の写真を、サイトにアクセスして確認できるようになりました。

投稿者権限グループでサイトに登録した人は、WordPressダッシュボードの「投稿者プロフィール」設定を使って写真をアップロードできるようになります。

WordPressで投稿者の写真を変更する方法

管理者として、PublishPress投稿者を使用して、サイトに表示される個々の投稿者の写真を変更することもできます。これは投稿者がサイトに合わない写真を選択した場合に便利です。

著者の写真を変更するには、投稿者 ” 著者にアクセスしてください。

Adding an author's photo to WordPress

WordPressブログに登録されているすべての投稿者のリストが表示されます。

ここから、投稿者の「投稿者プロフィールの編集」リンクをクリックすることができます。

Changing the author's photo in WordPress

そして「Image」タブをクリックします。

初期設定では、PublishPressは投稿者のメールにリンクされたグラビアを探そうとします。別の投稿者写真を使用するには、’カスタム画像’ラジオボタンをクリックしてください。

Changing the author's profile picture

そうしたら、『Select Image』をクリックします。

WordPressのメディアライブラリから任意の画像を選択するか、新しい画像をアップロードすることができます。

では、『更新』ボタンをクリックしましょう。

Saving a new author photo in WordPress

あなたのサイトでは、この新しい画像が投稿者の写真として使用されます。

Expert Tip: このツールが気に入ったら、PublishPressのプラグイン全体をチェックすることをお勧めします。最高のコンテンツを制作するのに役立つ、本当にパワフルなツールがたくさんあります。

ボーナスヒント:クリーンな画像ファイル名を強制する方法

複数の投稿者がいるブログの場合、アップロードする画像のファイル名をすべてきれいにするのは大変です。きれいなファイル名は、アクセント記号、非ラテン文字、記号などの特殊文字を避け、検索エンジン最適化(SEO)に有利です。

また、きれいなファイル名にすることで、メディアライブラリで画像を見つけやすくなり、特定のブラウザーでの表示の問題を防ぐことができます。ファイル名を修正することで、ユーザーエクスペリエンスとサイトの検索結果の両方が向上します。

Clean image filenames example

詳しくは、WordPressで画像のファイル名をきれいにする方法をご覧ください。

WordPressで投稿者の写真を追加する方法について、この投稿がお役に立てば幸いです。また、画像のホバーエフェクトを追加する方法や、WordPressで画像を簡単に遅延ロードする方法についてもご紹介しています。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

アバター

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

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

  1. Arshad

    Always got a perfect solution! Thumbs Up..

    • WPBeginner Support

      Glad to hear our guide was helpful!

      管理者

  2. Rachel

    I have followed these steps, but there is still no option to add a profile pic – it just shows the ‘blank’ image and no button to ‘add image’.
    Any ideas?

    • WPBeginner Support

      You would want to reach out to the plugin’s support if the add image option is not available and they should be able to assist.

      管理者

  3. Amanda Don Williams

    Thanks…. awesome plugin very easy to use…

    • WPBeginner Support

      Glad you like our article :)

      管理者

  4. Aditya

    Hi, i have a user registration page on which user registers as a contributor. Then he/she can submit blogs for moderation. However, on that registration page i want users to add their photos mandatorily so we don’t have to rely on them adding it later from their profiles or do the task ourselves.

  5. Sébastien

    How to show avatar on the frontpage? This method only show on the loaded pages.

    • WPBeginner Support

      If you are displaying your posts on your home page instead of a static home page then you would need to reach out to the support for your specific theme to edit the theme’s template

      管理者

  6. Helen

    Thank you! Been trying to work this out for ages!!

    • WPBeginner Support

      Glad our tutorial could help :)

      管理者

  7. Tony

    If anyone else is wondering why your photo isn’t showing up in author bio, it may be because there’s also separate settings for the plugin itself. You have to check the box that says, “display author avatars”. At first all I did was went to the author settings and uploaded the photo not realizing that there was extra settings for the plugin itself.

  8. Alexander

    awesome resource….my picture appeared in a twinkle of an eye.thank you very much

  9. Jason

    Doesn’t seem to show my picture. It uploads and shows in the Author page in Word Press but not showing on the actual site. Help!

  10. nestor fuhr

    after proving a dozen plugin…. this is the only that works correctly. Thank you

  11. Adey Jones

    I am using this plugin on a site that also uses co-authors plus as some posts are written by 2 people, but this plugin only allows 1 author image to display, how can I amend the userphoto_the_author_photo() to display both authors images in 1 post?

    • Constantin Colac

      Thanks mate. I was actually surprised people go for a plugin instead of a function..

      You get some good karma from me ;)

      • Ryan

        Is there a way around having to deal with Gravatar.com or whatever? It seems crazy it isn’t just a built in feature of Wordpress.

  12. Simon Green

    Just use gravatar! Tried this plug-in and was not satisfied. I don’t want the author photo pasted everywhere that there’s a post, multiple times on the site. No good.

  13. Keith Agnew

    Awesome Plugin. Worked perfect immediately. Thanks!!!

  14. Raj Kumar

    Thanks, but can we do it without any plugin?

  15. Keme Kenneth

    Simple Local Avatars is working fine for me. Thanks all.

  16. heny astuti

    it works..tx

  17. Juan Manuel

    Hello!
    Thanks for sharing this info. However I am not sure if this is what I need. When I write a post on my website (http://juanmacarlupu.com.ar/blogdetraduccion) at the end of each post it says: “This article was written by: Juan Manuel Macarlupu Peña” and a default picture and mi bio. I have tried everything on earth (or that’s what I think) and I cant change that default picture. Can you help me with that?

    I would reaaaaaally appreciate it.
    :)

  18. Kat

    Hi
    Can you help, I had this plugin working fine on a test site but not on the live site – the user pictures appear in the user back-end but not on the post or author pages?

    Does anyone have any ideas why this would happen?
    thanks
    Kat

  19. Shonda Rogers

    So I have to download the plugin to get the image to show on google searches, am I correct? I have everything else setup and linked with google+ profile, email verification etc. I was thinking the image would show up from my google+ profile. But it sounds like I need the WP plugin as well. Can you please confirm?

  20. Nida's Beauty Bag

    Is there any way that a non wordpress user can use an image while commenting on my blog??? whenever people comment on my blog , if they are non-wordpress user no display picture is shown

  21. Joey

    A better and more updated plugin: Simple Local Avatars (search wordpress plguin reposiroty)

    No need of editing any files.

    • Ken

      Joey, that plugin you posted is useless and very broken. The User Photo plugin is the best one out there right now and works perfectly!

    • kuyax

      joey is the best, it’s working perfectly…
      thanks dude…

    • Emilio

      Thanks Joey! Simple Local Avatars was awesome! For anyone downloading this plugin, there plugin settings are not in the “settings” or “tools” section. Just upload the plugin and go to the “Users” section. The upload form will be in the users information where you put the bio, email, and other social media contact info.

    • Nadir

      Thanks Joey, it works… perfect… saved me from frustration

    • Jennifer

      Thank you! It realy works fine!

  22. Sham

    The image is not displaying in all user lists. Can any one help ?

    • wpbeginner

       @Sham You have to make sure that you have the php code to display the image in your template.

  23. caspian

    We have a theme that has a registration/profile page on the front end. any idea on how to add the upload image option to the front end? thanks.

  24. ushackers

    really helpful post

  25. ArsalanTosifi

    Hi

    I have successfully uploaded user photo plugin. Successfully imported image. But image does not display. What is missing?

      • wpbeginner

         @Rahoof PM  @ArsalanTosifi You do not have the code in your theme to display it. You have to add the user photo code. Click on the plugin page, they have the code there.

  26. Ruth Martin

    Hi!
    Thank you for this post and plugin! I have been searching for something and am so happy to have found my answer!
    Thanks again!
    Ruth M

  27. Brian

    Any idea on how to integrate this with bbpress discussions?

    thanks

  28. Aaron

    Hi,

    I have about 200 jpeg photossaved, and I would like to put them in the userphoto folder and have them become that person’s photo, and the user can come back and change it if they wish. I tested this out by placing a photo admin.jpeg in the folder, but it did not take effect. do you know how I can do a mass upload of photos for userphoto?

    Thanks,

    Aaron

    • Editorial Staff

      You can’t just FTP stuff because the value is also stored in the database. It is better to ask all your editors to add the pictures by themselves.

      管理者

  29. Rick

    Thank you for highlighting this plug-in.

返信を残す

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