マガジンのカバー画像

Shopify ブログテンプレート

8
本
Shopifyのブログテンプレート集です。できるだけコピペで簡単に使えるようにをコンセプトにHTMLテンプレートコードを提供しています。たまにCSSおかしい時はご自身で修正して下…
運営しているクリエイター
まりん | Shopifyフロントエンジニア+SNSマーケティング

#IT

[Shopify]ブログ記事のテンプレート第５弾♪

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Shopifyのブログ記事のテンプレート第５弾です。 今回はシンプルにツールバーのみをアレンジ。 カスタマイズ画面でカラーを調整できるのでサイトのトーンに合わせて使ってください＾＾テーブルもスマホだとスクロールできるようにしてみました。その他のサムネ画像や本文内の画像などのレイアウトは既存機能のままです。 ✔️今回のテンプレートデモページ 下記のツール対象です。 💡テーブルは横に広げ

3,800
まりん | Shopi…

[Shopify]ブログ「一覧」のテンプレート#3 メインビジュアルはメタオブジェクトと連携すると◎

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 ブログ一覧のオリジナルレイアウト。メインビジュアルの部分はメタオブジェクトと連携して使えるようにしてみました。 ✔️今回のテンプレートAll Postの記事一覧の上にメインビジュアルと新着記事を挿入してみました！記事一覧は元々のレイアウトですが、抜粋のテキスト非表示にしてタイトル、日付、タグが表示されるようにしています。 ＝＝＝＝ パソコン ＝＝＝＝ ＝＝＝＝ スマホ ＝＝＝＝ 全て

3,800
まりん | Shopi…

[Shopify]ブログ「一覧」のテンプレート#2　メタフィールドで設定（Dawn）

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日はブログ一覧のテンプレートのご紹介です。 カテゴリ内での新着記事６個とView Moreをクリックするとページ内のアーカイブエリアにスクロールされます。アーカイブエリアの記事はカテゴリの記事全て表示されます。 いつもはテーマのレイアウトの固定部分はセクションを使いますが、今回はブログのメタフィールドのJSONを使って作成してます！ ✔️今回のテンプレート＝＝＝＝＝＝＝＝ パソコン

4,900
まりん | Shopi…