📖 使い方ガイド
最短10分、4ステップ。
MoteRakuのはじめ方を、順番にご案内します。
STEP 1
カツプロに無料会員登録する
MoteRakuのご利用には、カツプロ（無料）の会員登録が必要です。メールアドレスだけで登録でき、料金はかかりません。カツプロはWeb制作・WordPress・AIを学べるコミュニティで、MoteRakuに関する質問も掲示板でできます。
STEP 2
プラグインをインストールして有効化する
下のボタンからZIPファイルをダウンロードし、WordPress管理画面の「プラグイン → 新規追加 → プラグインのアップロード」からインストールして、有効化してください。
※ お使いのテーマ（SWELL・Cocoonなど）を変える必要はありません。
STEP 3
「MoteRakuページ」を作って、AIのコードを貼る
管理画面の左メニューに「MoteRaku」が増えています。「新規追加」でページを作ると、貼り付け用のブロックが最初から置かれています。
ChatGPTなどのAIにこう頼んでみてください：
あなたはWebデザイナーです。カフェのおしゃれなトップページを、HTMLとCSSを分けて作ってください。ヘッダーメニューの場所には とだけ書いてください。ハンバーガーメニューはJavaScriptを使わず、CSSだけで実装してください。
出てきた HTMLをHTML欄に、CSSをCSS欄に貼り付けるだけ。プレビューで見た目をすぐ確認できます（スマホ幅の確認もできます）。
STEP 4
反映先を選んで公開する
編集画面の右サイドバー「MoteRaku 反映先」で、このデザインをどこに使うかをチェックするだけ。
- サイトのフロントページに使う
- 投稿一覧・カテゴリー・検索の一覧に使う
- 共通ヘッダー / 共通フッターに使う（記事ページにも差し込めます）
メニューの中身は「外観 → メニュー」でいつでも増減できます。記事はこれまで通り、お使いのテーマのブロックエディタでどうぞ。