![1.Localでワードプレス開発環境を構築しよう](https://taco3suisui.com/wp-content/uploads/2022/02/local_top.jpg)
ワードプレスでのWEBサイト制作を行う場合、いきなりユーザーのレンタルサーバー上に作るのではなく、自分のパソコンの中でワードプレスが動く環境を構築します。
誰にも見られる心配のないローカルな開発環境をセッティングして、そこで制作を行っていくということです。
「本番環境」→ あなたの借りたレンタルサーバー
「開発環境」→ 今回、Localというソフトを使って作る。
※「ローカル環境」などとも呼ぶ
開発環境をつくる方法はいくつかありますが…。
今回はもっとも手軽な「Local」というWordPress専用の環境構築ソフトを使っていきましょう。
目次
Localのインストール方法
Localは以下の公式サイトからダウンロードできます。
![Local by Flywheelのトップ画面。
右上の「DOWN LOAD」か画面中程にある「OR DOWNLOAD FOR FREE」をクリックする。](https://taco3suisui.com/wp-content/uploads/2022/02/local_top-1024x588.jpg)
右上の「DownLoad」ボタンか、真ん中の「OR DOWNLOAD FOR FREE」をクリックします。
※「GET STARTED」は有料バージョンになります。
![](https://taco3suisui.com/wp-content/uploads/2022/02/local-choose-platform-1024x643.png)
自分の使っているOSを選んでください。
OSをクリックすると、次の入力項目に移ります。
![](https://taco3suisui.com/wp-content/uploads/2022/02/local-get-itdown-1024x618.jpg)
必須項目は「Work Email」のみです。
とりあえず普段使っているメールアドレスを入力して「GET IT DOWN」をクリックしましょう。
![localでダウンロードスタートしたことを示すポップアップ](https://taco3suisui.com/wp-content/uploads/2022/02/dl-started-local-1024x612.png)
すると、ダウンロードが始まったよ!というウィンドウが出ます。
ダウンロードが完了したら、いよいよ設定をしていきます。
Localの設定方法
ダウンロードされたフォルダをダブルクリックして起動しましょう。
ここからは、MacとWindowsそれぞれの設定方法を見ていきます。
MACの場合
![開いても良いですか?という警告が出たら「開く」をクリック。(mac)](https://taco3suisui.com/wp-content/uploads/2022/02/mac-open-ok-300x243.png)
「開いても良いですか?」という警告が出るので、「開く」をクリックしましょう。
![ローカルのアイコンをアプリケーションズフォルダにドラッグ&ドロップします。](https://taco3suisui.com/wp-content/uploads/2022/02/mac-local-to-app-300x208.png)
Applicationsフォルダにドラッグ&ドロップすると追加されます。
![アプリケーション一覧からLocalをダブルクリックして開く。](https://taco3suisui.com/wp-content/uploads/2022/02/mac-local-tap-300x177.jpg)
アプリケーションに追加されたLocalをダブルクリックすると起動します。
Windowsの場合
![](https://taco3suisui.com/wp-content/uploads/2022/02/local-select-op.png)
セットアップ画面が出るので「次へ」をクリックします。
※「現在のユーザーのみにインストールする」にチェックが入っていればOK。
![](https://taco3suisui.com/wp-content/uploads/2022/02/local-setup-derec.png)
インストール先フォルダを選んだら、「インストール」をクリックしてインストールしましょう
![](https://taco3suisui.com/wp-content/uploads/2022/02/local-comp.png)
「完了」を押したら起動します。
![](https://taco3suisui.com/wp-content/uploads/2022/02/windows-local-click.png)
ダウンロードしたLocalをダブルクリックして、開きましょう。
LocalでWordPressサイトを立ち上げる
いよいよ、WordPressサイトを立ち上げます。
![Localのソフト画面の左下にある「+」マークをクリックします。](https://taco3suisui.com/wp-content/uploads/2022/02/local-create-1024x680.jpg)
Localのソフトの左下にある「+」マークをクリックします。
![what's you site name?とあるので、サイトの名前を入力します。](https://taco3suisui.com/wp-content/uploads/2022/02/local-whats-your-sitename-1024x678.jpg)
サイトの名前を決めて、右下の「CONTINU」をクリック。
ここでは「Test-site」にします。
![Choose your environmentとあるので、ワードプレスの環境の仕様を決めます。](https://taco3suisui.com/wp-content/uploads/2022/02/local-choose-yourenv-1024x679.jpg)
Customを選択し、PHPバージョンとDatabaseを最新にして、WebserverはApacheにします。
選択したら「Continue」をクリック。
![Set up WordPress
Username、Password、WordPressEmailの3つを入力します。](https://taco3suisui.com/wp-content/uploads/2022/02/set-up-wordpress-1024x680.jpg)
ワードプレスの管理画面にログインする際に必要な情報を入力します。
自分の好きな文字列で良いですが、WordPress Emailだけは最初から入力されています。
WordPressUsername:ログイン時のID
WordPressPassword:ログイン時のパスワード
WordPressEmail:ワードプレス管理者のメールアドレス
必要箇所を入力したら、「Add Site」をクリック。
これでローカル環境でWordPressがセットアップされました!
Localの基本的な使い方
![localで「admin」をクリックする](https://taco3suisui.com/wp-content/uploads/2022/02/local-admin-click-1024x676.jpg)
「Admin」をクリックする。
![ワードプレスのログイン画面](https://taco3suisui.com/wp-content/uploads/2022/02/wordpress-login-1024x645.png)
ワードプレスのログイン画面が表示されます。
設定したIDとパスワードを入力してログイン。
![ワードプレスのダッシュボード画面が表示される](https://taco3suisui.com/wp-content/uploads/2022/02/wordpress-dashboard-1024x583.jpg)
ワードプレスの管理画面(ダッシュボード)が開きます。
![localで「open site」をクリックする](https://taco3suisui.com/wp-content/uploads/2022/02/wordpress-opensite-click-1024x678.jpg)
「OPEN SITE」をクリックする。
![ワードプレスサイトをブラウザで確認できます。こちらはワードプレス5.9のデフォルトテーマ「Twenty Twenty Two」](https://taco3suisui.com/wp-content/uploads/2022/02/wordpress-site-preview-1024x579.jpg)
すると、立ち上げたワードプレスサイトがブラウザで確認できます。
WordPressの初期設定をする
本格的な開発に入る前に、ワードプレスの初期設定をしましょう。
日本語表記に変更する
インストールしたてのWordPressの管理画面(ダッシュボード)は英語表記です。
そのまま使えるなら良いですが、日本語の方が良い方は日本語表記に変えましょう。
![ワードプレスのダッシュボードから、「setting」→「general」をクリックする。](https://taco3suisui.com/wp-content/uploads/2022/02/setting-general-1024x669.jpg)
「Setting」→「General」をクリックする
![sitelanguageとtimezoneをそれぞれ「日本語」「Tokyo」に変更。](https://taco3suisui.com/wp-content/uploads/2022/02/sitelanguage-timezone-1024x696.jpg)
「Site Language」の中から「日本語」を選びます。
ついでに「Time zone」も「Tokyo」に変えて、画面下の方にある「Save change」をクリック。
![Save changeをクリックしたら、管理画面の表記が日本語に変わっています](https://taco3suisui.com/wp-content/uploads/2022/02/japanese-done-1024x571.jpg)
すると、このように日本語表記に変わります!
プラグイン『Multibyte』を導入する
WordPressは基本的に英語対応のため、日本語を使うと文字化けなどの不具合が発生することがあります。
MultiByteというプラグインを設定して、日本語と英語の違いによる不具合を防ぎましょう。
![ワードプレスダッシュボードから「プラグイン」→「新規追加」](https://taco3suisui.com/wp-content/uploads/2022/02/plugin-add-1024x624.jpg)
「プラグイン」→「新規追加」を選びます。
![「プラグインを追加」で検索窓に「Multibyte」を入力して左上に表示されたプラグイン「WP Multibyte Patch」のインストールをクリック](https://taco3suisui.com/wp-content/uploads/2022/02/add-multibyte-1-1024x498.jpg)
プラグインの検索窓に「Multibyte」と入れれば、このように出てきますので、インストールをクリック。
![WP Multibyte Patchを有効化する](https://taco3suisui.com/wp-content/uploads/2022/02/multibyte-enable-1024x403.jpg)
インストールが終わったら、「有効化」をクリック。これで設定完了です。