投稿ページ・固定ページの「タイトル」に関する基本設定

投稿ページ・固定ページの「タイトル」に関する基本設定
記事上のウィジェットエリア

このページでは、投稿ページ(記事ページ)や、固定ページに表示される「タイトル」周りの基本的な設定方法について説明していきます。

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

カスタマイザーの起動

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

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

あわせて読みたい
【SWELLの設定】「テーマカスタマイザー」の使用方法
【SWELLの設定】「テーマカスタマイザー」の使用方法SWELLの設定やカスタマイズは、ほぼ全て「テーマカスタマイザー」機能で行うことができるように設計しました。「テーマカスタマイザー」機能はリアルタイムで設定が反映...

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

投稿リストに関する設定はカスタマイザー内の「投稿・固定ページ設定」という項目から設定できます。

投稿・固定ページ設定

タイトル位置の設定方法

SWELLの投稿ページ・固定ページでは、タイトルを「コンテンツ内に配置する」か、「コンテンツ上に配置する」かを選択することができます。

「外観」>「カスタマイズ」>「投稿・固定ページ設定」へと進むと、以下のような設定項目があります。

タイトル位置の設定項目
タイトル位置の設定項目

デフォルトではどちらも「コンテンツ内」となっており、投稿ページでは以下のようなデザインとなっています。

「コンテンツ内」に設定している場合の表示例
「コンテンツ内」に設定している場合の表示例

これを「コンテンツ上」に設定を変更すると、ヘッダーのすぐ下に、横幅いっぱいに広がって表示されます。

「コンテンツ上」に設定している場合の表示例
「コンテンツ上」に設定している場合の表示例

「コンテンツ上」に表示時の背景画像の優先度について

タイトル位置を「コンテンツ上」に設定している場合の背景画像には、基本的にはそのページのアイキャッチ画像が表示されますが、アイキャッチとは別で「タイトルエリアの背景画像」という設定項目から背景画像を指定することも可能です。

画像
了

「アイキャッチ画像」も「タイトルエリアの背景画像も」設定されていない場合は、サイト基本設定で指定した「NO IMAGE画像」が表示されます。

「タイトルエリアの背景画像」のデフォルト画像を設定している場合

ver 1.2.2より、「タイトルエリアの背景画像」用のデフォルト画像を設定できるようになりました。

つまり、タイトル背景用のNO IMAGE画像ですね。

「外観」>「カスタマイズ」>「サイト基本設定」のNO IMAGE画像の設定エリアのすぐ下に、以下のような設定エリアがあります。

「タイトル背景用デフォルト画像」の設定欄の画像
「タイトル背景用デフォルト画像」の設定欄

ここに画像が設定されている場合、各ページごとの「タイトルエリアの背景画像」に画像が設定されてないページではそのデフォルト画像が表示されるようになります。

ちょっとややこしいですが、タイトル背景画像の優先度についてまとめると、

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

という順番になります。

投稿ページでの日付やカテゴリーの表示設定

投稿ページのタイトル周りには、日付やカテゴリーに関する情報も表示させることができます。

これらの表示・非表示の切り替えなどは、タイトル位置設定のすぐ下にある以下の設定エリアからカスタマイズできます。

タイトル周りの設定項目

デフォルトでは「日付を表示する & カテゴリー情報は表示しない」という設定になっています。

この設定を、例えば「日付を表示する」のチェックを外して「カテゴリーを表示する」にチェックを入れて設定を保存した場合は、以下のような見た目となります。

タイトル周りの表示を変更した様子
タイトル周りの表示を変更した様子

タイトル背景画像へのフィルター処理について

タイトル位置の設定をコンテンツ上にした場合に表示される背景画像に対し、フィルター処理を簡単にかけることも可能です!

これまでと同じく、「外観」>「カスタマイズ」>「投稿・固定ページ設定」のメニューの中に、以下のような設定項目があります。

画像フィルター設定

ここからお好きなものを選択してください。

例として、ブラー・ドット・ブラシにした場合の画像の変化を紹介しておきます。

ブラー
ブラー
ドット
ドット
ブラシ
ブラシ
記事下のウィジェットエリア

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

目次
目次