MAMPを使用してWordPressのローカル環境をつくる

WordPressは全体の非公開機能がないため、サーバーにアップした瞬間から公開された状態になります。そのため開発段階では、ローカルサーバー環境を作り、制作やテストを行います。

環境

• macOS High Sierra
• WordPress 5.4.2
• MAMP 5.7

WordPressをインストール

• 下記の公式サイトからWordPressダウンロード

ja.wordpress.org

WordPressの基礎知識

• WordPressとは、ブログソフト＝CMS（コンテンツマネジメントシステム）で、HTMLやCSSなどのプログラミングの専門知識がなくてもWebサイトの管理ができます。無料、機能性、自由度の高さから人気があります。

MAMPをインストール

• 下記の公式サイトからMAMPをダウンロード

www.mamp.info

• Free Downloadクリック＞MAMP & MAMP PRO 5.7をクリック
• ダウンロードしたファイルを解凍して、インストーラーにそってインストール

MAMPの基礎知識

• MAMPとは、無料で使用できるローカルサーバー環境のことです。（Macで推奨 / WindowsはXAMPPを推奨）
• PHP実行環境を構築する際に使用します。

MAMPの設定を変更

• アプリケーション内のMAMP（灰色サークルに白い象のアイコン）実行ファイルをダブルクリックして開きます。
  • MAMP PRO（青色サークルに白い象のアイコン）は使用しません。
• メニュー ＞ MAMP ＞ Preferences ＞ Ports ＞ Set Web & MySQL ports 80 & 3306をクリック ＞ OKをクリック

MAMPを日本時間に変更

• /Applications/MAMP/bin/php/php7.4.2/conf/php.iniを念のためバックアップをとってからDreamweaverで開きます。
• 「timezone」で検索し、[Date]の「default_timezone」を"Europe/Berlin"から"Asia/Tokyo"に変更（上書き保存）

MAMPのデーターベースを設定

• /Applications/MAMP/htdocs内にダウンロードしたWordPressを解凍して「WordPress」から「wp」に名前を変更したフォルダを作成します。（フォルダ名は任意）
• MAMPのStart Serversクリック

• ブラウザで「Welcome to MAMP」が開く＞TOOLS＞PHPMYADMINクリック

• 別ウィンドウで「phpMyAdmin」が開く＞Databases/データベースタブをクリック＞Create database / データーベースを作成する下の入力バーに「wp」＞隣の選択バーはutf8_general_ciを選択＞Create / 作成クリック

WordPressを設定

• ブラウザの新規ウィンドウ＞アドレスバーに「localhost/wp」と入力しreturen
• 「WordPressへようこそ...」が開く＞さあ、始めましょう！クリック

• 次の画面で以下を入力

データーベース名：wp（htdocs内のフォルダ名）
ユーザー名：root（デフォルト値）
パスワード：root（デフォルト値）
データベースのホスト名：localhost
テーブルの接頭辞：wp_

• 送信クリック
• インストール実行クリック

• 「ようこそ」の画面で以下を入力

サイトのタイトル：任意のタイトル
ユーザー名：任意（ログインで必要）
パスワード：任意（ログインで必要）
メールアドレス：任意
検索エンジンでの表示：チェックしない

• WordPressをインストールクリック
• 「成功しました！」が開く＞ログインクリック
• WordPressのダッシュボードが開きます。

通常のログイン方法

• MAMP（灰色サークルに白い象のアイコン）実行ファイルを起動＞Start Serversクリック
  • ブラウザで「Welcome to MAMP」が開きます。
• ブラウザの新規ウィンドウを開く＞アドレスバーに「http://localhost/wp/wp-login.php」と入力＞ログイン画面が開くので「ようこそ」の画面で設定したユーザー名とパスワードでログイン

• ダッシュボードが開きます。

＜参考サイト＞

odnax.hatenablog.com
odnax.hatenablog.com
briarpatch.co.jp