• 投稿日:2024/07/18
  • 更新日:2025/11/06
【リリース編】今スグ作れるホームページ!~ホームページの公開~

【リリース編】今スグ作れるホームページ!~ホームページの公開~

みっち🐳まるサポWordPress

みっち🐳まるサポWordPress

この記事は約5分で読めます
要約
WordPressを使用したホームページ制作の手順を0から解説する講座です。 架空の整体院のホームページを作る方法を解説します。 今回はLocalで作成したホームページをサーバーに移行し公開します。

初回から受講する

この講座の画像を見る

ここまでの講座でホームページが完成しました✨

今はPCの中にホームページがある状態なので、
いよいよサーバーに移行して公開したいと思います!

1.サーバー契約~WordPressインストール

ホームページをだれでも見られる状態にする場合、
サーバーを契約する必要があります。

サーバーの契約方法は各会社によって異なるため、
契約したいサーバーのマニュアルに沿って手続きを進めてください。

以下のどちらかであれば、初めてでも使いやすいと思います!

Xserver(エックスサーバー)
ConoHa WING(コノハウィング)

私はXserverを使っていますが、
リベでおすすめされているのはConoHa WINGなので、
どちらか迷う場合はConoHa WINGにしておけば大丈夫です!

ConoHa WINGならリベ大ブログ教室で
サーバー契約~WordPressのインストール方法までを
まるっと解説されているので、スムーズに進められると思います!

【ブログの始め方】サーバー契約からブログ開設までの手順を完全解説

Xserverが良いという方は、
以下の公式ブログを参考にして契約~WordPressのインストールまで
進めてください。

※これからホームページを運用していくので、本契約し独自ドメインを取得してWordPressをインストールしましょう。

エックスサーバーでブログを始めよう!初心者でもわかるWordPressブログの始め方

💡Point
サーバー側にインストールしたWordPressのユーザー名・パスワードは、
Localと揃えておくことをおすすめします。

また、サーバー側の管理画面URLもLocalと同じく、
こちらの記事で紹介した方法でSSL化してください。

2.ホームページの引っ越し

それではホームページの引っ越しをしていきます。

この時点で、Localとサーバーそれぞれに
WordPressがインストールされているはずです。

サーバー側にインストールされたWordPressはまだ何もしていないので、
このようなWordPress公式テーマでサイトが表示されています。
01.pngここからはLocal側のWordPress管理画面を青枠
サーバー側のWordPress管理画面を赤枠として解説していきます。

2-1.PHPバージョンの確認

Local側とサーバー側のWordPressでPHPバージョンが揃っているか確認します。

🔶手順🔶

①「ツール」▶「サイトヘルス」
02.png②「情報」タブ ▶ 下にスクロール
03.png③「サーバー」内にある「PHPバージョン」を確認
04.png④Localの「PHP version」を確認
05.pngサーバー側が「8.1.22」、
Local側が「8.1.23」となっていることがわかります。

「8.1.~」までの部分があっていれば末尾が少し違っていてもOKです。

💡Point
もし「8.2.8」と「8.1.23」のような違いがある場合は、
Local側のバージョンを変更して、サーバー側に合わせるようにしてください。
06.png

2-2.引っ越し用プラグインのインストール

PHPバージョンが揃っていることを確認したら、
Local側、サーバー側ともに引っ越し用プラグインをインストールして
有効化します。

ここでは「All-in-One WP Migration and Backup」という
プラグインを使います。

※Local側、サーバー側でインストールの手順は同じなので、
画像の色分けはしていません。

🔶手順🔶

⑤「プラグイン」▶「新規プラグインを追加」
07.png⑥「WP Migration」と検索 ▶「今すぐインストール」▶「有効化」
08.pngこれでプラグインのインストールが完了しました。

2-3.Local側でのエクスポート

🔶手順🔶

⑦「エクスポート」
※「All-in-One WP Migration」のメニューがない場合は、
画面を更新してください。
09.png⑧「エクスポート先」▶「ファイル」
10.png⑨「ダウンロード」▶「閉じる」
※表示されるまで少し時間がかかります。
11.pngこれでエクスポートは完了です。

2-4.サーバー側でのインポート

🔶手順🔶

