[Shopify]ブログテンプレート★新着デザイン

[Shopify]ブログテンプレート★新着デザイン

こんにちは。今日はShopifyのブログテンプレートをご紹介!

Shopifyのブログのデフォルトのデザインは非常にシンプル。見出しにH2を指定したり、引用指定したりしても、強調されてるのかどうかが見辛いですよね。

↓Debutテーマの場合だとデフォルトはこんな感じ↓

shopifyブログテンプレート

 

もっと、スタイリッシュなデザインや、可愛くしたい!ということで、Shopifyのブログテンプレートをご用意しました。今回は第一弾、こちらのデザインをご提供。

 

今回のShopifyブログテンプレートデザイン

 

figmaでご確認いただけます 

スタイリッシュな見出し

 

shopify blog template

対象箇所は・・・

  1. 見出し「2」~「4」
  2. 引用
  3. 箇条書きリスト
  4. 番号付リスト

選択した際にオシャレな見出しや枠が表示されるようになります。

 

さらにカラーの変更が可能

ショップのイメージに合わせたカラーに変更いただけます。

手順はこちら

 

①管理画面>オンラインストア>ブログ記事で記事を作成する。

②管理画面>オンラインストア>テーマ>カスタマイズ

 

③カスタマイズ画面>上部の「ブログ記事のページ」を選択

④各種カラーを選択し保存

 

ブログテンプレート設置方法

コード編集画面を使用しますが、コーディングが分からなくても問題ありません。コピペで利用できるように作成していますのでご安心ください。

 

Step①

▼管理画面>オンラインストア>テーマ>アクション>コードを編集する

 

Step②

1)article-template を検索

2)article-template.liquidファイルをダブルクリック

Step③

1)ダウンロードしたテンプレートコードを全てコピー

 2) article-template.liquidフォルダ内を全て削除し、「1」のテキストファイル内のコードを貼り付け。(全て置き換える)

 

 

★最後に右上の保存を押せば完了です。

 

 →販売ページはこちら