ブログ運営

【SWELL】記事タイトル背景のアイキャッチ画像を消す方法

SWELLで文字被り解消(アイキャッチ)

SWELLを使っていて、

  • 記事タイトルの背景に、アイキャッチ画像が出てしまう
  • スマホで見た時に、文字の被りが気になる・・・

 

そんな風にお困りではないでしょうか?(スマホ表示↓)

アイキャッチと記事タイトルが被っている状態

正直、このような状態はかなり見づらいです・・・。

特に、アイキャッチ画像に文字入れしている場合は尚更でしょう。

今回は、この被りを解消し、以下のような表示に切り替える方法をご紹介いたします。

正しい表示
ユミ
ユミ
こちらの方が断然見やすいですね!

【SWELL】記事タイトル背景のアイキャッチ画像を消す方法

このような表示にするために必要なのは、

  1. タイトル
  2. アイキャッチ画像

 

それぞれの設定になります。

タイトルの設定

外観▶カスタマイズ

タイトルの設定1

 

「投稿固定ページ」をクリック。

タイトルの設定2

 

「タイトル」をクリック。

タイトルの設定3

 

 

タイトルの表示位置:「コンテンツ内」

にして、「公開」をクリックします。

タイトルの設定5

アイキャッチ画像の設定

次に、アイキャッチ画像の設定です。

先ほどと同じ手順で、

外観▶カスタマイズ▶投稿固定ページへ。

「アイキャッチ画像」をクリック。

アイキャッチ画像の設定1

 

投稿ページ:本文の始めにアイキャッチ画像を表示

にして、「公開」をクリックします。

アイキャッチ画像の設定2

 

ユミ
ユミ
これで設定は完了です!

最後に、表示が変更されているか確認しておきましょう。

あとがき

設定お疲れ様でした!

この設定だけで、全ての記事に自動反映されるところも便利ですね。

今回は、SWELLで記事タイトルの背景にアイキャッチ画像を表示されてしまっている場合の対処法についてでした。

\自分らしい働き方を叶えたいあなたへ/

※コンサルの募集に関しては、不定期にてメルマガ読者さま限定にご案内しております。

ABOUT ME
ユミ
ブログコンサルタント(主にアドセンス)/複数のネット広告を組み合わせて、収益性の高いブログを作るのも得意/月収10~420万円の収入を得るコンサル生さんを輩出中/ブログで収入を得たい初心者の方へ、無料のメールマガジンを配信中