シンプルブログ記事一覧 の使い方

選択したブログの記事を、サムネイル・タイトル・日付つきのシンプルな一覧として表示するセクションです。表示件数、画像・日付の表示切替、すべての記事へのリンク、文字色・文字サイズ、PC・モバイル余白までテーマエディターから調整できます。

目次

設定項目

見出し

見出しテキスト - セクション上部の見出しを設定します。空欄にすると見出しを非表示にできます。

- 見出しの文字色を変更します。

サイズ-PC(px) - PC表示時の見出しサイズを調整します。

サイズ-モバイル(px) - モバイル表示時の見出しサイズを調整します。

Copilify シンプルブログ記事一覧 ヘルプ heading

ブログ記事一覧

ブログ - 表示したいブログを選択します。未選択の場合、テーマエディターではプレースホルダー記事が表示されます。

表示件数 - 一覧に表示する記事数を設定します。

日付を表示する - 記事ごとの公開日を表示するか切り替えます。

画像を表示する - 記事サムネイルの表示・非表示を切り替えます。

Copilify シンプルブログ記事一覧 ヘルプ blog-list

全ての記事へのリンク

すべての記事へのリンクを表示する - ブログ一覧ページへのリンクボタンを表示するか切り替えます。

テキスト - リンクボタンに表示する文言を設定します。

文字色 - リンクボタンの文字色を変更します。

背景色 - リンクボタンの背景色を変更します。

枠線色 - リンクボタンの枠線色を変更します。

角丸(px) - リンクボタンの角丸を調整します。

配置 - リンクボタンの配置を左・中央・右から選びます。

Copilify シンプルブログ記事一覧 ヘルプ all-link

ブログ記事の文字色

タイトル - 記事タイトルの文字色を変更します。

日付 - 公開日の文字色を変更します。

Copilify シンプルブログ記事一覧 ヘルプ text-colors

ブログ記事の文字サイズ

タイトル-PC(px) - PC表示時の記事タイトルサイズを調整します。

タイトル-モバイル(px) - モバイル表示時の記事タイトルサイズを調整します。

日付-PC(px) - PC表示時の日付サイズを調整します。

日付-モバイル(px) - モバイル表示時の日付サイズを調整します。

Copilify シンプルブログ記事一覧 ヘルプ text-sizes

PC表示での余白

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

Copilify シンプルブログ記事一覧 ヘルプ desktop-spacing

モバイル表示での余白

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

Copilify シンプルブログ記事一覧 ヘルプ mobile-spacing

その他

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 記事一覧と見出しを表示する内側コンテンツの最大幅を設定します。

Copilify シンプルブログ記事一覧 ヘルプ other

よくある質問

ブログを選ばないとどうなりますか?

本番表示では記事は出ません。テーマエディター上ではレイアウト確認用のプレースホルダー記事が表示されるため、先に見た目を調整してからブログを選択できます。

「すべて表示」ボタンはいつ表示されますか?

「すべての記事へのリンクを表示する」をオンにし、ブログが選択されている場合に表示されます。ボタンの文言、色、枠線、角丸、配置をテーマエディターから調整できます。

画像や日付は非表示にできますか?

はい。「画像を表示する」「日付を表示する」のチェックを外すと、それぞれサムネイル画像や公開日を非表示にできます。