![見出し画像](https://assets.st-note.com/production/uploads/images/94612216/rectangle_large_type_2_cdbe0bff9f3b9be4d3bf8d9b59058b13.png?width=1200)
[Shopify]ブログ記事のテンプレート第4弾♪(Dawn)
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。
Shopifyのブログ記事のテンプレート第4弾です。
今回はシンプルにツールバーのみをアレンジ。
対象テーマ:Dawn
✔️今回のテンプレート
デモページ:
①アクセス(PW:stahsk40jw1Mf)
②ここのブログにテンプレート4を使用しています
![](https://assets.st-note.com/img/1672541955401-RKErMD1sZI.png?width=1200)
![](https://assets.st-note.com/img/1672541967223-RAfErTN1TF.png?width=1200)
![](https://assets.st-note.com/img/1672542004132-vqRKZhbfTH.png?width=1200)
![](https://assets.st-note.com/img/1672542008660-Jj8oXciDMm.png?width=1200)
![](https://assets.st-note.com/img/1672542012913-BQUsHP4Que.png?width=1200)
![](https://assets.st-note.com/img/1672542017480-hQrNLHU06J.png?width=1200)
文字のカラーはツールバーから変更してください。
各見出しの枠線や背景カラーは共通で設定するようにしているのでCMSから設定してね。
テンプレート4は次のページ &前のページボタンも表示しています^^
◆CMSの特徴
枠線や背景カラーのみ変更できます。
![](https://assets.st-note.com/img/1672542141759-ySogw4w983.png?width=1200)
![](https://assets.st-note.com/img/1672542264282-BxEjUa11TI.png?width=1200)
![](https://assets.st-note.com/img/1672542206474-rjVFs4s0jd.png?width=1200)
✔️設置手順
Step1 新規セクション追加
管理画面>テーマ>コード編集>セクション>新規追加
ファイル名:main-article-template4
下記をコピペ。
【ご注意】
※返金&サポートはしておりません。
※最新のDawnテーマ対象です。
※コードのみのご紹介で解説などはしておりません。
※2023.1.1時点のコードです。メンテナンスは今後する予定はありません。
※環境やバージョンによりレイアウト崩れることもありますので適当にCSSで調整していただければと思います。
ここから先は
24,347字
/
2画像
この記事のみ
¥
3,800
この記事が気に入ったらサポートをしてみませんか?