ブログ

【WordPress】画像が表示されない対処法【この記事を書いた人】

2020-03-04

この記事を書いた人の表示方法完成品

 

WordPressでブログを書いたんだけどさ、フッターの『この記事を書いた人』に画像が表示されないんだよね…

 

このような悩みを解消します。

 

WordPressで自身のプロフィールをサイドバーやフッターに表示するよう設定していると、画像を設定したのに片方しか変わってないということありませんか?

 

実はそれ、どちらも別々で設定が必要なんです。

特に見落としがちなのがフッターにある【この記事を書いた人】の画像。

 

自身でブログをチェックする時に、そこまで意識して見ることって少ないですよね?

 

今回は【この記事を書いた人】に画像を表示する方法を紹介します。

方法さえ分かれば誰でもすぐに表示することができます。

 

わやってもともとこういう人

  • PCはYouTubeを観るもの
  • スマホはゲームをするもの

 

この程度の知識しかなかった僕でもすぐに設定できましたので、どなたでも必ず設定できます。

 

サイドバーと同じ画像で問題ありませんので、準備ができたらこのまま一緒に設定しましょう!

 

【WordPress】この記事を書いた人に画像が表示されない対処法

対処法を調べる

 

WordPressで【この記事を書いた人】に画像が表示されない理由はまずどう言った状態なのか。

 

画像で説明します。

 

この記事を書いた人の空欄

 

こちらはブログ記事の下部に設置してある『この記事を書いた人』です。

 

左側に写真が表示できそうですが、現在は人のシルエットになっています。

 

こちらの表示方法の手順はこのようになります。

 

簡単な流れ

  • WordPressの『ユーザー』
  • ユーザー内の『あなたのプロフィール』
  • あなたのプロフィール下段にある『プロフィール写真』

 

順番に説明していきます。

 

この記事を書いた人の画像を設定する

 

WordPressダッシュボード

 

ユーザー→あなたのプロフィール→その下段にあるあなたの写真までいきます。

 

そこにGravatarでプロフィール画像の変更が可能です、という表示がありますのでそちらをクリックします。

 

Gravatar

 

Googleアカウントなどでログインをした後、マイGracatarをクリックします。

 

upload

 

upload newをクリックし、次の画面で画像を選択します。

 

今日はじブログのアカウント

 

このようにサイズをトリミングできますので、プレビューをみながらサイズ調整できます。

 

レーティング設定画面

 

こちらでは全年齢のサイトであればそのまま『G』を選択してSet Ratingをクリックします。

 

Gravatar設定終了

 

これで画像を選択できたようです。

 

ちなみに登録した画像は上記のように下部に溜めていくことができます。

 

ペンギンだった時代もありました

 

しっかりと画像が変更できたか確認しましょう!

 

まずは最初の設定画面であるあなたのプロフィールを確認します。

 

あなたのプロフィール写真

 

設定できているようです。次に実際の投稿を確認します。

 

ちなみにキャッシュが残っていたりすると変わらないので、キャッシュも1度削除しましょう。

 

僕はプラグインのWP Fastest Cacheを利用しています。1クリックで済むのでとても便利です!

 

さて、ブログの記事最下部はというと…

 

この記事を書いた人修正

 

表示されましたね!

 

とっても簡単ですよね

 

サイドバーの画像変更方法

 

今回はフッターの『この記事を書いた人』の画像表示方法でしたが、サイドバーなどに設置するプロフィールの画像設定方法を覚えていますか?

 

だいたい画像は1度決めたら変える機会が少ないので、覚えてない人もいるかと思います。

 

今回は、復習もかねてサイドバーのプロフィールの表示方法と画像の選択方法を紹介します。

 

簡単な流れ

  • WordPressダッシュボードの『カスタマイズ』
  • カスタマイズ内の『オプションカラー』
  • オプションカラー内のサイト管理者紹介

 

サイト管理者画面

 

画像を選択という欄がありますので、そちらからプロフィールに設定したい画像を選択します。

 

だいたい皆さんTwitterのアイコン、ブログのプロフィールなどは同じ画像で設定されていることが多いので、今回はそのような形で同じ画像を出します。

 

成功例

 

このように表示されたら準備オッケーです!公開するのを忘れないように!

 

画像が選択できたら次は表示方法です。

 

簡単な流れ

  • 外観内の『ウィジェット』
  • ウィジェット内の『サイドバートップ』
  • サイドバートップ内に『STINGER使徒管理者紹介』をドラッグ

 

文字がたくさんで疲れてしまうかもしれませんがもう少しで終わります。

 

まずは外観内にあるウィジェットをクリックします。

 

自己紹介設定画面

 

AFFINGER5を利用している人は『STINGERサイト管理者紹介』をサイドバートップへドラッグ。

 

AFINGER5ではなくても『カスタムHTML』で貼り付けることができます。

 

これで本ブログのサイドバーに『サイト管理者情報』を表示できます。

 

サイドバーに表示するプロフィール文の設定方法

 

サイドバートップ用プロフィール

 

画像右側のサイドバートップ付近にプロフィールカードがありますよね?

 

