お名前.com レンタルサーバーへのWebサイト設置 手順書

ご納品いたしましたファイルを使って、お名前.com レンタルサーバーへサイトを公開する手順をご案内します。
画像のとおりに進めれば、初めての方でも約40分で完了します。

📋 全体の流れ

  1. 事前準備:ファイルとログイン情報を用意する
  2. 準備:お名前.com Naviにログインする 動画①
  3. STEP 1:WordPressをインストールする
  4. STEP 2:テーマを入れる 動画②
  5. STEP 3:必要な機能(プラグイン)を追加する
  6. STEP 4:サイトの中身(投稿・ページ)を入れる
  7. STEP 5:サイトのアドレスと管理者パスワードを設定する
  8. STEP 6:画像ファイルを入れる 動画③
  9. STEP 7:完成を確認する
  10. うまくいかないときは

動画① = 準備〜STEP 1 / 動画② = STEP 2〜STEP 5 / 動画③ = STEP 6


事前準備 ファイルとログイン情報を用意する

1. お手元にあるファイル

ChronoLabからお渡ししたフォルダの中身です。これらすべてが揃っていることをご確認ください。

名前用途
database.sqlサイトの記事・ページの情報。STEP 4 で phpMyAdmin にインポート
update_site.sqlサイトURL・管理者情報を書き換えるSQL。STEP 5 で 手順書のダウンロードボタンから取得して使う(手順書からドメインを入れて生成するので、納品ファイルには入っていません)
〇〇.zip(テーマ/例:orangearrow.zipサイトの見た目(デザイン)。STEP 2 でそのままアップロード
uploads.zipサイトに使われている写真や画像。STEP 6 でそのままアップロード
ログイン情報.txt納品時のユーザー名や仮パスワードのメモ

※ zipファイルはそのまま使います。展開・解凍したり、ダブルクリックして開いたりする必要はありません。

2. お名前.comから届いているメールを開いておく

お名前.com申し込み完了時に届いたメールに、ログイン情報が書かれています。以下を使うので、すぐ見られる状態にしておいてください。


準備 お名前.com Naviにログインする

動画①ここから動画①の範囲です(お名前.com Naviログイン → コントロールパネル → WordPressインストールまで)
  1. ブラウザで以下のURLを開く
    https://navi.onamae.com/login
  2. ログイン情報を入力
    • お名前ID(数字8桁)
    • ログインパスワード
  3. ログイン をクリック
  4. 2段階認証が求められた場合は、SMSや認証アプリに届いたコードを入力して進む
お名前.com Naviログイン画面

ログインすると、管理画面(Navi)のTOPページが表示されます。

  1. 左サイドバーから 「レンタルサーバー」 をクリック
  2. ご利用中のサーバーが一覧に表示されるので、該当サーバーの行にある ログイン をクリック
  3. 新しいタブでコントロールパネルが開く
Navi TOPページ レンタルサーバー一覧(ログインボタン)

コントロールパネルが開きます。これからの操作は全部この画面から行います。

コントロールパネルのトップ画面

STEP 1 WordPressをインストールする

空のWordPress(サイトの土台)を、サーバーに設置します。データベースの設定もこのSTEPで同時に行います。

  1. コントロールパネルの左メニュー 「基本設定」 をクリックして開く
  2. 表示されたメニューの中から 「WordPress」 をクリック
コントロールパネル WordPress管理画面

WordPressが一覧に何も表示されていなければ、新規インストールに進みます。

  1. はじめる をクリック
  2. 「新規作成」が選ばれていることを確認して 情報入力する をクリック
作成方法選択

インストール先URLの設定画面が表示されます。

  1. 「選択中のドメイン」はそのままでOK
  2. 「ドメインの後ろに文字列を追加」は空白のまま
  3. 情報入力する をクリック
インストールURL設定

ホームページ・管理画面の情報を入力します。

  1. 以下の項目を入力
    ホームページのタイトル何でもOK(あとで上書きされます)
    ユーザー名admin 以外で何でも
    パスワード英数字・記号混じりで8文字以上
    メールアドレスご自分のメール
  2. 画面下部の 「データベースを指定して作成する」 にチェックを入れる
  3. データベースパスワード欄に自分で決めたパスワードを入力(例:Hercule2026!
    ⚠ このパスワードは後で phpMyAdmin のログインに使います。必ずメモしてください。
  4. 確認する をクリックし、内容を確認して 完了する をクリック
WordPressインストール情報入力

「インストールしました!」と表示されたらインストール完了です。

  1. 画面下部「作成されたデータベース情報」の以下2つを必ずメモしてください。STEP 4(phpMyAdmin)で使います。
    • データベース ユーザー(例:8r50o_testdb
    • パスワード(STEP 1で自分が設定したDBパスワード)
⚠ この画面を閉じるとDBパスワードは二度と確認できません。メモしてから次へ進んでください。
WordPressインストール完了画面

STEP 2 テーマ(見た目)を入れる

動画②ここから動画②の範囲です(テーマ → プラグイン → データベース → SQL書き換え)

納品フォルダに含まれているテーマzipを、WordPressに読み込ませます。

  1. ブラウザで新しいタブを開き、WordPress管理画面にアクセス
    http://【あなたのドメイン】/wp-admin
    (例:http://example.com/wp-admin
    ※ この段階(データ投入前)は /wp-admin でログインできます。STEP 6以降は /login_51002 からログインしてください。
  2. STEP 1で設定したユーザー名・パスワードを入力してログイン

WordPressの管理画面が開いたら:

  1. 左メニュー 「外観」「テーマ」 をクリック
  2. 画面上の 新しいテーマを追加 をクリック
  3. 続けて テーマのアップロード をクリック
  4. ファイルを選択 から、納品フォルダ内の テーマ名.zip(例:orangearrow.zip)を選ぶ
  5. 今すぐインストール をクリック
  6. 「インストールが完了しました」と表示されたら 有効化 をクリック

STEP 3 必要な機能(プラグイン)を追加する

以下の2つのプラグインをインストールします。全部同じ手順なので続けてやってしまいましょう。

WordPress管理画面で:

  1. 左メニュー 「プラグイン」「新規プラグインを追加」 をクリック
  2. 右上の検索ボックスでプラグイン名を入力 → 今すぐインストール有効化 の順にクリック
  3. これを以下の2つ両方に繰り返す
検索するプラグイン名作者用途
Advanced Custom FieldsWP Engineサイトのカスタムデータ表示に必要
Contact Form 7株式会社ロックロブスターお問い合わせフォーム

STEP 4 サイトの中身を入れる

納品ファイルの database.sql をサーバーに読み込ませて、サイトのページや投稿が表示されるようにします。

① データベースの管理画面(phpMyAdmin)を開く

  1. コントロールパネルに戻る
  2. 左メニュー 「データベース」 をクリック
  3. 画面右上の phpMyAdmin をクリック(新しいタブで開きます)
  4. ログイン画面が開きます。以下を入力:
    • ユーザー名:STEP 1の完了画面でメモしたデータベースユーザー名
    • パスワード:STEP 1で自分で決めたデータベースパスワード
コントロールパネルからphpMyAdminをクリック phpMyAdminログイン画面
⚠ 注意:ここで使うのはSTEP 1のインストール時に設定したデータベースパスワードです。お名前.comのログインパスワードとは別物です。

② database.sqlを読み込ませる

  1. 画面左の一覧から、データベース名(例:sdXXXXXXXX_wp1)をクリック
  2. 画面上のタブから インポート をクリック
  3. ファイルを選択 から、納品フォルダの中の database.sql を選ぶ
  4. 画面の一番下までスクロールして 実行 をクリック
  5. 「〇〇個のクエリを実行しました」と表示されたら成功
DB選択 インポート実行

STEP 5 サイトのアドレスと管理者パスワードを設定する

下に自分のドメインを入れて、専用の SQL ファイルをダウンロード。それを phpMyAdmin にインポートするだけです。

⚠ これを忘れるとサイトが開けない・管理画面に入れません。必ず実行してください。

① あなたのドメインを入力 → SQLファイルをダウンロード

※ STEP 1 の WordPress インストール完了画面に表示されたドメイン(http:// は不要)


※ ダウンロードした update_site.sql は、ダウンロードフォルダに保存されます。

② phpMyAdmin にインポート

  1. STEP 4で開いた phpMyAdmin 画面のまま、画面上のタブから インポート をクリック
  2. ファイルを選択 から、上でダウンロードした update_site.sql を選ぶ
  3. 画面の一番下までスクロールして 実行 をクリック
  4. 「インポートは正常に終了しました。7 個のクエリを実行しました。」と表示され、各 UPDATE 文の結果が緑色で並べばOK
SQL入力・実行
💡 実行後のWordPressログイン情報:
URL: http://【あなたのドメイン】/wp-admin
ユーザー名:hercule-admin / パスワード:Hercule2026Pass(仮)
ログイン後すぐに左メニュー 「ユーザー」→「プロフィール」 でパスワードを変更してください。
⚠ 注意:STEP 1で WordPress インストール時に設定したユーザー名・パスワードは使えなくなります。ここで設定された情報を使ってください。

STEP 6 画像ファイルを入れる

動画③ここから動画③の範囲です(uploads.zip のアップロードと解凍)

納品フォルダに含まれている uploads.zip を、サーバーの所定の場所にアップロードします。

  1. コントロールパネルの左メニュー 「ファイル管理」 をクリック
  2. 「ファイルマネージャー」ボタンをクリック(新しいウィンドウで開きます)
  3. 左のツリーから順番に開く:
    public_html(あなたのドメイン名)wp-contentuploads
  4. 画面上部の アップロード(↑アイコン)をクリック
  5. 納品フォルダ内の uploads.zip を選んでアップロード(33MB程度、1〜2分かかります)
  6. アップロード完了後、ファイル一覧に uploads.zip が出てくるのでクリックして選択(青くなればOK)
  7. 画面上部の 解凍(ファイルアイコン)をクリック
  8. 確認ダイアログが出たら OK をクリック
  9. 展開完了後、uploads フォルダ内に 2026wpcf7_uploads フォルダが現れれば成功
  10. (任意)uploads.zip は削除しても問題ありません。
    ⚠ 削除する場合は uploads.zip だけを選択し、2026wpcf7_uploads フォルダは絶対に削除しないこと
動画③ここまでが動画③の範囲です。お疲れさまでした。次のSTEP 7は動画なしで、ご自身のブラウザで完成確認をします。

STEP 7 完成を確認する

サイトを実際に開いて、すべて正しく表示されているか確認します。

まずパーマリンク設定を保存する(必須)

この操作をしないとメニューのリンクが404になります。必ずやってください。

  1. WordPress管理画面(http://【あなたのドメイン】/wp-admin)にログイン
  2. 左メニュー 「設定」「パーマリンク設定」 をクリック
  3. 何も変えずに一番下の 変更を保存 をクリック
  4. 「パーマリンク設定を更新しました。」と表示されればOK
  1. ブラウザで http://【あなたのドメイン】/ を開く
  2. 以下のチェックリストで全ページを確認

こんな見た目になっていればOK

※下記はテスト環境の例です。実際のサイトは納品物のデザインで表示されます。

トップページ

所属タレント/メンバー一覧ページ

お問い合わせページ(フォームが表示される)

チェックリスト

✅ すべてOKなら設置完了です!お疲れさまでした。

うまくいかないときは

こんなときこうしてみてください
[STEP 4] phpMyAdminを開こうとしたら、ログインできないと表示される STEP 1のインストール時に設定したデータベースパスワードを入れているか確認してください。パスワードを忘れた場合はコントロールパネルの「データベース」→「ユーザー情報変更」でパスワードを再設定してください
[STEP 3] サイトを開くと Fatal error: get_field() という赤いエラーが出る STEP 3で Advanced Custom Fields プラグインを「有効化」まで進めているか確認してください
[STEP 3] お問い合わせフォームの場所に、フォームではなく文字列がそのまま表示されている STEP 3で Contact Form 7 プラグインを「有効化」まで進めているか確認してください
[STEP 4] database.sql を選んで実行すると「ファイルサイズが大きすぎます」のようなエラーが出る コントロールパネルの 「高度な設定」→「PHP設定」 から、アップロード上限を128MB程度に上げてから再実行してください
[STEP 5] サイトを開くと別のアドレスに飛ばされる STEP 5(サイトのアドレス設定を直す)をやり忘れていないか確認
[STEP 5] WordPress管理画面にログインできない(パスワードが違うと言われる) STEP 5の「管理者パスワードを設定する」のSQLを実行したか確認してください。実行後のパスワードは Hercule2026Pass です
[STEP 6] 画像がすべて灰色の四角のまま ファイルマネージャーで wp-content/uploads/ の中に 2026 フォルダがあるか確認してください。なければSTEP 6のzipアップロード・展開をやり直してください
ページのURLが「404 Not Found」になる(TALENTやNEWSページが開かない) WordPress管理画面の 「設定」→「パーマリンク設定」 を開いて、何も変えずに 変更を保存 を1回クリックしてください。これだけで直ります

ChronoLab/2026-05-02