商品情報にスキップ
1 1
公開日:2024.12.02

Shopifyのテーマ「Dawn/Rise」で最新ブログ記事リンクを表示する際にブログ記事セクションではなくリストテキスト型で表示する設定例

Shopifyのテーマ「Dawn/Rise」で最新ブログ記事リンクを表示する際にブログ記事セクションではなくリストテキスト型で表示する設定例

用途

  • ブログ管理・編集

実装方法

  • LIQUID
  • HTML/CSS
詳細を表示する

見た目がリッチなブログ記事セクションではなく、シンプルなリスト表示で掲載したいことがあります。
特にお知らせなどは、余計な装飾のないリスト表示の方が読みやすく効果的です。

◆実装のメリット
・シンプルで読みやすい記事一覧を実現できます
・ページの表示速度改善が期待できます

◆具体的な手順
・Dawn/Riseテーマのトップページテンプレートに「カスタムLiquidセクション」を追加

◆補足
コードの内容を調整することで記事タイトルやリンクのスタイル調整、表示件数の設定など、必要に応じてカスタマイズが可能です。


テーマ「Dawn/Rise」で最新ブログ記事リンクを表示する際にブログ記事セクションではなくリストテキスト型で表示する設定例


【設定方法(テーマRise/Dawnの場合)】トップページテンプレートにカスタマイズされたLiquidブロックを追加してコードを挿入


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

トップページテンプレートにカスタマイズされたLiquidブロックを追加してコードを挿入

関連ポスト

その他のHTML/CSSに関するTIPS