{"product_id":"heading-bg-text","title":"見出しセクション — 36種類のデザインから選べる万能見出し","description":"\u003c!-- リード文（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e見出しひとつで、ストアの印象は変わる。\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\n  「なんだか素人っぽい」「テンプレート感が抜けない」──その原因、見出しのデザインかもしれません。\u003cbr\u003e\n  商品カテゴリやブランドの世界観に合わせて見出しのデザインを選ぶだけで、ページ全体にプロが手がけたような統一感と洗練さが生まれます。\n\u003c\/p\u003e\n\u003cp\u003e\n  このセクションは、\u003cstrong\u003e左線・下線・リボン・吹き出し・タグ・背景テキストなど全36種類のデザイン\u003c\/strong\u003eをセレクトひとつで切り替え可能。\u003cbr\u003e\n  色・太さ・サイズ・配置・余白はテーマエディタから自由にカスタマイズでき、PC・モバイルそれぞれに最適なフォントサイズを設定できるので、どのデバイスでも美しい表示を実現します。\u003cbr\u003e\n  \u003cstrong\u003eアプリ不要・無料\u003c\/strong\u003eで、テーマに直接組み込むだけ。すぐにストアの見た目をワンランク上げられます。\n\u003c\/p\u003e\n\n\u003c!-- 主な機能・特徴（HTML） --\u003e\n\u003ch2\u003e\u003cstrong\u003e主な機能・特徴\u003c\/strong\u003e\u003c\/h2\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🎨 36種類の見出しデザインを自由に切り替え\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  シンプルな線系から装飾的な枠・背景系まで、あらゆるページに馴染む豊富なバリエーション。\u003cbr\u003e\n  セレクトボックスから選ぶだけで、HTMLやCSSを触らずにデザインを切り替えられます。\n\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003e線系（11種類）\u003c\/strong\u003e：左線／左線＆背景色／左線＆背景色（立体的）／左線＆背景色（内側）／下線／文字数に応じた下線／下線（点線／破線／二重線／小）／両端に線／左右に斜線\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003e枠・吹き出し系（8種類）\u003c\/strong\u003e：鉤括弧／鉤括弧（大）／吹き出し風／吹き出し風（下線のみ）／立体的／カラフルなシャドウ／四角形の装飾／タグ風\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eリボン・旗・付箋系（6種類）\u003c\/strong\u003e：リボン風／背景に回り込むリボン風／旗風／テープ風／付箋風（単色）／付箋風（先端色）\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003e数字・ラベル系（4種類）\u003c\/strong\u003e：番号／数字の背景／大きいラベル／1文字目だけ大きめ\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003e背景・装飾系（7種類）\u003c\/strong\u003e：文字の背景／円の背景／ストライプ背景／チェック柄／映画フィルム風／下に反射する文字\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e🖌️ 細やかな共通設定\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e見出しテキスト：テキスト \/ フォントサイズ（PC・モバイル別）\/ 太さ \/ 色\u003c\/li\u003e\n  \u003cli\u003e横幅・配置：自動 \/ 横幅いっぱい \/ テキストに合わせる × 左寄せ \/ 中央 \/ 右寄せ\u003c\/li\u003e\n  \u003cli\u003eデザイン個別設定：各デザインに合わせた色・太さ・装飾パラメータ\u003c\/li\u003e\n  \u003cli\u003eセクション全体：背景色 \/ 最大幅 \/ 余白（PC・モバイル別に上下左右）\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e📱 PC \/ モバイル別のレスポンシブ設定\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  フォントサイズと余白（上下左右）をPC・モバイルそれぞれ個別に設定可能。\u003cbr\u003e\n  デバイスごとに最適な表示を実現します。\n\u003c\/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e⚙️ すべて日本語・ノーコードで操作可能\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003e\n  テーマエディタの設定画面はすべて\u003cstrong\u003e日本語\u003c\/strong\u003e。HTMLやCSSの知識は一切不要で、直感的に操作できます。\n\u003c\/p\u003e\n\n\u003ch2\u003e\u003cstrong\u003e🎁 このセクションが無料の理由\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\n  Copilifyのコード品質・設定画面の使いやすさを、まず体験していただくために無料公開しています。\u003cbr\u003e\n  有料セクションもすべて同じ作り・同じ導入手順です。36種類の見出しデザインで「これが無料なら」と感じていただけたら、ぜひ他のセクションもご覧ください。\n\u003c\/p\u003e\n\n\u003ch2\u003e\u003cstrong\u003e🔧 開発・検証について\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003e\n  Copilifyのセクションは、Shopify Plusパートナー企業に所属する現役エンジニアが開発しています。\u003cbr\u003e\n  月商5,000万円超のECサイト構築を手がける実案件と同じ基準で、コードの品質・表示速度・テーマエディタの使いやすさまで検証済みです。\n\u003c\/p\u003e\n\u003cul\u003e\n  \u003cli\u003eShopify標準のLiquid・CSS・JavaScriptのみで構築し、特定テーマの専用機能に依存しない設計。Online Store 2.0対応テーマであれば基本的にご利用いただけます\u003c\/li\u003e\n  \u003cli\u003e開発・表示確認はDawn系テーマで実施。世の中すべてのテーマでの検証はできているわけではないため、ご不安な場合はご購入前にテーマ名を添えてお問い合わせください\u003c\/li\u003e\n  \u003cli\u003e設定画面はすべて日本語ラベル、導入手順は動画付きガイドでご案内\u003c\/li\u003e\n  \u003cli\u003e導入でつまずいた場合は無料サポートで解決まで対応\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp style=\"font-size: 0.85em; color: #666; margin-top: 2em;\"\u003e\n  ※ 本セクションのデザインは \u003ca href=\"https:\/\/pote-chil.com\/css-stock\/ja\" target=\"_blank\" rel=\"noopener\"\u003eCSS Stock（pote-chil.com）\u003c\/a\u003e を参考に作成しています。\n\u003c\/p\u003e\n","brand":"Copilify","offers":[{"title":"Default Title","offer_id":50263025418523,"sku":"","price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0882\/3678\/5947\/files\/1_041ecbab-d80d-4d0a-8858-cfcbdff851b7.jpg?v=1776604024","url":"https:\/\/copilify.com\/products\/heading-bg-text","provider":"Copilify","version":"1.0","type":"link"}