MENU
カテゴリー
【新年度応援セール!】期間限定で 20%OFF!

NO IMAGE(ノーイメージ)画像の設定方法

2020 2/29
NO IMAGE(ノーイメージ)画像の設定方法
記事上のウィジェットエリア

SWELLでは、各記事のアイキャッチ画像が設定されていない場合に表示する代わりのサムネイル画像として、「NO IMAGE画像」を自由に設定することができます!

このページでは、その設定方法を説明していきます。

目次前広告表示エリア
目次

カスタマイザーの起動

SWELLでは基本的にテーマカスタマイザーから全ての設定を行うことができます。

カスタマイザーの起動方法については以下の記事を参考にして下さい。

以下では、カスタマイザー上での操作について説明していきます。

NO IMAGE画像に関しては、カスタマイザー内の「サイト全体設定」>「NO IMAGE画像」というメニューから設定できます。

「サイト全体設定」メニュー
「サイト全体設定」メニュー
「NO IMAGE画像」設定メニュー
「サイト全体設定」>「NO IMAGE画像」

NO IMAGE画像をメディアから設定しよう

NO IMAGE画像」メニューを開くと、以下のような設定項目がでてきます。

NO IMAGE画像の設定
NO IMAGE画像の設定

ここで「画像を選択」と書かれたエリアをクリックすることで、メディアから好きな画像を選択することができます。

推奨サイズ横幅1600pxと書いていますが、これは投稿ページのアイキャッチ画像やタイトル背景画像としても使用される可能性があり、さらにMacなどの高解像度のディスプレイも考慮してのサイズです。

あくまで目安として参考にしていただければと思います。

縦幅は、ご自身のサイトで使用する他のアイキャッチ画像との比率を元にで作成することをオススメします。

「タイトル背景用デフォルト画像」について

NO IMAGE画像の設定の他に、「タイトル背景用デフォルト画像」という項目も用意しています。

これはなんのことかというと、固定ページや投稿ページのタイトル表示位置が「コンテンツ上」に設定されている時に、その背景画像として表示する画像のことです。

「コンテンツ上」に設定している場合の表示例
「コンテンツ上」に表示されたタイトルの例

タイトル背景の画像はアイキャッチ画像と同じく記事ごとに設定できますが、その設定がない場合に、こちらでデフォルト画像が設定されていればその画像を優先して表示します。

このタイトルの背景に表示される画像は全部で4パターンあり、それぞれの優先度は以下の通りです。

  1. ページごとの「タイトルエリアの背景画像」で指定された画像
  2. タイトル背景用デフォルト画像」に指定された画像
  3. アイキャッチ画像
  4. NO IMAGE画像
記事下のウィジェットエリア

この記事が気に入ったら
フォローしてね!

目次
閉じる