Shopify ブログテンプレート

本

Shopifyのブログテンプレート集です。できるだけコピペで簡単に使えるようにをコンセプトにHTMLテンプレートコードを提供しています。たまにCSSおかしい時はご自身で修正して下… もっと読む

運営しているクリエイター: まりん | Shopifyフロントエンジニア+SNSマーケティング

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

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

3,800

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

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

4,900

[Shopify]ブログ記事のテンプレート第4弾♪（Dawn）

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Shopifyのブログ記事のテンプレート第４弾です。今回はシンプルにツールバーのみをアレンジ。 ✔️今回のテンプレートデモページ： ①アクセス（PW:stahsk40jw1Mf） ②ここのブログにテンプレート４を使用しています文字のカラーはツールバーから変更してください。各見出しの枠線や背景カラーは共通で設定するようにしているのでCMSから設定してね。テンプレート４は次のページ

3,800

[Shopify]ブログ一覧のテンプレート#1（Dawn）

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。今日はブログ一覧のテンプレートのご紹介です。 PCは2カラムで左側に記事一覧、右側は上がバナーで下におすすめ記事が表示されます。SPは記事一覧の下にバナーとピックアップした記事が一列で表示されます。右上バナーとおすすめ記事はメタフィールドを使用します。今回のメタフィールドは以前ご紹介したページとブログをコラボしたバージョンとTrue/False を使用しています。おすすめ記事のタイ

3,800

[Shopify]ブログ記事のテンプレート第３弾♪（Dawn）

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Shopifyブログ記事のツールバーの機能を使ってレイアウト変更できないかなぁと思って作ってみました♪ これならHTMLそんなに触らないし簡単。 ✔️今回のテンプレートデモページ（PW:stahsk40jw1Mf）ヘッダー＞テンプレート＞ブログ＞Template３ ✔️使い方 ✔️CMSの特徴目次とテーマカラーのみ選択できます。 ◆見出しのキーカラーを選択 ◆目次のタイトルテキ

3,800

[Shopify]コピペで簡単♪特集記事のテンプレート１◆ブログをカスタマイズ

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。特集記事のテンプレートを作成してみました♪ 特集はブログ記事を使って作成します♪ HTMLのテンプレートコードでお好きなレイアウトでブログをカスタマイズしてみて下さいね＾＾ Debutでも使えたので多分どのテーマでも使えると思います。一度No.1のコードでお試しください。 ✔️今回のテンプレートデモページ PW:stahsk40jw1Mf ◆PC版 ◆モバイル ✔️テンプレー

3,800