NEWS 個別記事

MAMPを使ったWordPress環境の作り方

MAMPを使ったWordPress環境の作り方


MAMPとは

 「MAMP(マンプ)」とは、Web開発に必要なソフトウェアをまとめた無料のパッケージです。
MAMPは、WEB開発の基本的なパッケージが構築された状態でインストールされるため、
WordPress(ワードプレス)等を使用したWeb開発をご自身のパソコンで行うことができるようになります。

MAMPに含まれるパッケージ

  • Apache:WEBサーバーソフト
  • MySQL:データベース管理システム
  • PHP:プログラミング言語

MAMPのインストール

手順1 ダウンローダー取得

MAMPへアクセスし「Free Download」からMAMPダウンローダーをダウンロードします。

MAMPトップ画面

手順2 MAMPダウンロード

(1)ダウンローダーを実行

ダウンロードファイル(MAMP & MAMP PRO Downloader)を起動、「Download」をクリックし、完了を待ちます。

(2)インストール作業

ダウンロードが完了したら、次にMAMPのインストールを行います。インストーラーを起動し、指示従い選択をしていくと「インストール」ボタンが表示されるので選択します。お使いの端末のIDとパスワードを入力するとインストールが完了します。


MAMPの起動・初期設定

手順1 MAMPを起動

アプリケーションからMAMPを起動します。

MAMPアプリアイコン

手順2 ポート番号の変更

アプリを起動すると以下の画面が表示されます。左上の「Preferences」をクリックします。

MAMP起動画面

次の画面で「Ports」をクリック。

MAMP設定4

次に「80&3306」をクリック。

MAMP設定5

すると各ポート番号が80、3306に自動で変更されるので、「OK」をクリックすれば設定変更は完了です。

手順3 サーバーの起動

設定変更が完了したら、サーバーを起動してみましょう。右上の「Start」をクリックします。

MAMP起動1

マークの色が緑色に変われば、サーバー起動は完了です。

MAMP起動2

起動すると、以下のページが開くので、「My Website」をクリックします。

MAMP初期ページ

以下のページが表示されます。URLが「http://localhost」と表示されれば完了です。

MAMPページ

WordPressファイルのダウンロードからインストールまで

手順1 WordPressファイルのダウンロード

まずWordPressファイルをダウンロードしましょう。WordPressへアクセスし、中央左の「WordPressをダウンロード」をクリック。※ 数字は最新のverのため変動します。

WordPressDLページ

zipファイルがダウンロードされるので解凍すると、WordPressファイルが保存されます。

WordPressファイル

次に、Finder>アプリケーション>MAMP>htdocsを開き、htdocsフォルダ内にWprdPressファイルを保存します。このhtdocs内にファイルを置くことで、ローカル環境で開くことができます。

MAMPフォルダ

手順2 MySQLでデータベースを作成

次に、WordPressをローカル環境で開くためのデータベースを作成します。MAMPを開き、パネル右上の「WebStart」をクリックします。

MAMPコントロールパネル

スタートが開かれるので、左上の「Tools」をクリック。

MAMPスタートページ

プルダウンメニューから「phpMyAdmin」をクリック。

MAMPスタートページ2

phpMyAdminページが開かれるので、「データベース」タブをクリック。

次に、データベース名を入力します。データベース名は分かりやすい名称であれば問題ありませんので任意の名称を入力してください。(ここでは「sample_db」としました)

データベース名を入力したら、文字コードを指定します。
プルダウンを開き、任意の文字照会設定を選択し、「作成」をクリックします。
※「utf8mb4_general_ci」や「utf8mb4_0900_as_ci」でも問題ありません。

データベースページ

左側に「sample_db」というデータベースが作成されたら完了です。

手順3 WordPressのインストール

webブラウザに「localhost」と入力すると、WordPressのインストール画面が開かれます。「さぁ、始めましょう!」をクリックします。

WordPressインストール

次に、データベース接続のための詳細を入力します。データベース名は先ほど作成した「sample_db」を入力します。

データベース詳細

ユーザー名、パスワードの情報は、MAMPスタートページの「MySQL」をクリックすると表示されます。ここでは、どちらにも「root」を入力します。(ホスト名、テーブル接頭辞はそのままでOK)

MAMPトップ

入力が完了したら「送信」をクリック。

データベース詳細送信

「インストール実行」をクリック。

WordPressインストール

最後に、ログイン情報の入力です。サイトのタイトル、ユーザー名、パスワードは任意の値を入力。メールアドレスには、WordPressの更新情報などの通知を確認できるアドレスを入力します。

入力が完了したら「WordPressをインストール」をクリックします。

WordPressインストール2

これでインストールは完了です。早速ログインしてみましょう。

インストール完了

先ほど設定したユーザー名・パスワードを入力してください。

WordPressログイン

無事、WordPressにログインすることができました。

WordPress管理画面

以上で全ての手順が完了となります。