テーマオプション ブログ 一般

General Blog

ホーム/Theme Options/Blog/テーマオプション ブログ 一般
  • テーマオプション ブログ 一般
画像はクリックすることでLightbox内に大きく表示することができます。

このコンテンツでは、ブログ(投稿ページ)のオプションの1つ【テーマオプション ブログ 一般】全16のオプションについて解説をしています。

このオプションは、投稿ページのアーカイブページに関するスタイリングをします。アーカイブページは、フロントページ・カテゴリ・検索結果などで表示されるページのことです。フロントページに【最近の投稿】を表示したい場合は、このオプションでスタイリングします。

なお、Fusion Page Builderやテキストエディタから挿入できるショートコードの【Blog】で、このオプションが適用されるのは以下の4つです。

  • 7.Load More Posts Button Color / さらに読み込むボタンカラー
  • 14.Blog Alternate Layout Month and Year Format / 月・年の書式
  • 15.Blog Alternate Layout Day Format / 日の書式
  • 16.Blog Timeline Layout Date Format / 日付の書式

7は、ページネーションにさらに読み込むボタンを選択している場合、14・15についてはレイアウトをAlternateにしている場合、16についてはレイアウトをTimelineにしている場合となっています。

ブログオプションは3つあります。
テーマオプション ブログ 投稿ページテーマオプション ブログ メタデータも合わせてご覧ください。

サクッと画像で概要を見たい方はこちら

1.Page Title Bar / タイトルバー

このオプションを有効にすると、投稿ページの見出しや小見出しといったタイトルに関するオプション【2.Blog Page Title / 見出し】と【3.Blog Page Subtitle / 小見出し】が追加で表示されます。

このオプションは、WordPressの『設定 > 表示設定 > フロントページの表示』で【最近の投稿】を選択している場合や、ブログのアーカイブページで有効となります。このサイトのように固定ページをフロントページに選択している場合は無効となります。

2.Blog Page Title / 見出し

このオプションは、フロントページ(ホームページ・トップページ・インデックスページ)に表示するタイトルバーの見出しを設定します。

3.Blog Page Subtitle / 小見出し

このオプションは、フロントページ(ホームページ・トップページ・インデックスページ)に表示するタイトルバーの小見出しを設定します。

4.Blog Layout / レイアウト

このオプションは、WordPressの『設定 > 表示設定 > フロントページの表示』で【最近の投稿】を選択している場合のレイアウトを以下の6つから選択します。

  1. Large
  2. Medium
  3. Large Alternate
  4. Medium Alternate
  5. Grid
  6. Timeline

5.Blog Archive Layout / アーカイブページのレイアウト

このオプションは、アーカイブページ(カテゴリーなど)のレイアウトを以下の6つから選択します。

  1. Large
  2. Medium
  3. Large Alternate
  4. Medium Alternate
  5. Grid
  6. Timeline

当サイトは、4.Medium Alternateを選択しています。

6.Pagination Type / ページネーションタイプ

ページネーションタイプ

このオプションは、フロントページに【最近の投稿】を選択している場合やアーカイブページに表示するページネーションタイプを以下の3つから選択します。

  1. Pagination(ページネーション)
  2. Infinite Scroll(無限スクロール)
  3. Load More Button(さらに読み込むボタン)

1.Paginationは、新しいページに移動して記事を読み込みます。
2.Infinite Scrollは、スクロールする度に記事の数だけそのページ内で自動で読み込みます。
3.Load More Buttonは、ボタンが押されるとそのページ内で記事を読み込みます。

7.Load More Posts Button Color / さらに読み込むボタンカラー

さらに読み込むボタンカラー

このオプションは、【6.Pagination Type / ページネーションタイプ】やショートコードのブログ機能で『3.Load More Button(さらに読み込むボタン)』を設定している場合のボタンの背景色を設定します。

8.Grid Layout Columns / グリッドレイアウトのカラム数

このオプションは、以下の3つのいずれかで『Grid』を選択している場合のカラム数を、2~6の中から選択します。

  1. 【4.Blog Layout / レイアウト】
  2. 【5.Blog Archive Layout / アーカイブページのレイアウト】
  3. テーマオプションのSearch Page(検索ページ) → 【Search Results Layout(検索結果ページのレイアウト)】

9.Grid Layout Column Spacing / カラム間のパディング

ブログ 一般 カラム毎のパディング

このオプションは、【8.Grid Layout Columns / グリッドレイアウトのカラム数】で触れたいずれかのページにGridレイアウトを選択している場合の、カラム毎のパディング(上下左右)を設定します。

画像では紫部分がパディングです。
30pxで設定しているため、上下左右それぞれ15pxづつとなっています。

10.Blog Content Display / コンテンツの表示方法

このオプションは、フロントページに【最近の投稿】を選択している時やアーカイブページに表示するコンテンツ(本文)を『抜粋』または『全コンテンツ』から選択します。

ただし、コンテンツに画像やショートコードを使用している場合に『全コンテンツ』を選択すると表示が崩れてしまったり、2000文字・3000文字のような長いコンテンツがあった場合は1ページの中にすべて表示されてしまいます。基本的に『抜粋』を選択するのがいいかと思います。

11.Excerpt Length / 抜粋の長さ

このオプションは、【10.Blog Content Display / コンテンツの表示方法】で『抜粋』を選択した場合の抜粋の長さを設定します。

なお、抜粋単位については、テーマオプションの【Extra(その他)】 → 【Miscellaneous(その他の設定)】 → 【Basis for Excerpt Length(抜粋の長さの基準)】 から、【Words(単語)】または【Characters(文字)】から選択できます。空白概念がない日本語については、【Characters(文字)】を選択すれば問題ないかと思います。

12.Strip HTML from Excerpt / 抜粋からHTMLを取り除く

HTML要素を取り除く

このオプションは、【10.Blog Content Display / コンテンツの表示方法】で『抜粋』を選択している場合に適用され、オンにすることでh2タグなどのHTML要素を取り除き、プレーンテキストに変換することができます。

13.Featured Image・Video on Blog Archive Page / アーカイブページのアイキャッチ表示

ブログ 一般 アイキャッチ画像・動画の表示

このオプションを有効にすると、アーカイブページでアイキャッチ画像・動画を表示します。

14.Blog Alternate Layout Month and Year Format / 月・年の書式

ブログ 一般 月と年の書式

レイアウトに『Medium Alternate』または『Large Alternate』を使用していると左側に日付が入ります。このオプションでは、その日付部分の【月】・【年】の書式を設定します。

当サイトは、【 Y/m 】で設定しています。

なお、日付の書式の詳細については、WordPressの公式ドキュメントにある日付と時刻の書式 を参照に変更するといいでしょう。

15.Blog Alternate Layout Day Format / 日の書式

ブログ 一般 日の書式

レイアウトに『Medium Alternate』または『Large Alternate』を使用していると左側に日付が入ります。このオプションでは、その日付部分の【日】の書式を設定します。

当サイトは、【 j日 】で設定しています。

16.Blog Timeline Layout Date Format / 日付の書式

ブログ 一般 日付の書式

このオプションは、レイアウトに『Timeline』を使用している場合の日付の書式を設定します。

当サイトは、Timelineレイアウトを使用していませんが【 Y F 】で設定しています。

コメントする