【SWELL】アイキャッチ画像のふちの影を消す方法

「アイキャッチ画像と背景の間に影ができてしまう」「アイキャッチ画像のふちの影が気になる」という問題の解決方法を紹介します!

わたしは先日、ワードプレスのテーマを旧ストークからSWELLに乗り換えたのですが、移行作業をしていると、アイキャッチ画像のふちに影ができていることに気が付きました。

気にしなければ気にならないかもしれませんが、たまたまアイキャッチ画像の背景を白いものにしたところ、影の存在に気が付きました。

くらまり

他の方のブログを見てみると、影のあるブログもあればないブログもある!設定で変えられるってこと??

設定項目に一つチェックを付けるだけで解決しましたので、困っている方は参考にしてください。

目次

アイキャッチ画像と背景の間の影を消す方法

このように、アイキャッチ画像と背景の間に影がついていませんか?アイキャッチ画像が浮き出ているような感じがしますよね。

これが良いという方もいらっしゃると思いますが、わたしは、これが気になって影を無くしたいと思いました。

影を消したくてアイキャッチ画像を作り直したり、背景の色を変えてみたりと、いろいろとやってみました。何度作り直しても、背景の色を変えてもこの影が消えませんでした。

ここで、SWELLの公式サイトの基本設定について改めて見直してみたところ、解決策が載っていました!

サイトのベースとなるデザイン・レイアウトの設定方法

設定画面でチェックを付けるだけで解決しますので、以下のとおりに対応してみてください。

「全体をフラットにする」にチェックを入れる

解決方法は、上の画像のとおり、【全体をフラットにする】にチェックを入れるだけです!

チェックを入れた途端、影が消えるので確認してみてください!

公式サイトには以下のように載っています。

全体をフラットにする」というチェックをオンにすると、投稿リストのサムネイル画像部分など、デフォルトで影のついている箇所の多くで影がなくなります。

SWELL公式サイト

基本デザインまでは以下のような順序で進みます。

基本デザインまでの順序

【 外観 → カスタマイズ → サイト全体設定 → 基本デザイン 】

プレビューで確認してみる

いかがでしょうか?

背景とアイキャッチ画像の影が無くなって、境目がわからなくなりましたね。

好みの問題かもしれませんが、わたしは影がないほうが、すっきりしていて綺麗に見えます。

公式サイトには以下のように載っていました。

まとめ

アイキャッチ画像と背景の間にある影を消す方法をご紹介しました。

無事に消えましたでしょうか?私はこの方法で解決しました。

影が気になるなという方は、ぜひ試してみてはいかがでしょうか。

よかったらシェアしてね!
目次
閉じる