PR

【WordPress】Localでテスト環境を作る手順を分かりやすく解説【初心者必見】

ワードプレス

 

はじめまして。当ブログ管理人の後藤です。

未経験者が「なぜブログで10万稼げたのか?」その秘密を暴露します。 「今年こそは絶対稼ぎたい!」という人は今すぐご覧ください。


あっさり10万稼ぐためのメルマガ

 

 

それでは始めます。

 

WordPressを触ってみたいけれど、本番サイトをいじるのが怖くて手が止まっていませんか。

結論から言うと、Localという無料ツールを使えば、自分のパソコンの中にWordPressのテスト環境を簡単に作れます。

この記事で分かること

  • Localを使ってWordPressのローカル環境を作る手順
  • ローカル環境でのWordPressの基本的な使い方(起動・停止・SSL・日本語設定など)
  • ローカル環境と本番サイトをどう使い分ければ安全に運用できるか

 

  ブログ収益化の教科書プレゼント

↓ ↓ ↓

ba15a

 

WordPressをローカルで動かすメリットとLocalの基本

ごとう
ごとう

最初に、そもそもローカル環境とは何なのか、そしてLocalというツールで何ができるのかを整理しておきます。ここがぼんやりしていると、作業中に「これって本番に影響あるの?」と不安になりがちなので、最初にイメージを合わせておきましょう。

ローカル環境ってなに?本番環境との違いをざっくり理解しよう

ローカル環境とは、自分のパソコンの中に小さなサーバーを用意して、そこでWordPressを動かすことです。

インターネット上に置いてユーザーに見てもらうサイトは「本番環境」と呼ばれます。

両者の違いをざっくり表にすると、こんなイメージです。

項目 ローカル環境(Localで構築) 本番環境(レンタルサーバーなど)
場所 自分のPCの中 インターネット上のサーバー
アクセスできる人 基本的に自分だけ URLを知っている人なら誰でも
主な目的 テスト・練習・開発 実際の公開サイト
リスク 失敗しても外部からは見えない ミスがそのままユーザーに見えてしまう
コスト ツール次第でほぼゼロ サーバー代やドメイン代が必要

ローカル環境なら、テーマをガラッと変えたり、プラグインを試しに入れまくったりしても、誰にも迷惑をかけません。

私も今は「まずはローカルで試す」が完全にクセになっていて、そのおかげで本番環境のトラブルはかなり減りました。

Localでできることをざっくり整理しておこう

Localは、WordPressのためのローカル環境を簡単に作るツールです。

難しいサーバー設定やコマンド操作を覚えなくても、クリック中心の操作でWordPressサイトを立ち上げられるのが大きなメリットです。

代表的な機能を整理してみます。

機能・特徴 できることの例
ローカル環境構築 数クリックで新しいWordPressサイトを作成できる
複数サイト管理 テスト用サイトをいくつも並行して管理できる
環境の切り替え PHPバージョンやWebサーバーの種類をサイトごとに調整できる
SSL(https)テスト ローカル環境でもhttpsアクセスの動作確認ができる
サイト共有(Live Links) ローカルサイトを一時的に他の人に見せられる
テンプレ化(Blueprints) よく使うテーマ・プラグイン構成をテンプレートにできる

昔ながらのXAMPPやMAMPも悪くありませんが、「とにかくWordPressをすぐ動かしたい」「細かいサーバー設定までは触りたくない」という人にはLocalの方がハードルが低いはずです。

Localが向いている人・向いていない人

どんなツールにも相性があります。

Localが合いそうな人と、別のツールの方がいいかもしれない人をまとめておきます。

向いている人 向いていないかもしれない人
これからWordPressブログやサイトを始めたい人 サーバー設定を細かくチューニングしたい人
本番サイトを壊さずにカスタマイズを試したい人 すでに別のローカル環境ツールに慣れている人
クライアントや上司にデザイン案を見せたい制作者 コマンド中心の環境で開発したいエンジニア
コマンドや英語のエラーメッセージが苦手な人 WordPress以外のシステムも同じ環境でまとめて動かしたい人

自分がどちらに近いか、なんとなくイメージできたでしょうか。

今のところ「ローカルでWordPressをさっと試したいだけ」という方は、Localとかなり相性がいいと思います。

WordPressローカルの使い方を始める前の準備

ごとう
ごとう

ここからは、Localをインストールする前に確認しておきたいポイントをまとめます。対応OSやPCスペックなどを軽くチェックしておくと、インストール後のトラブルを減らせます。

Localの対応OSと目安スペック

Localは、一般的なWindowsやMacで動くように作られています。