⑩「インポート」
12.png⑪「インポート元」▶「ファイル」▶ エクスポートしたファイルを選択
13.png⑫インポートが始まります
14.png⑬100%になったら「開始」
15.png⑭「完了」
16.png管理画面を更新すると再度ログインを求められますので、
ログインしてください。

これでサイトの引っ越しが完了しました!
サイトを表示してみてください!

2-5.こんなときどうする?

問題なくホームページが表示されていればよいのですが、
こんなふうに画像が正しく表示されない場合があります。
17.pngそんなときは、おかしい部分の画像をもう一度選び直してあげると、
問題なく表示されます。
18.pngスマホ表示も同様です。
19.png

2-6.その他のプラグイン

ここまでの講座内で紹介したプラグイン以外にも、
入れておくと良いプラグインがあります。

リベ大ブログ教室で主要なプラグインが紹介されているので、
導入してみてください。

WordPress初期設定で入れるべきプラグインを簡単解説

※記事で紹介されている「SiteGuard WP Plugin」を有効化する前に、
「All-in-One WP Migration and Backup」を無効化してください。
(相性が悪いので不具合の原因になります)

まとめ

これで今まで作ってきたホームページが公開され、
ユーザーが閲覧できるようになりました!

全13回の長い講座となりましたが、
ここまでお付き合いいただき本当にありがとうございました✨

無事にホームページを公開できたという方は、
ぜひコメントで教えていただけると嬉しいです!

ホームページを運用していると、

「こんなページが欲しい」
「このセクションの内容をブラッシュアップしたい」

という気持ちが出てくると思います。
ここまでホームページをご自身で作り上げられた経験をもとに、
ぜひ挑戦してみてください!

◀前の記事へ

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

みっち🐳まるサポWordPress

投稿者情報

みっち🐳まるサポWordPress

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(3
  • 会員ID:bXntoyCH
    会員ID:bXntoyCH
    2025/07/27

    夫が独立開業することになり、急遽ホームページを作成することになりました。どうしようかと途方にくれていたときに、こちらの記事を見つけ、大いに参考にさせていただきました!何より、私自身がこの作業が楽しくて楽しくて。新しい「私の得意」を見つけられた気がします。本当にありがとうございます!

    みっち🐳まるサポWordPress

    投稿者

    2025/07/28

    アンダーソンかあちゃんさん、参考にしてくださってありがとうございます✨ 難しい部分もあったと思いますが、楽しんでいただけたようで何よりです😭 新しい得意の発見につながったとのこと、この上なく嬉しく思います💡

    みっち🐳まるサポWordPress

    投稿者

  • 会員ID:BrncVWKI
    会員ID:BrncVWKI
    2025/07/22

    試しに自分のHPをWordPressで作成してみようと思い挑戦しました!とてもわかりやすくて参考になりました。 貴重な記事をありがとうございました🙏🏻

    みっち🐳まるサポWordPress

    投稿者

    2025/07/22

    ヒリーさん、レビューありがとうございます✨ 魂込めて書いたのでそう言っていただけて嬉しいです😭

    みっち🐳まるサポWordPress

    投稿者

  • 会員ID:qjsvZPzz
    会員ID:qjsvZPzz
    2025/06/17

    ①から進めてここまでたどり着きました。 サーバー(コノハウィング)の契約を行い、無事ホームページを完成させることができました。 本を買ったり聞いたり進めるところをノウハウ図書館で見ながらできとても参考になりました。 最後、LocalからWordPressへの移行をしようとした際、容量が大きく内容を移すことができず、無料でするためのタグも調べてもわかりませんでした。 潔く諦めて、勉強の復習と思い、改めてホームページの作成で進めていこうと思いますが、、、もしかすると対策方法があったりしますか?

    みっち🐳まるサポWordPress

    投稿者

    2025/06/17

    杏仁タイチーさん、完成報告ありがとうございます✨ お役に立てたようで嬉しいです🙌 移行ができない状況なのですね💡 対策方法はあります!! おそらく、画像が容量を大きくしているのかなと思いますが、 もう少し詳細をお聞きできればと思いますので、DMさせていただきます🙏

    みっち🐳まるサポWordPress

    投稿者