商品情報にスキップ
1 3

見出しセクション — 36種類のデザインから選べる万能見出し

見出しセクション — 36種類のデザインから選べる万能見出し

通常価格 0
通常価格 セール価格 0
セール 売り切れ
(税込)

見出しひとつで、ストアの印象は変わる。

「なんだか素人っぽい」「テンプレート感が抜けない」──その原因、見出しのデザインかもしれません。
商品カテゴリやブランドの世界観に合わせて見出しのデザインを選ぶだけで、ページ全体にプロが手がけたような統一感と洗練さが生まれます。

このセクションは、左線・下線・リボン・吹き出し・タグ・背景テキストなど全36種類のデザインをセレクトひとつで切り替え可能。
色・太さ・サイズ・配置・余白はテーマエディタから自由にカスタマイズでき、PC・モバイルそれぞれに最適なフォントサイズを設定できるので、どのデバイスでも美しい表示を実現します。
アプリ不要・無料で、テーマに直接組み込むだけ。すぐにストアの見た目をワンランク上げられます。

主な機能・特徴

🎨 36種類の見出しデザインを自由に切り替え

シンプルな線系から装飾的な枠・背景系まで、あらゆるページに馴染む豊富なバリエーション。
セレクトボックスから選ぶだけで、HTMLやCSSを触らずにデザインを切り替えられます。

  • 線系(11種類):左線/左線&背景色/左線&背景色(立体的)/左線&背景色(内側)/下線/文字数に応じた下線/下線(点線/破線/二重線/小)/両端に線/左右に斜線
  • 枠・吹き出し系(8種類):鉤括弧/鉤括弧(大)/吹き出し風/吹き出し風(下線のみ)/立体的/カラフルなシャドウ/四角形の装飾/タグ風
  • リボン・旗・付箋系(6種類):リボン風/背景に回り込むリボン風/旗風/テープ風/付箋風(単色)/付箋風(先端色)
  • 数字・ラベル系(4種類):番号/数字の背景/大きいラベル/1文字目だけ大きめ
  • 背景・装飾系(7種類):文字の背景/円の背景/ストライプ背景/チェック柄/映画フィルム風/下に反射する文字

🖌️ 細やかな共通設定

  • 見出しテキスト:テキスト / フォントサイズ(PC・モバイル別)/ 太さ / 色
  • 横幅・配置:自動 / 横幅いっぱい / テキストに合わせる × 左寄せ / 中央 / 右寄せ
  • デザイン個別設定:各デザインに合わせた色・太さ・装飾パラメータ
  • セクション全体:背景色 / 最大幅 / 余白(PC・モバイル別に上下左右)

📱 PC / モバイル別のレスポンシブ設定

フォントサイズと余白(上下左右)をPC・モバイルそれぞれ個別に設定可能。
デバイスごとに最適な表示を実現します。

⚙️ すべて日本語・ノーコードで操作可能

テーマエディタの設定画面はすべて日本語。HTMLやCSSの知識は一切不要で、直感的に操作できます。

🎁 このセクションが無料の理由

Copilifyのコード品質・設定画面の使いやすさを、まず体験していただくために無料公開しています。
有料セクションもすべて同じ作り・同じ導入手順です。36種類の見出しデザインで「これが無料なら」と感じていただけたら、ぜひ他のセクションもご覧ください。

🔧 開発・検証について

Copilifyのセクションは、Shopify Plusパートナー企業に所属する現役エンジニアが開発しています。
月商5,000万円超のECサイト構築を手がける実案件と同じ基準で、コードの品質・表示速度・テーマエディタの使いやすさまで検証済みです。

  • Shopify標準のLiquid・CSS・JavaScriptのみで構築し、特定テーマの専用機能に依存しない設計。Online Store 2.0対応テーマであれば基本的にご利用いただけます
  • 開発・表示確認はDawn系テーマで実施。世の中すべてのテーマでの検証はできているわけではないため、ご不安な場合はご購入前にテーマ名を添えてお問い合わせください
  • 設定画面はすべて日本語ラベル、導入手順は動画付きガイドでご案内
  • 導入でつまずいた場合は無料サポートで解決まで対応

※ 本セクションのデザインは CSS Stock(pote-chil.com) を参考に作成しています。

レビュー

レビュー投稿で [10%OFF] クーポンをプレゼント

使ってみた感想を投稿いただいた方に、有料セクションで使える割引クーポンをメールでお送りします。

詳細を表示する

導入手順

導入に必要な操作

動画を見ながら順番に操作してください。

セクション名をコピー
コードを直接見る
コードをコピー
閉じる
                  コードを読み込んでいます…
                

よくある質問

Q どのテーマでも使えますか?
A

セクション機能を持つ Online Store 2.0 対応テーマ(Dawn をはじめとする現行の公式テーマ・主要有料テーマ)でご利用いただけます。開発は Dawn 系テーマで検証しています。
お使いのテーマで動作するかご不安な場合は、テーマ名を添えてお気軽にお問い合わせください。

Q コードの知識は必要ですか?
A

ご安心ください、コードの知識は一切不要です。ファイルをアップロードして、テーマエディタで操作するだけで導入できます。CSSやLiquidを触る必要はありませんので、はじめての方でも安心してお使いいただけます。

Q 複数のストアで使えますか?
A

はい、もちろんです。複数のストアでご利用いただけます。
また、構築代行をされている方は、クライアント様のストアにもお使いいただけますので、案件ごとにご活用ください。

Q セクションが改善された場合、新しいファイルを受け取れますか?
A

はい。商品ページのダウンロードは常に最新版のファイルをご提供しています。
機能改善や不具合修正があった場合も、追加費用なしで再ダウンロードいただけます。

Q 導入後にサポートは受けられますか?
A

はい、もちろんです。日本語での導入サポートをご用意しており、動画付きのガイドもございます。
「自分で操作するのはちょっと不安…」という方には、導入作業を代行させていただくことも可能ですので、どうぞお気軽にご相談ください。

Q テーマをアップデートしても使えますか?
A

はい、基本的にそのままお使いいただけます。万が一うまくいかない場合も、サポートでお手伝いしますのでご安心ください。

Q ファイルを他の人に渡したり、再販できますか?
A

ご自身が運営するストア、および構築代行先のクライアント様のストアでは自由にお使いいただけます(ストア数の制限なし)。
ファイルそのものの配布・転売・共有はご遠慮ください。