✅ Katteni Makerツールについては（まずここ）📦✨
Katteni Maker（Kattene補助ツール）については以下から記事をごらんください（内部リンク）👇😊
Katteneのショートコード（JSON）編集、毎回手でやると地味に時間が溶けますよね😇💦
Katteni Makerを使うと、画面入力→自動プレビュー→ワンクリックコピーまで一気に終わります🖥️📋✨
この記事では、Katteni Makerの使い方を解説します✅😊
Katteni Maker📦🔍
内部リンクから利用ください😊
👉Katteni Maker（WEBサービス）
Katteni Makerを使う前にチェックすること✅🧩
- ✅ JavaScriptを有効化してください（無効だと生成・プレビュー・ボタン操作が動きません）
- ✅ 広告ブロッカー／スクリプトブロッカー（uBlock等）で表示やプレビューが止まる場合があります（必要なら一時停止）
- ✅ ポップアップ・外部リンクのブロック設定で、リンク遷移テストができないことがあります
- ✅ 対応ブラウザ推奨：Chrome / Edge（最新版）（古いブラウザは挙動が崩れる可能性あり）
- ✅ 入力したURLは必ず一度クリックして遷移確認（コピペミス防止）
- ✅ 開発初期のため軽微なバグの可能性あり⚠️（不具合時は再読み込みで改善することがあります）
画面の見方（何を入力する？）🖥️✨
Katteniの画面は、大きく2エリアに分かれています👇😊
上側：基本情報🧩
- 画像URL（image） 🖼️
- タイトル（title） 📝
- 説明（description） 💬
真ん中：リンク一覧（sites）🔗
- color 🎨（ボタンカラー）
- URL 🔗（空なら出力されません🧹）
- label 🏷️（表示名）
- main ⭐（メインボタン：1つだけ✅）
下側：出力プレビュー📋
入力内容が、katteneのJSON形式で表示されます🧷✨
「コピー（クリップボード）」をクリックするとコピーされます📝🎉
下側：kattene 実プレビュー🖼️
商品リンクのURLが入力されると、Katteneの実際の商品リンクが表示されます
基本操作の流れ（最短ルート）🧭✨
1）画像・タイトル・説明を入力🖼️📝💬
空でも動きますが、ここが入ると記事が締まります😊✨
👇自動で反映されます。
2）sitesにURLを貼る🔗
URLが空の行は出力されないので、テンプレ行を残しつつ作業できます🧹✅
👇必要な情報だけ自動で反映されます。
3）必要なら並べ替え（↑↓）⬆️⬇️
「Amazonを一番上」など、導線を整えるとクリック率が安定しやすいです📈✨
4）コピー（クリップボード）📋✅
ボタン1つでコピー完了🎉
WordPressの投稿画面へ貼り付ければ完成です📝✨
main（メインボタン）のルール⭐✅
Katteniでは、mainは必ず1つだけになるように作られています🛡️✨
別の行をmainにすると、他のmainは自動で外れます✅
- ✅ mainが複数にならない
- ✅ “どれがメイン？”問題が起きない
- ✅ 表示の意図がブレない
URLが空の行は出力されません🧹✨
Katteniは「URLが空の行」を自動で除外して出力します✅
そのため…
- テンプレ行を残してOK😊
- 使わないサイトはURLを空にしておけばOK🧹
- 出力がスッキリする✨
入力クリアの挙動（テンプレに戻る）♻️✨
「入力クリア」を押すと…
- 画像URL / タイトル / 説明 → クリア✅
- sites → テンプレート状態に戻る✅
「一度完成させた後に、次の商品用にサクッと作り直す」用途に便利です🚀✨
よくあるトラブルと解決策🧯✨
1）プレビューが崩れる／表示されない👀💦
原因：JavaScriptが無効、広告ブロッカーで停止、KatteneのCSS/JSが読み込めていない など
解決策：
- ブラウザの JavaScriptを有効化✅
- 広告ブロッカー／スクリプトブロッカーを一時OFF✅
- ページを 再読み込み（F5） ✅
2）ボタン（追加・並べ替え・コピー）が反応しない🖱️💦
原因：JavaScript無効／拡張機能が干渉／古いブラウザ
解決策：
- JavaScript有効化✅
- Chrome / Edge 最新版で試す✅
- 拡張機能を一時停止✅
3）コピーできない（クリップボードが動かない）📋💦
原因：ブラウザの権限／https以外／制限設定
解決策：
- クリック後に許可が出たら 許可する✅
- だめなら 手動で選択→コピーでもOK✅
4）リンクを押しても別タブで開かない／飛べない🔗💦
原因：ポップアップブロック／外部リンク制限
解決策：
- ブラウザの ポップアップブロック設定を確認✅
- セキュリティ系拡張の設定を確認✅
5）入力したのに反映が遅い／一部だけ更新される⏳💦
原因：通信遅延／ブラウザ負荷／開発初期の不安定さ
解決策：
- いったん 数秒待つ✅
- 再読み込みして再入力✅
- それでもダメなら不具合報告歓迎💬✨（改善に活かします）
6）環境によって挙動が違う⚠️
原因：ブラウザ・拡張機能・セキュリティ設定の違い
解決策：
- まずは Chrome/Edge最新版で確認✅
- シークレットモードで試す（拡張が切れる）✅
FAQ（よくある質問）❓✨
Q1. WordPress側のタグは変わりますか？🧷
変わりません✅
出力は katteneのJSON形式固定なので、Kattene側の処理に影響しません😊
Q2. 使わないサイト行は消すべき？🧹
消さなくてOKです😊
URLが空なら出力されないので、テンプレとして残しておけます✅
Q3. mainはどれに付けるのが正解？⭐
基本はAmazonに付けるのがおすすめです🟧✨
ただし記事内容次第で、KindleなどをmainにしてもOKです📚✅（mainは1つだけ）
まとめ：Katteniで“ショートコード作業”が軽くなる🚀✨
KatteneのJSON編集は、慣れていてもミスや時間ロスが起きがちです😇💦
Katteniなら 入力→自動プレビュー→コピー の流れで、記事作成が止まりません📝✨
導線の順番も整えやすくなるので、見た目もクリック率も安定しやすくなります📈😊
「リンク作成が面倒で後回し」になりがちな人ほど、効果を感じやすいはずです🎉✨