かなり古いPCでも動く場合はありますが、快適さを考えると次のくらいを目安にしておくと安心です。

項目 目安レベル
OS WindowsまたはmacOS(Linux版も用意されている場合あり)
メモリ 8GB以上あると複数サイトも比較的快適
ストレージ SSD推奨、空き容量は数十GB以上あると安心
インターネット 初回のダウンロード時に必須、その後はオフラインでも作業可能

これはあくまで目安なので、ここまで満たしていなくても動くことは多いです。

ただ、WordPressサイトをいくつも作りたいなら、余裕のあるPCの方がストレスが少ないのは確かです。

事前に確認しておきたいこと

Localを入れる前に、次の点を軽くチェックしておくとスムーズです。

  • 会社や学校のPCの場合、ソフトのインストールが許可されているか
  • ウイルス対策ソフトが新しいアプリのインストールをブロックしていないか
  • すでにXAMPPやMAMPなどのローカル環境ツールが動いていないか

会社のPCだと、インストール自体がルール違反になることもあります。

その場合は、最初に管理者に相談してから進めた方が安心です。

ダウンロード前に知っておきたいLocalの特徴

Localは基本的に無料で使えるツールです。

追加機能として有料プランもありますが、ローカル環境でWordPressを試す段階なら無料機能だけで十分です。

特徴をざっくり挙げると、こんな感じです。

  • アカウント登録を求められても、スキップして使い始められるケースが多い
  • 画面構成がシンプルで、英語でも直感的に操作しやすい
  • WordPress用に特化しているので、不要な設定を覚えなくていい

このあたりを知っておくだけでも、「よく分からないツールで怖い」という気持ちは少しラクになると思います。

LocalでWordPressをインストールする手順と初期設定

ごとう
ごとう

ここからが本題です。実際にLocalを使って、ローカル環境にWordPressサイトを作る手順を一つずつ確認していきます。

Localのインストール手順を5ステップで確認

まずはLocal本体をインストールします。

細かい画面はPCによって少しずつ違いますが、流れはだいたい次のようなイメージです。

  • Localの公式サイトにアクセスして、自分のOSに合ったインストーラーをダウンロードする
  • ダウンロードしたファイルをダブルクリックして起動する
  • 利用規約などを確認し、画面の案内にしたがって「Next」や「Continue」で進める
  • インストール先フォルダを確認し、そのまま進めるか必要に応じて変更する
  • インストールが終わったらLocalを起動し、最初の画面が表示されることを確認する

英語の画面が多いですが、基本的には「次へ」を押していくだけで完了します。

私も最初は少し構えましたが、実際にやってみると拍子抜けするくらいシンプルでした。

新規サイト作成時の各項目の意味を理解する

Localを起動すると、「Create a new site」といったボタンが表示されます。

ここから、ローカルのWordPressサイトを作成していきます。

入力項目がいくつか出てきますが、意味が分かれば怖くありません。

項目名の例 意味・おすすめの決め方
Site name サイト名。あとから変えられるので、自分が見て分かりやすい名前でOK
Local site domain ローカルで使うURL。特にこだわりがなければ、自動提案のままで問題ないことが多い
Local site path PC内の保存場所。基本はデフォルトのままでOK
Environment PHPやWebサーバーなど環境の組み合わせ。迷ったら推奨設定のままで大丈夫
WordPress username ログインユーザー名。自分だけが使うので、分かりやすくて推測されにくいものを
WordPress password ログイン用パスワード。必ずどこかに控えておく
Admin email 管理者メールアドレス。自分が受け取れるアドレスを設定する

特に大事なのは、ユーザー名とパスワードです。

ここを忘れてしまうと、せっかく作ったローカルサイトにログインできなくなってしまいます。

私はいつも、パスワード管理ツールやメモアプリに控えてから次に進むようにしています。

ローカルWordPressへのアクセス方法とログイン

サイトの作成が終わると、Localの画面に新しいサイトが一覧として追加されます。

ここからWordPressにアクセスする流れはとてもシンプルです。

  • Localのサイト一覧から、作成したサイトを選ぶ
  • 「Start site」ボタンを押して、サイトを起動する
  • 「Open site」をクリックすると、ブラウザでトップページが開く
  • 「WP Admin」をクリックすると、ダッシュボードのログイン画面に直接アクセスできる

ログイン画面では、先ほど設定したユーザー名とパスワードを入力します。

ここまで進めば、ローカル環境のWordPress管理画面に入ることができ、テストサイトとして自由にいじれる状態になります。

WordPressローカルの基本的な使い方(起動・停止・SSLなど)

