MoteRakuで会社概要ページを作ろう【URLもきれいに】

TOPページの次に必要になるのが、会社概要（お店紹介・プロフィール）ページです。MoteRakuなら、これもAIに頼んで貼るだけ。URLは https://あなたのサイト/company/ のように、ルート直下のきれいなURLになります。

手順1. AIに会社概要ページを作ってもらう

会社概要ページをHTMLとCSSで作ってください。
・会社名・所在地・設立・代表者・事業内容の表
・会社の沿革（年表形式）
・アクセス（最寄り駅からの案内文）
・一番上に {HEADER}、一番下に {FOOTER} とだけ書いてください
・TOPページと雰囲気を合わせたいので、このCSSを参考にしてください：
（ここにTOPページのCSSを貼る）

最後の1行がコツです。すでにあるページのCSSを渡すと、AIが色やフォントを揃えてくれるので、サイト全体に統一感が出ます。

手順2. 新規ページに貼って、スラッグを決める

MoteRaku → 新規ページ追加 でページを作り、コードを貼り付けます。右サイドバーの「スラッグ」を company にすれば、URLは /company/ になります。

手順3. メニューに追加する

外観 → メニュー を開き、ヘッダー用メニューに「会社概要」を追加します。共通ヘッダーに {MENU} を使っていれば、これだけで全ページのナビに反映されます。

ワンポイント: 表は後から自分でも直せる

会社概要は住所や代表者名など、あとから変わる情報が多いページです。HTML欄の表の中身は日本語がそのまま書かれているので、変わった部分の文字を書き換えるだけなら、AIに頼まなくても自分で直せます。「コードは書けなくても、読んで直すだけならできる」——このページはその練習にもぴったりです。

ここまでで「ヘッダー・フッター」「TOP」「会社概要」が揃いました。お問い合わせフォームは MoteRaku → フォーム設定 から、投稿一覧ページは 表示設定のコードサンプル から作れます。あわせて使い方ガイドもどうぞ。