ブログ運営９ヶ月目。
はてなブログからワードプレスへ移行して３ヶ月目。
ブログにアイキャチ画像をアップロードして、
投稿を表示すると、すごく暗い色に表示されてしまい、困っていました。
本当は、この画像のように、背景は白で作成しているのですが、
なぜか、グレーがかった緑？になってしまいます。
アイキャチ画像を明るく表示する方法
調べてみると、追加CSSで解決できるのだとか。
①追加CSS
.thumb-overlay { background-color: rgba(0, 0, 0, 0); }
やり方は、
外観→カスタマイズ→追加CSS→コードを入力
②設定
わたしの場合、コードを追加しても
イマイチ変わったのかよくわからず、
設定を変更して解決しました。
外観→カスタマイズ→アイキャッチ画像を選択、カラーを確認。カラー選択がされていなければOK。
※ツートンカラーなどに指定されている場合、アイキャッチ画像が元の画像の通りに反映されない
これやってみましたが、
ブログのトップページのアイキャッチ画像は明るくなりましたが、
結局画面に入って記事をみようとすると、
アイキャッチ画像の暗さが戻っており（多分、影？みたいになる）
投稿画面の色彩調整の方法は調べてもわからなかったので、
いっそのこと、投稿画面でのアイキャッチ画像を非表示にすることにしました。
投稿画面のアイキャッチ画像を非表示（削除）する方法
投稿画面のアイキャッチ画像を非表示（削除）する方法は、
外観→カスタマイズ→投稿画面
ここでアイキャッチ画像部分を選択できるので、クリックし、バックスペースキーで削除すると、
表示されなくなります（削除された）
まとめ｜投稿画面のアイキャッチ画像が暗いなら、消してしまうのはアリ
アイキャッチ画像の目的は記事への興味関心を惹きつけるものなので、
投稿画面をひらいてくださった場合は、もう必要ないかなと思って、
非表示（削除）してみました。
意外にスッキリして、タイトル下に
すぐ目次が表示されるようになったので、
記事内容に誘導しやすくなったように思います。
アイキャッチ画像を表示していた時は、
タイトル→アイキャッチ画像→目次 だったので工程がシンプル化されました✌︎
ブログ運営もわからないことを調べては改善し…と
コツコツですが、
参考になれば嬉しいです。
コメント