ブロック一覧

ここではサイドバーの設定ができ、ブログ記事ページに表示するコンテンツブロックを決めることができます。

ブログ記事 -> コンテンツとサイドバー -> ブロックを追加

ブログページにサイドバーを実装するには、テーマ設定→ブログページ→記事サイドバー でオプションを有効にしてください。そこで、ポジションや表示の設定を変更することができます。

これらの設定について、詳しくはこちらをご覧ください。

ここでは、ブログページのサイドバーにコンテンツを追加することができます。

  • "コンテンツスライド"

  • "サイドバーカテゴリー"

  • "サイドバータグ"

  • "サイドバー最近の記事"

  • " サイドバー HTML"

  • "サイドバーサブスクリプション"

の6つのコンテンツブロックを追加可能です。それぞれのブロックについて詳しく説明します。

ブロック一覧

コンテンツスライド

注意:これは高度なオプションですので、開発者としてのスキルをお持ちであるか、または開発者を雇うなど最新の注意を払って実行してください。

記事ページにスライダーブロックを設置するには、記事の内容に’<div id="articleslider"></div>’というコードを挿入してください。スライダーを設置する場所は自由に決めることができます。

"記事"で、スライダーを表示する記事を選択します。ここでは、"タイトル"を追加し、画像を選択することができます。

サイドバーカテゴリー

ここでサイドバーに表示させたい"メニュー"を選択し、"タイトル"を入力します。このブロックを他のブロックと区別して表示するには、オプション"ボーダーを表示"を有効にしてください。

メニュー項目の追加と編集方法は、こちらをご覧ください。

サイドバータグ

タグをサイドバーのコンテンツブロックとして表示させるには、"サイドバータグ"というブロックを追加する必要があります。ここで"タイトル"を追加し、このブロックを他のブロックと区別して表示するには、"ボーダーを表示"オプションを有効にしてください。

Shopify管理画面->オンラインストア->ブログ記事で、あらかじめブログ投稿にタグを追加しておいください。

サイドバー最近の記事

ここでサイドバーに表示する "メニュー"を選択し、"タイトル"を入力することができます。このブロックには、小さめの情報メニューを追加することができます。このブロックを他のブロックと区別して表示するには、"ボーダーを表示"オプションを有効にします。

メニュー項目の追加と編集方法は、こちらをご覧ください。

サイドバー HTML

ここでは、サイドバーに表示させたい"ページコンテンツ"を選択し、"タイトル"を付けることができます。このブロックを他のブロックと区別して表示するには、"ボーダーを表示"オプションを有効にします。

ページの追加・編集方法については、こちらをご覧ください。

サイドバーサブスクリプション

サブスクリプションをサイドバーのコンテンツブロックとして表示するには、"サイドバーサブスクリプション"ブロックを追加する必要があります。ここでは、"タイトル" を追加し、このブロックを他のブロックから区別して表示するには、オプション "ボーダーを表示"を有効にすることができます。文章(テキスト)、プレースホルダー、ボタンテキストの3つのフィールドがあり、独自のテキストを追加できます。

Last updated