アプリ・サービス紹介

WordPressをMacで使う!初心者もMAMPで大丈夫!

相談者

WordPress を Mac で動かしたいけど、どうしたらいい?

WordPress を Mac で使うのは MAMP というアプリを使えば簡単です。

本記事の内容
  • MAMP のインストール
  • WordPress のためのデータベース設定
  • WordPress のダウンロード&インストール

Mac で WordPress を動かせるようになると、普段の記事作成もネット環境を気にせずにできますし、プラグインやテーマ、バックアップファイルのテストなどもできるようになります。

ブログやサイト作りするうえで、このテクニックは覚えておくと大変便利です。

MAMP をインストールして、WordPress のブログ記事をどんどん書いていきましょう!

そよ

WordPress歴10年以上です。ブロックエディタ好き。テーマはJINとLightning、Cocoon、SWELLをメインに使ってます。テーマやプラグインなどを試して使ってみるのが好きです。

Vektor Passport(ライセンス期間1年)

WordPress は Mac の中で使える

WordPress を Mac で動かす

いきなりサーバー契約をしなくても自分のMac(Winも)内でWordPressは使えます!

自分の Mac 内で作りたいブログを実際に作ってみて動きを確認するのも良いと思います。

用意するアプリは2つ

  • MAMP
  • WordPress

です。

手順は次の通り。

  1. まず、MAMPをインストールして設定をします。
  2. つぎに、phpMyadmin(データベース)を設定します。
  3. 最後に、WordPressをインストールします。

では、実際にMAMPからインストールしてみましょう!

順番に説明します。

MAMP は Mac で WordPress を動かせるアプリ

MAMPは、簡単に自分の Mac 内でサーバーを動かせるアプリです。WordPress の他にも、サーバーで動かすアプリケーションを実行することができます。

そよ

ざ、ざっくりすぎ?でも、いいのよ。最初はそれで♪

Webサービスを使ったアプリやサイトを開発したりする時によく使います。
(厳密にはもっと専門的なことするけど)

初心者さんは、ああ、そういうアプリね、という感覚で良いです♪

MAMP を Mac へインストールする方法

まずは MAMP をインストールして、Mac で WordPress を動かす環境を作りましょう!

MAMPをMacへダウンロードする

まずこちらのサイトへ移動してアプリをダウンロードしましょう。
サイトは英語ですが、MAMP のダウンロードには全く問題ありません。

Free Download をクリック

WordPressをMacで使えるようにする1

STEP
1

MAMP & MAMP PRO6.2 をクリック

WordPressをMacで使えるようにする2

STEP
2

ダウンロードが完了したらファイルを開きます

WordPressをMacで使えるようにする3

STEP
3

MAMPをMacへインストールする

つぎに、ダウンロードしてきた MAMP を、Mac へインストールしていきます。

続けるをクリック(2回ある)

WordPressをMacで使えるようにする|MAMPをインストール1

STEP
1

同意するをクリック

WordPressをMacで使えるようにする|MAMPインストール2

STEP
2

インストールをクリック

WordPressをMacで使えるようにする|MAMPインストール3
STEP
3

ソフトウェアインストールの許可確認画面でパスワードを入力

WordPressをMacで使えるようにする|MAMPインストール4

STEP
4

完了したら閉じるをクリック

WordPressをMacで使えるようにする|MAMPインストール完了

STEP
5

インストーラはゴミ箱に入れるをクリック

WordPressをMacで使えるようにする|MAMPインストール6

STEP
6

次は実際にMAMPを実行してWordPressをインストールします

MAMP.appを実行する

Mac に WordPress を動かすためのアプリ MAMP がインストールされました。実際に起動させてみましょう。

WordPressをMacで使えるようにする|MAMP設定1
  1. アプリケーション画面へ移動する
  2. MAMPフォルダをクリック
  3. 一覧からMAMP.appをクリック
そよ

使いやすくなるようにおまじないをします。

4.左上のPreferencesボタンをクリック

WordPressをMacで使えるようにする|MAMP設定2
WordPressをMacで使えるようにする|MAMP設定3
  1. portsをクリック
  2. 80&3306をクリック
  3. OKをクリック

WordPressをMacで使うためのデータベースを作る

WordPressは、データベースと連携してページを作成しています。

そのデータベースを使えるようにします。

そよ

入れ物を用意するだけで、データベースの知識などは必要ないですよ♪簡単♪

MAMPを起動してStartボタンを押す(ブラウザが起動します)

WordPressをMacで使えるようにする|phpMyadmin設定1

STEP
1

MySQLをクリックする

WordPressをMacで使えるようにする|phpMyadmin設定2

STEP
2

phpMyadminをクリックする

WordPressをMacで使えるようにする|phpMyadmin設定3

ここにUsernameとPasswordが書いてあります

STEP
3

Databaseタブへ移動する

WordPressをMacで使えるようにする|phpMyadmin設定4
Databaseをクリックなのに間違ってる・・・恥ずかしいなあ。

STEP
4

