🌟 ブロガー・アフィリエイター歓喜 🌟
カード型 比較表ジェネレーター
行（比較項目）と列（商品）を追加し、サクサク入力するだけで
スマホ対応（横スクロール）の美しい比較表HTML/CSSが完成します。
比較する商品（列）
3件比較項目（行）
4件📊 データ入力グリッド
自動保存中... ●
💡 入力のヒント：
- 「商品追加」で列が増え、「項目追加」で行が増えます。
- 左メニューで商品名や項目名を変更すると、右のグリッドにも即時反映されます。
- 記号（◎、◯、△、✕）やスター（★★★★★）を入れると表が華やかになります。
- 入力データはブラウザに自動保存されます。
実際の表示プレビュー
WordPress等のブログに貼り付けた際のイメージです。
※PCでは全体表示、スマホでは横スクロールになります。
HTML CODE (カスタムHTMLブロック用)
CSS CODE (追加CSS用)
WordPressでの使い方
1. COPY HTML を押し、記事投稿画面の「カスタムHTML」ブロックに貼り付けます。
2. COPY CSS を押し、テーマの「追加CSS」または記事内のカスタムCSS欄に一度だけ貼り付けます。（複数回使う場合でもCSSは1回でOKです）