【保存版】WordPressのローカル環境を10分で構築する方法【画像付き】

https://onityanzyuku.com/programing-first/

WordPressの環境構築について学びたい方『簡単に開発環境を整えたい。画像付きで詳しく教えてもらいたい』

本記事ではWordPressの開発環境の構築に特化した内容になっています。

本記事の内容

  1. Mac向けの環境構築
  2. Windows・Linux向けの環境構築

上記を軸に解説していきます。

当サイトの運営者のように、Macを扱っている方&サーバー知識がある方は『MAMPを使いましょう。*現在準備中

サーバーの知識に自信がない方はlocalを使って簡単に構築していきましょう。

記事の内容

WordPressのローカル開発環境の構築

WordPressのローカル環境構築
WordPressのローカル環境構築

WordPressのローカル環境を構築する手順は下記の通りです。

  1. localをインストール
  2. localでローカル環境を構築

1つずつ詳しく解説していきます。


手順①localをインストール

まずは公式サイトにアクセスしましょう。

【または無料でダウンロード】をクリック

WordPressの環境構築①公式ページへ行く

ローカルをダウンロードという画面が表示されるので、

プラットフォーム選択でご自身のプラットフォームをクリックしましょう。

  • Macユーザー:マック
  • Windowsユーザー:ウィンドウズ
  • Linuxユーザー:リナックス
WordPressの環境構築②ローカルをダウンロード

ダウロードしたファイルは圧縮されていますので、クリックして解凍しましょう。

Macでは下記のようにアプリフォルダへ移動させます。

WordPressの環境構築③フォルダ解凍

ここまででWordPressの環境構築に必要な『local』のインストールは終了です。

手順②ローカル開発環境を構築

CREAT a NEW SITEをクリックしましょう。

WordPressの環境構築④クリエイト

その後、サイト名の設定が表示されます。

当サイトと同じ『wpmake』で問題ありません。

メモ:advance optionをクリックすると、ドメインなどをいじれますが、初心者の方は特に気にしなくても問題ありません。

WordPressの環境構築5:name作成

次の画面ではcustomをクリックしてください。

  • PHP:7.4
  • Webサーバー:Apache
  • MySQL:5.7

上記の数字に近いものを選びましょう。

WordPressの環境構築⑥

下記の画面で作成する内容はメモしておきましょう。

  1. WordPress username:お好きなもの
  2. WordPress password:お好きなもの
  3. メモ:WordPress emailはお好きなものを登録すれば問題なしです。
WordPressの環境構築⑦大事な所

ダウンロードが完了した方は、『http://サイト名.local』と検索すると下記のような画面に推移します。

当サイト通りに行った方は『サイト名=wpmake』です。

WordPressの環境構築

これでWordPressの環境構築は終了です。


localの基本的な使い方

『http://サイト名.local/wp-admin』と入力するとWordPressの管理画面に推移します。

先ほど作成したusernameとpasswordを入力しましょう。

ワードプレスの管理画面へいく

管理画面が表示されますので、ひとまず記事を投稿してみましょう。

投稿>新しく追加する

投稿が終わった方はもう一度http://サイト名.localと入力し、下記の動画と同じようになった方は成功です。


まとめ:WordPressの環境構築が終えた方は手を動かそう

まとめ:WordPressの環境構築が終えた方は

本記事は以上です。

WordPressのローカル環境を構築できた方は『WordPressの自作テーマ作成or既存テーマカスタマイズorブログを始める』を実践していきましょう。

WordPressの自作テーマ作成については後日コンテンツに載せていきます。

WordPressブログに関しては下記の記事を参考にしつつ開設してみてください。

https://onityanzyuku.com/programing-first/

この記事が気に入ったら
フォローしてね!

記事の内容