データベース名(*)を入力する(半角英数字)

WordPressをMacで使えるようにする|phpMyadmin設定5

文字コードが、utf8_general_ci(またはutf8mb4general_ci)になっていることを確認する

(*)データベース名は複数WordPressを運用する場合に備えて変更しておくのが良いです。

※utf8~は、データベース内の文字列の比較やソート順のルールのこと。日本語の正確なソートを期待するなら、utf8mb4unicode でもよい。MySQL8になるとデフォルトが utf8mb4_ja_0900_as_cs になるらしいけど、基本的に general 、または unicode で問題ないと覚えておいていいです。

STEP
5

createをクリックする

WordPressをMacで使えるようにする|phpMyadmin設定6

(*)データベース名はWordPressインストール時に使うので忘れないで。

STEP
6

データベースが出来ていることを確認して閉じます。

WordPressをMacで使えるようにする|phpMyadmin設定7

STEP
7

WordPressをインストールする準備ができました。

次はいよいよWordPressをインストールします!

もう少しです♪

WordPressをMacへインストールする 

WordPressをMacへダウンロードする

1.WordPress 5.5.3 (バージョンは変わります)をダウンロードをクリック

WordPressをMacで使えるようにする|WordPressインストール1
バージョンが違ってもやることは同じです
そよ

今はWordPress6.1。時代を感じます♪

2.ダウンロードされたファイルをダブルクリックして解凍します

WordPressをMacで使えるようにする|WordPressインストール2

ダウンロードフォルダを移動させる

1.解凍されたフォルダを右クリックしてコピー

WordPressをMacで使えるようにする|WordPress使用準備1
※フォルダ名を wordpress から
mamptest へ変更しました。

2.MAMPアプリフォルダ内のhtdocsへ移動

WordPressをMacで使えるようにする|WordPress使用準備2
左列アプリケーションをクリック
WordPressをMacで使えるようにする|WordPress使用準備3
htdocsをダブルクリック

3.右クリックして項目をペースト

WordPressをMacで使えるようにする|WordPress使用準備4

4.まだ変更されていないフォルダ名(*)を変更する

WordPressをMacで使えるようにする|WordPress使用準備5

(*)フォルダ名はWordPressを実行するURLになります。なんでもいいです。

WordPressをMacで実行する

1.ブラウザへ http://localhost/mamptest(フォルダ名)と入力

WordPressをMacで使えるようにする|WordPressインストール1

2.インストール画面の、「さあ始めましょう」をクリック

WordPressをMacで使えるようにする|WordPressインストール2

3.次のように記入します

WordPressをMacで使えるようにする|WordPressインストール3
  • データベース名は、先に用意した名前
  • ユーザー名とパスワードは画像のとおり
  • データベースのホストはlocalhost
  • テーブル接頭辞は、わかりやすい文字列を(複数インストールしないならそのままでも)

4.送信ボタンをクリック

5.インストール実行をクリック

WordPressをMacで使えるようにする|WordPressインストール4

6.サイト名などを入力する

WordPressをMacで使えるようにする|WordPressインストール5

※メールアドレスは自分が使っているものにしておきましょう。

7.インストールをクリックして完了です!

8.設定したユーザー名とパスワードでログインします

WordPressをMacで使えるようにする|WordPressインストール6

お疲れ様でしたー♪

これでWordPressをMacで利用する準備ができました。

やってみると意外と簡単ですよね?

いよいよインストールしたWordPressを実行します!

インストールしたWordPressを表示する

インストールしたWordPressのURLは、

http://localhost/mamptest(自分で決めたフォルダ名)です。

WordPressをMacで使えるようにする|WordPressへログイン1

左上のMampテストをクリック

WordPressをMacで使えるようにする|WordPressへログイン2

無事にWordPressの画面が表示されました。

WordPressをMacで使えるようにする|WordPressへログイン3

さあ、WordPressで楽しみましょう♪

MAMPのバージョンアップが表示されたら

MAMPも内部プログラムがアップデートされると、バージョンアップの案内が届きます。

バージョンアップは次のページでご紹介しました。

MAMPをアップデートする方法
MacでMAMPをアップデートする方法MacでMAMPをインストールしてWordPressを運用していると、MAMPのアップデート時にどうするのか。実際にMAMPのアップデートがあったので、アップデートをしてみました。一言でいうと、MAMPのバージョンアップはメチャクチャ簡単でした。...

MAMP環境を作るの面倒くさい?

例えば次に環境を作るときって同じことをするんですけど、結構時間がかかりますよね。

そういう時は、こちらのページを参考にしてください。

爆速でWordPress環境を複製できますよ♪

MAMPでWordPress環境爆速構築術
MAMPでWordPressを爆速で作る方法MAMPでWordPress環境構築も工夫次第で早く準備することができます。慣れてしまえばすぐにできるようになる、とっても簡単なMAMP構築の複製方法と、その後の大事な設定方法についてわかりやすく説明しています。...
Vektor Passport(ライセンス期間1年)
Vektor Passport(ライセンス期間1年)