![](https://jobtech.jp/wp-content/uploads/MAMP.png)
MAMPにWordPressをインストール
WordPress用のデータベース領域を作成
MAMPを起動します。
![](https://jobtech.jp/wp-content/uploads/a3d424a5c3852472b086da0bfa4f6e66-e1704846962962.png)
MAMP画面右上の「Start」をクリックしてWebサーバーを起動します。アイコンが緑に変わり「Stop」になっていることを確認します。
Webサーバーが起動した後、画面右上の「WebStart」をクリックします。
![](https://jobtech.jp/wp-content/uploads/23bfaa686cd51a4aafa61080ad9a5b64.png)
ブラウザに表示されたMAMP画面左上の「Tools」をクリックし「phpMyAdmin」を選択します。
![](https://jobtech.jp/wp-content/uploads/3b78223908b53c064ff48c165e71245a.png)
phpMyAdmin画面の左メニューから「新規作成」をクリックします。
![](https://jobtech.jp/wp-content/uploads/f1702f9a7118bf02002c549482bf414a.png)
右画面の「データベースを作成する」の下に作成するデータベース名を入力します。下記画面では「lesson1」という名前を指定しています。
作成するデータベース名を入力した後、入力欄右側にある「作成」をクリックします。
![](https://jobtech.jp/wp-content/uploads/7e58e44a73db8c90203afb87fc93c705.png)
左メニューに作成したデータベース名が表示されていることを確認します。下記画面では左メニューに「lesson1」が表示されています。
![](https://jobtech.jp/wp-content/uploads/9fcf7025f71168bb44191abd9911006c.png)
以上で「WordPress用のデータベース領域を作成」完了です。
WordPressファイルを取得して配置
WordPress公式サイトの「WordPress X.X.X をダウンロード(Xはバージョン番号)」ボタンをクリックしてファイルをダウンロードします。
https://ja.wordpress.org/download/
![](https://jobtech.jp/wp-content/uploads/95f8075b04fea88e3bcd03780a65dd6b.png)
「許可」をクリックします。
![](https://jobtech.jp/wp-content/uploads/6e4f3f8860ed9148878f1a2ea5c52593.png)
ダウンロードした「wordpress」フォルダをMAMP内の「htdocs」フォルダに配置します。
![](https://jobtech.jp/wp-content/uploads/00f52c334d62d1a26f545a1687be8142.png)
![](https://jobtech.jp/wp-content/uploads/82a507c140148680e16e6bd52d5ab3de.png)
フォルダ名を任意の名前に変更します。今回は「lesson1」に変更します。
※「wordpress」のままでも構いません。
![](https://jobtech.jp/wp-content/uploads/cc816b7b88e47d1b627c72d220485617.png)
以上で「WordPressファイルを取得して配置」完了です。
WordPressをインストール
インストールすることで「WordPress用のデータベース領域」と「WordPressファイル」を関連づけます。
ブラウザのアドレス欄に以下のURLを入力して「Enter」を押します。
localhost:8888/WordPressフォルダ名/
WordPressフォルダを「lesson1」にしたときは以下のURLを入力して「Enter」を押します。
localhost:8888/lesson1/
表示されたインストール画面下部の「さあ、始めましょう!」をクリックします。
![](https://jobtech.jp/wp-content/uploads/eca0c2fe9fed60b33c72ddfb92d674fe.png)
以下の内容を入力して画面下部の「送信」をクリックします。
- データベース名:先ほど作成したデータベース領域名
下記画面では「lesson1」を指定 - ユーザ名:MAMPの初期データベースユーザー名「root」を指定
- パスワード:MAMPの初期データベースユーザ名「root」を指定
![](https://jobtech.jp/wp-content/uploads/97eff117e253871020003079794427c4.png)
「インストールを実行」をクリックします。
![](https://jobtech.jp/wp-content/uploads/6bfe82b6ae0e1adc1b09f803c3b2247e.png)
必要な情報を入力して「WordPressをインストール」をクリックします。
![](https://jobtech.jp/wp-content/uploads/ed44a4e0343b55206ca06a60e5873e32.png)
下記画面が表示されればWordPressのインストール完了です。
![](https://jobtech.jp/wp-content/uploads/0a82a4781538095df786330255e5726a.png)
WordPressにログインする
ブラウザのアドレス欄に以下のURLを入力して「Enter」を押します。
localhost:8888/WordPressフォルダ名/wp-login.php
WordPressフォルダを「lesson1」にしたときは以下のURLを入力して「Enter」を押します。
localhost:8888/lesson1/wp-login.php
インストール時に作成した「WordPressユーザー名」と「WordPressパスワード」を入力して「ログイン」をクリックします。
下記画面ではユーザー名「wp00」、パスワード「wordpress」を入力しています。
![](https://jobtech.jp/wp-content/uploads/b4461e1f96b796b80a34f58567040cc0.png)
WordPress管理画面が表示されればログイン完了です。
![](https://jobtech.jp/wp-content/uploads/eca43d1f2a2cc0f251011db50b2368bd.png)
管理画面左上の「サイト名(下記画面では「練習サイト」)」>「サイトを表示」をクリックして実サイトを表示します。
![](https://jobtech.jp/wp-content/uploads/99c4e1cd7a77151833ab2123b5054557.png)
実サイトが表示されます。
![](https://jobtech.jp/wp-content/uploads/ef1f6946d53e8a92761fbf5205b46d34.png)
以上でWordPressサイトの表示完了です。