ごとう
ごとう

この章では、Localを日常的にどう操作するか、よく使うところだけをまとめます。毎回使う操作を押さえておけば、難しい部分を覚えきれていなくても十分活用できます。

サイトの起動・停止・削除の操作

Localでは、複数のローカルサイトをまとめて管理できます。

 

 

 

【稼げるキーワード教えます】
▼  ▼  ▼
ba15a

 

 

 

今日は仕事用サイトだけ、別の日はブログ用だけ、といった切り替えも簡単です。

操作 やり方のイメージ
サイトの起動 起動したいサイトを選んで「Start site」をクリック
サイトの停止 起動中のサイトで「Stop site」をクリック
すべての停止 メニューから「Stop all」を選んで一括停止
サイトの削除 対象サイトを右クリックして「Delete」を選択
サイトの複製 サイトを右クリックして「Clone」でコピーを作成

私は、作業が終わったら基本的にサイトを停止しておくようにしています。

PCの負荷も下がりますし、「別のサイトを間違って触ってしまった」という事故も起こりにくくなります。

ドメイン変更とSSL(https)有効化のポイント

Localでは、ローカルサイトのURL(ドメイン)をあとから変更したり、SSLを有効にしてhttpsでアクセスすることもできます。

本番サイトをhttpsで運用する予定なら、ローカル環境でもhttpsで試しておくとテストしやすいです。

ただし、ドメインを頻繁に変えるとリンク切れなどの原因になります。

基本的には、最初に決めたローカルドメインを大きく変えずに運用していった方がトラブルは少ないです。

日本語サイト向けの初期設定をしておく

ローカルのWordPressにログインしたら、最初に日本語サイト向けの設定を済ませておきましょう。

  • 「設定」→「一般」で、サイトのタイトルとキャッチフレーズを自分用に変更する
  • サイトの言語を「日本語」に変更する
  • タイムゾーンを自分の地域に合わせる
  • 「設定」→「パーマリンク」で、投稿名ベースなど分かりやすいURL構造にする

ここをきちんと整えておくと、ローカル環境でも本番に近い状態でテストができます。

あとからURL構造を変えると混乱しやすいので、最初のうちに決めてしまうのがおすすめです。

Localの便利機能を使いこなしてWordPress制作を快適にする

ごとう
ごとう

Localでの基本操作に慣れてきたら、少し便利な機能にも手を伸ばしてみましょう。うまく使うと、制作や確認のスピードがかなり変わってきます。

Live Linksでローカルサイトを一時共有する

Live Linksは、ローカル環境のサイトを一時的にインターネット経由で共有できる機能です。クライアントや友人、上司に「今のデザインどうですか?」と見てもらうときにとても便利です。

ざっくりとした流れは次の通りです。

  • 共有したいサイトをLocalで起動する
  • 対象サイトのLive Links機能をオンにする
  • 表示されたURLを、見てもらいたい相手に送る

相手は、そのURLにアクセスするだけであなたのローカルサイトを確認できます。

常に公開し続ける用途には向きませんが、「確認用URL」として使うには十分な機能です。

Blueprintsで「いつもの構成」をテンプレ化する

WordPressサイトを何度も作る人におすすめなのが、Blueprintsというテンプレート機能です。

よく使うテーマやプラグインの組み合わせをひとまとまりにしておき、新しいサイト作成時に呼び出せるようにするイメージです。

例えば、私は次のようなBlueprintsを用意しています。

  • 個人ブログ用の基本構成
  • 企業サイト用の基本構成
  • ランディングページ制作用のシンプル構成

こうしておくと、新しいローカルサイトを立ち上げるたびにテーマやプラグインを一つずつ入れ直す必要がなくなります。

慣れてきたら、Blueprintsを整えるだけで作業時間がかなり短縮されます。

メール送信テストや開発者向け機能をざっくり把握する

Localには、開発者向けの少し専門的な機能も用意されています。

細かく使いこなすのはエンジニア向けですが、「こんなこともできる」というイメージだけ持っておくと、いざというときに頼りになります。

  • 問い合わせフォームからのメール送信を、実際に外部へ送らずローカルで確認できる機能
  • データベースの中身を直接チェックできるツールとの連携
  • エラーログを確認して、トラブルの原因を調べやすくする仕組み

全部を一度に覚える必要はありません。

どこかでつまずいたときに「Local側に確認する機能があったはず」と思い出せれば、それだけで十分役に立ちます。

Localと本番WordPressサイトの連携イメージ

ごとう
ごとう

