この実装、面倒なら代行します
前回は、ブログのアーカイブページ(一覧ページ)の処理をブログカテゴリごとに変えることについて解説しましたが、今回は、トップページのそれについて説明します。
トップページのブログ最新記事表示処理は sections/featured-blog.liquid で制御されているので、このファイルをカスタマイズします。
振り分けの条件は、前回は「カテゴリ名」を条件に振り分けましたが、今回はセクションIDで振り分けてみます。
Shopifyではセクションごとに一意のIDを持っているので、そのIDを利用しようというわけです。
(カテゴリ名で振り分ける場合は、「section.settings.title」がカテゴリ名になるのでそれを条件にすればOKです)
<ul> {% if section.id == 'XXXXXXXXXXXXX' %} {% for article in blog.articles limit: section.settings.post_limit %} <li>・・・</li> {% endfor %} {% elsif section.id == 'XXXXXXXXXXXXX' %} {% for article in blog.articles limit: section.settings.post_limit %} <li>・・・</li> {% endfor %} {% else %} {% for article in blog.articles limit: section.settings.post_limit %} <li>・・・</li> {% endfor %} {% endif %} </ul>
for文の回す回数を制限したければ、「limit:」を使えばできます。
上の記述では「limit: section.settings.post_limit」として、管理画面の設定に基づくようにしていますが、件数指定にする場合は、「section.settings.post_limit」を数字にしてしまえば良いです。
あと、elseifはLiquidでは「elsif」になります。気を付けましょう。
WordPressカスタマイズ事例やウェブ制作ノウハウの新着情報、お役立ち情報を
リアルタイムにメルマガ配信!
100ウェブで手がけた制作・開発案件を一部、ご紹介。
クライアントからご相談いただいた内容とその実装におけるポイント、工期、予算について確認いただけます。
【テレワーク実施中 につきお電話転送中】
コール中1秒程度無音状態になりますがそのままお待ちください。
受付時間
平日 10:00~18:00
メールでのお問い合わせでも
1営業日以内にご連絡いたします。