Shopifyの複数のブログのデザインを出し分ける方法

Shopifyは「ブログ」機能を標準で搭載しています。

一般的な新着情報とか、コラムとか、ECサイトによって様々な活用方法があります。

SEOの観点でもぜひとも活用してほしい機能の一つです。

ブログは１つのテンプレートしか存在しない！？

中規模以上のECサイトとなると、ブログ自体を複数持って、

• 店長ブログ
• スタッフブログ
• コーディネイト
• 新着情報
• コラム

などの内容ごとにブログ機能を分けたい場合があると思います。（まぁここまで沢山の種類を同時に持つことは無いとは思いますけどねｗ）

ですが、Shopifyのテーマは有料・無料問わず、「ブログ」というテンプレートとして１種類のデザイン／見え方しか定義されていません。

上記の例で言えば、

「コーディネイト」と「コラム」などは、おそらく見せ方自体が異なることになり、ブログごとにデザインを出し分ける必要性があると思います。

今回、その方法をご説明します。

まずは、ブログを複数作ろう

なにはともあれ、まずは複数のブログを作成するところから始めましょうか。

今回は、

サイトの更新情報を記入する「新着情報」と、ユーザにお役立ちノウハウを提供する「コラム」を実装します。

手順

LIQUIDでの実装

では本番のLIQUIDの実装を行います。

今回は、Shopifyのデフォルトテーマである「Debut」をデフォルトの状態からカスタマイズしていく方法でご説明しますが、どんなテーマでも同じ考え方で実装可能です。