ここでは、ローカルで作ったサイトと本番サイトをどうつなげるか、考え方のレベルで整理します。実際の移行方法は使うサーバーやプラグインによって細かい手順が変わるので、ここでは迷子にならないための地図のようなイメージで読んでみてください。

本番サイトをLocalにコピーするイメージ

すでに運用中のWordPressサイトがある場合、「本番サイトのコピーをLocalに作りたい」というニーズがよくあります。

そのときの大まかな流れは次のようになります。

  • 本番サーバーからWordPressファイルとデータベースをバックアップ・エクスポートする
  • Local上に新しいサイトを作成する
  • エクスポートしたデータをLocalのサイトにインポートする
  • URLや画像パスなどをローカル用に調整する

実際には移行専用のプラグインを使ったり、サーバー側の機能を併用したりするケースも多いです。

大事なのは、「ローカルはあくまでコピーしたデータを試す場所」という感覚です。

Localで作ったサイトを本番公開する流れ

逆に、Localで一から作ったサイトを公開したいというパターンもあります。

この場合も、考え方の流れはほぼ同じです。

段階 やることのイメージ
準備 レンタルサーバーと独自ドメインなど、本番用の環境を用意する
本番側の設定 本番サーバーに空のWordPressを用意するか、受け皿となる環境を作る
データ移行 Localから本番へ、ファイルとデータベースをまとめて移す
動作確認 URLや画像、フォーム、ログインなどが正しく動くか確認する

こちらも、移行プラグインを使えば手順をかなり簡略化できます。

ローカル環境と本番環境は別物なので、「完成したデータをコピーして持っていく」というイメージを持っておくと分かりやすいです。

ローカル環境と本番環境の付き合い方

最後に、ローカル環境と本番環境をどう使い分けるかをまとめておきます。

  • 新しいテーマやプラグインは、まずローカル環境で試してから本番に入れる
  • 大きなデザイン変更や機能追加も、いきなり本番ではなくLocalで仮組みしてから反映する
  • トラブルが起きたときは、本番のコピーをLocalに作って原因を調べる

私自身、「まずLocalで試す」を徹底するようになってから、真っ白な画面とにらめっこするような冷や汗体験はほとんどなくなりました。

ちょっとしたひと手間ですが、長い目で見るとかなり大きな保険になってくれます。

よくある質問(WordPressローカルの使い方)

ごとう
ごとう

ここでは、WordPressをローカルで使う方法について、よく聞かれそうな質問にQ&A形式で答えていきます。

Q1. Localで作ったWordPressサイトは、そのままインターネットに公開できますか?

A. そのままの形では公開できません。

Localはあくまでローカル環境用のツールなので、一般公開するにはレンタルサーバーなどの本番環境に移行する必要があります。

ただ、先ほど紹介したLive Linksを使えば、確認用として一時的に外部から見てもらうことは可能です。

Q2. Localで作ったサイトを削除しても、本番サイトに影響はありませんか?

A. Local上のサイトを削除しても、本番サイトには影響しません。

ローカル環境と本番環境は別々に存在しているので、Localでの削除操作が本番側を消してしまうことはありません。

心配な方は、削除前にフォルダごとバックアップを取っておくとより安心です。

Q3. Localと、XAMPPなどほかのローカル環境ツールはどちらを使うべきですか?

A. サーバー全体を細かくコントロールしたいならXAMPPなども選択肢ですが、WordPressをローカルで試したいだけならLocalの方が分かりやすいことが多いです。

特に「まずはWordPressの見た目や機能をいろいろ試してみたい」という目的なら、Localでローカル環境を用意する使い方を覚えるだけで、かなりのことをカバーできます。

まとめ:WordPressローカルの使い方のポイントおさらい

この記事の内容を振り返ります

  • Localは、WordPress専用のローカル環境ツールで、クリック中心の操作でサイトを作成できる
  • 基本的な流れは「Localのインストール → 新規サイト作成 → 起動・ログイン」の3ステップ
  • 日本語設定やパーマリンク構造を最初に整えておくと、本番に近い形でテストしやすい
  • Live LinksやBlueprintsなどの機能を使うと、確認やサイト量産のスピードが上がる
  • ローカルと本番は別物と割り切り、「まずLocalで試してから本番に反映」が安全な運用のコツ

今日からできる最初の一歩としては、まずLocalをインストールして、テスト用のWordPressサイトを一つ作ってみてください。

本番サイトをいじる前に、ローカルで好きなだけ試せる環境が手に入れば、WordPressでできることの幅が一気に広がります。

 

 

記事を読んだらコチラ
▼  ▼  ▼
ba15a