PageDrop LP 作成キット

AI に LP を作らせるための一式です。このキットは無料でお使いいただけます。

作った HTML を WordPress で公開するには、PageDrop というプラグインが
別途必要です（有料）。HTML を作るところまでは、これだけで完結します。


■ 中身

  公開のための決まり.md    公開したときに壊れないための決まり
  共通の質問.md            作る前に AI が聞くこと
  この案内

  このほかに「デザイン集」を配っています。そちらに、見た目を決める
  ファイルが入っています。2 つとも取ってからお使いください。

    PageDrop デザイン集
      デザイン/      どんな見た目にするか（8 種類）
      レイアウト/    どこに何を置くか（2 種類）

  中身が変わるのはデザイン集のほうです。新しいデザインが出たときは、
  そちらだけ取り直してください。このキットはそのまま使えます。


■ 手順

1. ChatGPT を開きます。無料のままで構いません。

2. 次の 4 つを、まとめて渡します。
   アップロードしても、中身をコピーして貼り付けても構いません。

     公開のための決まり.md
     共通の質問.md
     デザイン/デザイン_ ○○.md      8 種類から 1 つ
     レイアウト/レイアウト_ ○○.md   2 種類から 1 つ

   4 つとも必要です。決まりが無いと、公開したときに壊れることがあります。
   質問が無いと、何を作ればよいか決まりません。デザインが無いと見た目が
   決まらず、レイアウトが無いとスマートフォンでの見え方が決まりません。

3. いくつか質問されるので、答えます。
   何のページか、誰に向けたものか、といったことです。

   選択肢が出るので、番号や言葉を並べるだけで構いません。
   分からないものは「おまかせ」で構いません。

   最初に作りたいものを説明していれば、そのぶんは聞かれません。
   多く書いておくほど、質問は減ります。

4. HTML が返ってきます。

5. 気になるところは、そのまま伝えて直してもらいます。
   何度でも直せます。専門の言葉は要りません。

     もっと高級感がほしい
     ここは横に流れる形にしたい
     いちばん上をもっと大胆に
     このサイトみたいな雰囲気にしたい
     もっと動かしたい
     スマートフォンでは順番を変えたい
     パソコンではここを横に並べたい

   どう作るかは、渡した決まりの中で AI が考えます。

6. できあがったら、index.html という名前で保存します。
   文字コードは UTF-8 にしてください。

7. index.html を ZIP にします。
   Windows: 右クリック →「送る」→「圧縮 (zip 形式) フォルダー」
   Mac:     右クリック →「"index.html" を圧縮」

8. WordPress に PageDrop を入れて、その ZIP を上げます。
   URL を決めれば、その場で公開されます。
   （PageDrop は有料のプラグインです。詳しくは下をご覧ください）


■ デザインとレイアウトの選びかた

デザイン集のほうに「デザイン集について.txt」が入っています。
どれがどんな見た目かは、そちらをご覧ください。

迷ったら、インパクト × スタンダードから試してください。


■ PageDrop について

作った HTML を、お使いの WordPress のドメインで公開するプラグインです。
FTP もサーバーの知識も要りません。管理画面から ZIP を上げるだけです。

  https://kokodake.net/pagedrop/


■ うまくいかないとき

思ったデザインと違う場合は、そのまま AI に伝えてください。
「もっと余白を広く」「見出しを大きく」のように、ひとつずつ頼むほうが
直りやすいです。

ZIP を上げたときに断られた場合は、出たメッセージをそのまま AI に
貼ってください。何を直せばよいか分かるように書いてあります。


■ このキットについて

  作成: KOKODAKE
  https://kokodake.net/
