menu
menu

キーワード検索

 

前月(5月)の人気記事トップ10

  1. ( 1 - ) 【CSS】CSSだけでドロップダウンメニュー
  2. ( 2 - ) 【CSS】CSSだけでサイズ可変・スマホ対応のアコーディオン
  3. ( 3 - ) 【Mac】Macのユーザー名とアカウント名を変更する
  4. ( 4 - ) 【Mac】MacにInkscapeをインストール
  5. ( 9 ↑) 【jQuery】jQueryでドロップダウンメニュー
  6. (10 ↑) 【CSS】スマホサイト向け横にスクロールするナビゲーション
  7. ( 6 ↓) 【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定
  8. ( - ↑) 【CSS】レスポンシブデザインのブレークポイントは⁉
  9. ( 7 ↓) 【CSS】CSSだけでブロック要素の表示非表示(トグルボタン)
  10. ( 5 ↓) 【HTML5】スマホサイトの作成・基本編
このエントリーをはてなブックマークに追加

【WordPress】WordPressをMacのローカル環境にインストール

【WordPress】WordPressをMacのローカル環境にインストール

こんにちは(・∀・)

今日はMAMPがインストールされたMacのローカル環境にWordPressをインストールしていく方法について解説していきます。

WordPressのインストール

Macのローカル環境にWordPressをインストールしていきます。

WordPressをインストールする前にMAMPのインストールなどは済んでいるということが前提です。なのでまだの方は次のリンク先をご確認いただきインストールなどは終わらせておいてください。

【MAMP】MacにMAMPをインストール
【MAMP】MAMPでバーチャルホスト 必要であれば
【MAMP】MAMPのポート番号を元に戻す 必要であれば

MySQL

はじめにMySQLでデータベースを作ります。

MAMPを立ち上げてサーバを起動「ようこそ」画面からphpMyAdminを開きます。

【WordPress】WordPressをMacのローカル環境にインストール

画面上部にあるツールをクリックしてphpMyAdminを開いてください。

おや?!、phpMyAdminが白地で選択できないようになっている...

PHPのバージョンが5.5.xから7.0.x...

【WordPress】WordPressをMacのローカル環境にインストール

MAMPのPreferencesでPHPのバージョンを確認してみます。

PHPのバージョンが7.1.1になっていました。

【WordPress】WordPressをMacのローカル環境にインストール

PHPのバージョンを上の7.0.15に変更します。

【WordPress】WordPressをMacのローカル環境にインストール

これでphpMyAdminが使えるようになりました。

【WordPress】WordPressをMacのローカル環境にインストール

それではphpMyAdmin開きます。

【WordPress】WordPressをMacのローカル環境にインストール

新しくデータベースを作ります。

【WordPress】WordPressをMacのローカル環境にインストール

データベースの名前はなんでもいいです。WordPressのバックアップ的に考えているなら本番サーバと合わせてもいいですし、ローカルではWordPressの外観のテスト用だけというのであれば適当でいいと思います。名前を入力して作成ボタンをクリックしてください。

【WordPress】WordPressをMacのローカル環境にインストール

!このデータベースにはテーブルがありません、と出ますがここでは気にしないで大丈夫です。

【WordPress】WordPressをMacのローカル環境にインストール

サーバ:localhostをクリックしてデータベースタブを開くと新しく作ったデータベースが追加されているのが確認できます。

【WordPress】WordPressをMacのローカル環境にインストール

phpMyAdminでデータベースを作成する作業はこれで終了です。


次にWordPressをダウンロードします。

WORDPRESS.ORG 日本語からWordPressをダウンロードしてください。

【WordPress】WordPressをMacのローカル環境にインストール

ダウンロードしたzipファイルを解凍します。

【WordPress】WordPressをMacのローカル環境にインストール

解凍してできたwordpressフォルダをApacheのドキュメントルート、アプリケーション → MAMP → htdocsにコピーしてください。バーチャルホストの設定をしている場合は設定したドキュメントルートのインストールしたいフォルダにコピーしてください。このフォルダの名前を変更したい場合(例えばwordpress → wpなどなど)はこの時変更しておいてください。

【WordPress】WordPressをMacのローカル環境にインストール

それではWordPressをインストールしていきます。ブラウザを立ち上げてMAMPのポート番号を変更している方はhttp://localhost/wordpress/、変更していない方はhttp://localhost:8888/wordpressと入力して「リターン」キーを押してください。WordPressのインストール画面になります。さあ、始めましょう!をクリックしてインストールしていきます。

【WordPress】WordPressをMacのローカル環境にインストール

入力画面です。必要事項を入力していきます。

【WordPress】WordPressをMacのローカル環境にインストール

データベース名は先ほどphpMyAdminで作ったデータベースの名前を入力します。

それ以外はMAMPのようこそ画面に表示されている内容を入力します。

【WordPress】WordPressをMacのローカル環境にインストール

ポート番号を80番に変更した場合、データベースのホスト名はlocalhostですが、ポート番号を変更していない場合はlocalhost:8889と入力して送信をクリックしてください。

【WordPress】WordPressをMacのローカル環境にインストール

インストール実行をクリックしてください。

【WordPress】WordPressをMacのローカル環境にインストール

必要事項を入力してWordPressをインストールをクリックしてください。

【WordPress】WordPressをMacのローカル環境にインストール

インストールが成功したらログイン画面が表示されます。先程作成したログイン情報を入力してログインしてください。

【WordPress】WordPressをMacのローカル環境にインストール

この画面が表示されたらWordPressのインストールは成功です。

【WordPress】WordPressをMacのローカル環境にインストール


次にサブディレクトリにインストールしたWordPressをドキュメントルートに表示させます。設定画面を開いてください。

【WordPress】WordPressをMacのローカル環境にインストール

サイトアドレス部分を変更したら下の方にある「変更を保存」ボタンをクリックして変更を確定させます。

【WordPress】WordPressをMacのローカル環境にインストール

wordpressフォルダにあるindex.phpファイルをコピーしてWebサイトのドキュメントルートにペーストしてください。

ペーストしたらindex.phpを開いてパスを変更します。

【WordPress】WordPressをMacのローカル環境にインストール

パスを変更したら終了です。

【WordPress】WordPressをMacのローカル環境にインストール

これでルートディレクトリにWebサイトが表示されるようになります。

以上でMAMPがインストールされたMacのローカル環境にWordPressをインストール作業は終了です特に難しいことはありませんので入力部分などを間違えないようにすることがポイントになります。


関連リンク

【MAMP】MacにMAMPをインストール
【MAMP】MAMPでバーチャルホスト
【MAMP】MAMPのポート番号を元に戻す

  • CSS3 Mac WordPress
このエントリーをはてなブックマークに追加