エックスサーバーで白樺 CMS をはじめる（画面つき導入ガイド）

1. ブラウザで https://www.xserver.ne.jp/ を開き、「お申し込みはこちら」を押します。
2. はじめての方は、「XServer レンタルサーバー」の「新規お申込み」（①）を押します（Xserver アカウントとサーバーを同時に申し込めます）。
3. プランは「スタンダード」の「選択する」を押し、「選択済み」にします（①）。白樺 CMS はいちばん小さいプランで十分に動きます。
4. 「WordPress クイックスタート」は 利用しない（「WordPressクイックスタートを利用する」にチェックを入れない）ままにします（②）。白樺 CMS は WordPress を使いません。また、これを使うと無料お試しがなくなり、その場で支払いになります。
5. メールアドレス・パスワード・住所などを入力し、届いた確認コードを入力して申し込みを完了します。
6. 「サーバーアカウント設定完了のお知らせ」というメールが届いたら、お試し期間（10 日間）の開始です。このメールは大切に保管します。

本契約にする（料金を払う）

お試し期間中は メールアカウントを作れません（手順 11 で使います）。早めに本契約にしておくと、つまずきません。

1. Xserver アカウント（https://secure.xserver.ne.jp/xapanel/login/xserver/）にログインします。
2. 上のメニューの「料金支払い」を押します。
3. 契約するサーバーにチェックを入れ、「契約期間」を選んで「支払方法を選択する」を押します。
   • 契約期間を 12 か月以上 にすると、手順 2 の「独自ドメイン永久無料特典」が使えます。
4. 「クレジットカード決済」を選んで支払います。
5. あわせて「自動更新設定」でクレジットカードの自動更新を有効にします。更新を忘れてサイトが止まるのを防げます。

1. サーバーパネル（https://secure.xserver.ne.jp/xapanel/login/xserver/server/）にログインします。Xserver アカウントの ID（またはメールアドレス）とパスワードで入れます。
2. メニューの「ドメイン設定」を押します。
3. 「ドメインを追加」を押します（旧パネル: 「ドメイン設定追加」）。
4. 手順 2 で取ったドメイン名を入力します。
5. 次の 2 つは チェックを入れたまま にします。
   • 「無料独自 SSL を利用する」 … https を使えるようにします（手順 5 で確認します）
   • 「X アクセラレータを有効にする」 … 表示が速くなります
6. 「追加する」を押します（旧パネル: 「確認画面へ進む」→ 内容を確かめて「追加する」）。
7. 完了の画面が出たら終わりです。

1. サーバーパネルの「SSL 設定」を押します。
2. 手順 3 で追加したドメインが一覧にあり、SSL 設定が「ON」になっていれば完了です。
3. 一覧にない、または OFF の場合は、ドメインの右側の設定ボタンを押して「ON」にします（旧パネル: ドメインを選んで「変更」→「ON にする」）。
4. 反映まで最大 1 時間ほどかかります。ブラウザで https://あなたのドメイン/ を開き、エラーにならず、アドレス欄に鍵のマークが出れば OK です。

完成形はこうなります。

あなたのドメイン/
  public_html/
    cms/              ← 白樺 CMS（この中身は触らない）
      index.php
      .htaccess
      admin-assets/
      app/
      storage/

方法 A: ファイルマネージャを使う（おすすめ）

1. Xserver アカウントにログインし、トップ下部の「ご契約一覧」→「サーバー」の「ファイル管理」を押します。
2. ファイルマネージャが開きます。手順 3 で追加した ドメイン名のフォルダ → public_html の順に開きます。画面の「現在のパス」が /あなたのドメイン/public_html になっていることを確認します。
3. 「アップロード」を押し、出てきた枠に shirakaba-cms-0.9.0.zip をドラッグして、「アップロード」を押します。
4. アップロードした zip を選び、「展開」を押します。
5. cms というフォルダができたら成功です。zip ファイルは選んで「削除」しておきます。

方法 B: FTP ソフトを使う

FileZilla などの FTP ソフトに慣れている方向けです。

