GemPagesのデフォルトのブログ投稿テンプレートをカスタマイズし、記事のコンテンツを好みのレイアウトで表示したい場合は、「テーマセクション」機能を使うことで実現できます。このガイドでは、その手順をステップバイステップで解説します。
ステップ1:デフォルトのブログ投稿テンプレートにアクセスする
- GemPages ダッシュボードにログインします。
- [テンプレート] > [ブログ投稿テンプレート] に移動します。
- デフォルトの提案テンプレートを見つけます。これは、チームによって自動的に作成されたテンプレートです。
- テンプレートを開いてレイアウトを表示します。
注: デフォルトのテンプレートには、見出し、テキスト、画像などの標準構造が含まれています。
ステップ2: カスタムテンプレートを使用する
- すでにカスタム テンプレート (「ゲーム ページ」など) を作成している場合は、それを選択してブログ投稿に使用します。
- デフォルトのテンプレートを表示、非表示、または非アクティブ化したくない場合は、そのテンプレートを無効にします。
- これで、カスタム テンプレートがデフォルトのテンプレートに置き換えられ、ブログ投稿に自動的に適用されます。
ステップ3:Liquidでブログコンテンツを追加する
- 記事を表示したいテーマセクションに移動します。
- Liquid 要素を追加してブログのコンテンツを自動的に取得します。
- タイトル → {{ article.title }}
- テキスト → {{ article.content }}
- 画像 → {{ article.image | img_url }}
- これにより、手動で入力しなくてもブログ投稿が自動的に表示されます。
ヒント: Liquid を使用すると、Shopify の記事やブログ投稿のコンテンツをハードコーディングせずに動的に表示できます。
ステップ4: レイアウトを構築して配置する
- 表示する記事の部分(タイトル、テキスト、画像など)を決定します。
- レイアウト ブロックを追加します。例:
- 見出し(記事タイトル用)
- テキスト(コンテンツまたは抜粋)
- 矢印バナーまたはボタン(リンクまたは行動喚起用)
- ブロックをドラッグアンドドロップして、好きな順序に並べ替えます。
- 頻繁にプレビューして、間隔と外観を確認してください。
ヒント: シンプルにしてください。ブロックが多すぎると、ページが乱雑に見えてしまう可能性があります。
ステップ5: プレビューと保存
- 「プレビュー」をクリックすると、ブログ投稿が新しいレイアウトでどのように表示されるかを確認できます。
- 必要に応じて調整します(間隔、画像、見出し)。
- 「保存」をクリックしてテンプレートを確定します。
コメントしてくださってありがとうございます