サイドバーは読みやかったりおすすめ記事が貼ってあったりと、集客するのに目につきやすい場所です。

 

そこにプロフィール画像で目を引くのはもちろんですが、プロフィール文で自身に興味を持ってもらえるチャンス!

 

プロフィールとして紹介文を載せたい場合は下記の行程で進めます。

 

簡単な流れ

  • ユーザー内の『あなたのプロフィール』
  • あなたのプロフィール内中段にある『プロフィール情報』

 

プロフィール情報に好きな文章を入力でき、この文章がサイドバーに表示されます。

 

プロフィール情報

 

入力が終わったら確認を忘れずに!

僕の表示はこのようになっています。

 

プロフィールカード

 

これでサイドバーのプロフィールを画像も文章も設定することができました!

 

WordPressで『この記事を書いた人』の画像表示がされないのはすぐに表示できる:まとめ

まとめに使う画像

 

ポイント

  • サイドバーに表示するプロフィールとは設定場所が違う
  • 設定自体は簡単なので本ブログの指示通りなら3分ほどでできる
  • すぐには表示されないのでキャッシュを消してしばらく待つ

 

今回は『この記事を書いた人』の画像表示方法、サイドバーのプロフィール画像と文章の表示方法を紹介しました!

 

ですがもし『この記事を書いた人』が必要ないという人は、AFFINGER5なら簡単に消すことができます。

 

AFFINGER5管理画面→投稿・固定記事→この記事を書いた人

 

このようになっています。

 

この記事を書いた人

 

こちらのチェックを外すだけでプロフィールを非表示にできます。

 

WordPress、特にAFFINGER5は本当に細かいところまで修正できて優秀です!

 

複数のブログを運営するメリットデメリット

ブログ

2020/10/21

ワードプレスで複数のブログを運営するメリット・デメリット【初心者必見】

  WordPressで複数のブログを運営するのってどうなの? メリットがあるなら複数のブログを運営したいんだけど教えて!   このような疑問を解消します。   結論からいうと、複数のブログを今から始めるのであればまずは1つのブログを育てましょう。 初心者がいきなりブログを複数運営するにはデメリットや負担が大きすぎます。   現在運営しているブログがうまくいっている人の中には複数のブログ運営をしてメリットがある人もいます。 本記事では複数ブログを運営するメリット・デ ...

ReadMore

ブログの書き方6ステップ

ブログ

2020/10/18

ブログの書き方6ステップ!テンプレ作成で時間短縮【初心者でもできる】

  ブログ1記事書くのにすごく時間がかかっちゃう。 みんなどうやってブログを早く書いているんだろう?   このような疑問にお答えします。   結論からいうと、ブログに慣れてきた所謂「脱初心者ブロガー」の方々はそれぞれブログを書くときの「テンプレ」ができています。   本記事の内容 ブログの書き方6ステップ ブログ1記事執筆時間の目安   本記事では僕が記事を書く時に意識しているテンプレを紹介します。   テンプレを作成することによってブログ1記事 ...

ReadMore

楽天UN-LIMIT V

楽天経済圏

2020/11/5

【5G】楽天UN-LIMIT『Ⅴ』の詳細・料金は?【契約しないなんて損です】

  楽天の通信プランがアップグレードしたって聞いたけど何が変わったの?興味があるから詳しく知りたいな。   このような疑問を解消します。   ポイント 楽天UN-LIMIT Ⅴとは 楽天UN-LIMIT Ⅴの金額 楽天UN-LIMIT『2.0』と『Ⅴ』の違い 楽天UN-LIMITに新規で契約する場合 楽天UN-LIMIT2.0を契約していた場合 楽天UN-LIMITの契約時の注意点   楽天モバイルに興味があるけどよく知らないし、今使ってるキャリアから変更するのも面 ...

ReadMore

ブラックフライデーとサイバーマンデー

知っ得

2020/11/22

【2020年11月】ブラックフライデー&サイバーマンデーとは?【日程・注意点】

  Amazonが2020年11月27日よりの開催を決定しまブラックフライデーした。 毎月お得に買い物できるタイムセールとは違い、年に1度しかないビッグセールとなります!   さらに今年はサイバーマンデーが11月30日から続けての開催となり、計5日間の長期的なセールとなります。   この2つのビッグセール、最大のポイントは条件達成で最大10,000ポイント還元という神がかったイベント。 開催期間が11月27日(金)9:00〜12月1日(火)23:59と、まさにクリスマスプレゼ ...

ReadMore

sellers.jsonの設定方法

ブログ

2020/9/10

【Googleアドセンス】sellers.jsonとは?【対応方法】

  Googleからよく分からないメールがきた!「sellers.json」って何?対応してって書いてあるけどなんか怖い…   このような悩みを解消します。   sellers.jsonは広告主にサイト情報などを公開し、透明化するためのツールのこと。   本記事の内容 sellers.jsonとは sellers.jsonへ登録する方法   本記事では、実際に情報を登録する手順を紹介しています。   長文が苦手でメールを読んでいない人には、本記事 ...

ReadMore

 

-ブログ

© 2020 今日はじブログ Powered by AFFINGER5