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

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

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

ここでは、投稿ページや固定ページに表示される「タイトル」に関するSWELLの設定について説明していきます。

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

カスタマイザーの起動

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

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

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

投稿タイトルに関する設定はカスタマイザー内の「投稿・固定ページ」>「タイトル」に用意しています。

カスタマイザーの「投稿・固定ページ」
カスタマイザーの「投稿・固定ページ」
「投稿・固定ページ」>「タイトル」
「投稿・固定ページ」>「タイトル」

投稿タイトルに関する設定

では、ここから具体的に、カスタマイザーから設定可能な項目について説明していきます。

投稿タイトルに関する設定については、

  • 固定ページでの設定
  • 投稿ページでの設定
  • 共通する設定

の3つのエリアに分けて項目を整理していますので、ここでもその流れに沿って設定項目を紹介していきます。

固定ページでのタイトルに関する設定

「外観」>「カスタマイズ」>「投稿・固定ページ」>「タイトル」へと進むと、まず最初の方に次のような設定項目があります。

固定ページのタイトル位置
固定ページのタイトル位置

SWELLの投稿ページ・固定ページでは、それぞれタイトルを「コンテンツ上に配置する」か「コンテンツ内に配置する」かを選択することができるようになっていて、ここは固定ページに関しての設定です。

投稿ページでのタイトルに関する設定

続いて、その下には以下のような設定項目が並んでいます。

投稿ページのタイトルに関する設定
投稿ページのタイトルに関する設定

投稿ページについても、まず最初にタイトルの表示位置を設定できます。

タイトル位置による見た目の違い

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

日付やカテゴリーを表示するかどうか

投稿ページのタイトル周りには、日付カテゴリー情報も表示させることができ、
これらの表示・非表示の切り替えも先ほど紹介した設定エリアから可能です。

例えば、日付を非表示にしてカテゴリーを表示している場合、以下のような見た目となります。

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

投稿ページ・固定ページで共有される設定

最後に、投稿ページ・固定ページで共有される設定について解説します。

画像フィルター設定

現状ではこのように、タイトル背景画像へのフィルター処理についての設定のみとなっています。

SWELLでは、タイトル位置が「コンテンツ上」のページではタイトルの背景に画像が表示されるようになっており、その画像に対してフィルター処理を加えることが可能になっています。

現在用意されているのは以下の4種類です。

  • ブラー
  • グレースケール
  • ドット
  • ブラシ

メインビジュアルにも同様のフィルター処理を加えることができるようになっています。

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

ブラー
ブラー
ドット
ドット
ブラシ
ブラシ

「コンテンツ上」に表示時のタイトル背景画像について

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

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

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

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

「外観」>「カスタマイズ」>「サイト全体設定」>「NO IMAGE画像」から設定できます。

この画像が設定されている場合、アイキャッチ画像よりもそちらが優先されます。

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

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

という順番になります。

記事下のウィジェットエリア

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

目次
閉じる