1. 手元のパソコンで zip を展開し、cms フォルダを取り出します。
2. FTP ソフトで、サーバーパネルの「FTP アカウント設定」や「サーバー情報」に書かれた FTP ホスト名・ユーザー名・パスワードを使って接続します。
3. /あなたのドメイン/public_html/ に、cms フォルダを フォルダごと アップロードします。
4. cms の中にある .htaccess（名前が点で始まるファイル）もアップロードされているか確認します。FTP ソフトの設定で「隠しファイルを表示」にしておくと見えます。

ログインする

1. 手順 8 で登録した メールアドレス（①）と パスワード（②）を入れて、「続ける」（③）を押します。右上で画面の言語を切り替えられます。

1. スマホの認証アプリに出ている 6 桁の数字を 認証コード（①）に入れます。6 桁入れると自動で進みます（進まないときは「ログイン」（②）を押します）。

デザインを選ぶ（3 ステップ）

はじめてログインすると、サイトの準備画面が開きます。

1. 業種に近いデザイン（①）を選びます。10 種類あります。選ぶと右側にサンプルが表示されます。
2. 上のタブ（②）で、サンプルのほかのページ（施工事例・会社案内など）も確認できます。
3. 決まったら「このデザインで進む」（③）を押します。

1. 会社のイメージカラーや書体を選べます（①）。迷ったらそのままで大丈夫です。
2. 「このままでOK」（②）を押します。

1. サイト名（①）、キャッチコピー（②、トップページの大きな見出しになります）、電話番号（③、任意）を入れます。
   • デザインを選ぶと、サイト名にサンプルの名前（例:「木の家工房 すみか」）が入ることがあります。あなたの会社名に書き換えてください。
2. 「完了してはじめる」（④）を押します。

1. ダッシュボードに「セットアップが完了しました」（①）と出れば準備完了です。選んだデザインのサンプルページ（文章と写真のひな形）が入っています。

メールアドレスを作る（エックスサーバー）

1. サーバーパネルの「メールアカウント設定」を押します。
2. 「メールアカウントを追加」を押します（旧パネル: 「メールアカウント追加」）。
3. 「登録方式」は「個別」を選びます。
4. アカウント名（@ の前。例: info）、パスワード、容量、メモを入れます。
5. 「追加する」を押します（旧パネル: 「確認画面へ進む」→「追加する」）。
6. 「ドメイン認証」の画面が出たときは、案内に従います。

スマホやパソコンのメールソフトで読むときの設定は、エックスサーバーのマニュアル「メールソフトの設定」を見てください。

お問い合わせの送信先を設定する（白樺 CMS）

1. 白樺 CMS の左のメニューの「サイト設定」を押し、「メール」のタブを開きます。
2. 送信先（①）: お問い合わせを受け取るアドレス（例: info@あなたのドメイン）。複数のときはカンマ（,）で区切ります。
3. 送信元メールアドレス（②）: いま作ったアドレス、または no-reply@あなたのドメイン。あなたのドメインのアドレス にすると、迷惑メール扱いされにくくなります。
4. 送信者名（③）: 会社名など。
5. 送信方法は「サーバーの標準（mail 関数）」（④）のままで、エックスサーバーではそのまま使えます。

1. 画面を下にスクロールし、「メール設定を保存」（⑤）を押します。続けて「テスト送信」（⑥）を押して、送信先にメールが届くか確かめます。

公開したら、次の項目を確認します。

• https://あなたのドメイン/ が開き、アドレス欄に鍵マークが出る
• http://あなたのドメイン/ で開いても https:// に切り替わる（手順 8 の「常時 SSL 化の設定」）
• スマホで開いて、文字が小さすぎない・横にはみ出さない
• サンプルの文章・写真・電話番号・住所が残っていない（すべてのページ）
• お問い合わせフォームから自分あてに送ってみて、届く
• 管理画面の URL をブックマークした。認証アプリを入れたスマホは機種変更の前に移行する
• cron の「最後に実行された日時」が更新されている
• Google Search Console に登録し、サイトマップ（https://あなたのドメイン/sitemap.xml）を送信した
• Google ビジネスプロフィールに、ホームページの URL を登録した
• 名刺・チラシ・SNS のプロフィールの URL を新しいものにした