WordPressとMySQLをローカル環境で利用する | えんじにか

えんじにか

元エンジニアがセラピストになっちゃったブログ。iPhoneや日々の雑多など個人的に気になったことを綴っています。

WordPressとMySQLをローカル環境で利用する

      2014/05/07

7230055562 c06d96cd3f z 400x265 WordPressとMySQLをローカル環境で利用する
PC_Desk / johnsalvador

 

どーもハラです。

目次5つ目の記事です↓

目次
  1. MAMPの導入
  2. MAMPの設定
  3. WordPressのコピー(バックアップ)
  4. DB(MySQL)へのインポート
  5. ローカル環境への書き換え

 

まとめ記事はこちら↓
 WordPressとMySQLをローカル環境で利用するMAMPでローカルにブログを再現!ブログのトラブルシューティングにもオススメ WordPressとMySQLをローカル環境で利用する

 

 

ローカル環境向け設定

目次の手順3(WordPressのコピー)で取得したWordPressのファイルをMAMPの環境へコピーしローカル環境でブログを表示させます。

 

取得したWordPressファイルを移動

手順3(WordPressのコピー)取得したWordPressを、手順2(MAMPの設定)で設定したドキュメントルートに移動させる。

自分の場合は下記の通り↓
/Users/xxx/Documents/MAMP/htdocs/wordpress

 

※単純にコピーしただけではデータベースに接続できず下記エラーが出力されます
0ab32b649318c8c279d1438202179cc7 400x148 WordPressとMySQLをローカル環境で利用する

 

ローカル環境向けにDB設定を修正

wordpress直下にあるwp-config.phpのDB関連の設定を以下の値に修正。もちろん自由に指定することができるので設定値は任意に変更して下さい。あ、任意に変更とは言ってもインポートしたDB名称とは同じにしてくださいね。


/** The name of the database for WordPress */
define('DB_NAME', 'wordpress');

/** MySQL database username */
define('DB_USER', 'root');

/** MySQL database password */
define('DB_PASSWORD', 'root');

/** MySQL hostname */
define('DB_HOST', 'localhost');

 

インポートしたDB(MySQL)のドメイン書き換え

手順4(MySQLへのインポート)でインポートしたDBをローカルで使用できるように設定変更が必要です。

インポートしたDBにはサーバで使っていたデータが入っているので、このブログであれば「http://up-app-m.com」というデータがDBに格納されていてローカルで使用できません。

そのため「http://up-app-m.com」を「http://localhost/wordpress」というURLに置換します

あ、もちろん括弧→”「」“は不要です。

 

ツールを使用して一括置換

 WordPressとMySQLをローカル環境で利用するWordPress Serialized PHP Search Replace Tool | Interconnect IT – WordPress Consultants, Web Development and Web Design WordPressとMySQLをローカル環境で利用する

 

 

①上記リンクよりv2.1.0を取得
c2a813b1c353cbc96c524a05d2794ff7 400x191 WordPressとMySQLをローカル環境で利用する
v3.0.0だと文字化けして使えませんでした。ハマりました・・・orz

searchreplacedb21.zipをダブルクリック
38eabd2d0e7c0904cc7c4120b4a0aa05 WordPressとMySQLをローカル環境で利用する

③解凍されたsearchreplacedb2.phpを、手順2(MAMPの設定)で設定したドキュメントルートに移動
daef7748578cec7fd3f288dcca799c3c 400x127 WordPressとMySQLをローカル環境で利用する

④ブラウザのURLに「http://localhost/wordpress/searchreplacedb2.php」を入力すると下記画面が表示される
bef683f2015764301d1363b14c4918a4 400x214 WordPressとMySQLをローカル環境で利用する

以降、ええのんか?と聞かれたらイエッス!と応えましょう。上書きするので間違えないように気を付けてください。

⑤Submitをクリック
bef683f2015764301d1363b14c4918a41 400x214 WordPressとMySQLをローカル環境で利用する

wp-config.phpに設定したデータベース情報であることを確認し、Submit DB detailsをクリック
bac2093fc7ba60e614c0dd7e853defe8 400x255 WordPressとMySQLをローカル環境で利用する

⑦検索対象のテーブル情報が表示される、Continueをクリック
81935de4c9f6a39915f4bc48e8b6deb7 400x261 WordPressとMySQLをローカル環境で利用する

⑧書き換える文字列を指定し、Submit Search stringをクリック(下記は自分の環境の場合)

書き換えるので、間違えないように再確認しましょう。

  • Search for (case sensitive string): http://up-app-m.com
  • Replace with: http://localhost/wordpress

e774bd0b289ddceb2d2543b9d75b5b9b 400x247 WordPressとMySQLをローカル環境で利用する

⑨置換結果が表示される
9e50741c14de3df977d5c403ec68dfbe 400x193 WordPressとMySQLをローカル環境で利用する

自分の場合は、いくつか置換すべきパターンがあったので④〜⑨の処理を繰り返しました。以下パターン。

  • wordpressが多い(『http://localhost/wordpress/wordpress/』になっている)
  • スラッシュが多い(『http://localhost/worspress//』になっている)
  • www有りアドレス(『http://www.up-app-m.com』になっている)

などのパターンがありました。使用環境によって違いがあるかもしれません。

 

CDNの設定を修正

このブログではCDNとしてPhotonを使っているのですが、これを無効にしないと画像が表示されません。ローカルの管理画面からPhotonを無効にすればOKです。無効にするとローカルの画像ファイルを参照するようになり、画像が表示されるようになります。

 

以上で書き換えは終了です。

 

ローカルで再現したところ

URLが「localhost/wordpress」であることと、ブログの画像などがちゃんと表示されていることが確認できますね↓

d927670f77fc774f76b4c15566d4f5ad 400x366 WordPressとMySQLをローカル環境で利用する

 

こちら参考にした記事です

 WordPressとMySQLをローカル環境で利用するWeb環境のWordPressをローカル環境にコピー – MAMP – WordPressの使い方 – レンサバ比較のカルマ WordPressとMySQLをローカル環境で利用する

 

 

ということで集中連載(?)終了。まとめ記事に総括を書きましたのでよろしければどうぞ。

 - ▼ブログ, ▽ツール , , ,

AdSense

AdSense

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *

  関連記事

71338104_a9277c048e
【同期ブロガー募集】2013年にブログ開始したブロガーさん 一書き行こうぜ!

Buddies / adactio よし、同期ブロガーさん募集しよう! &nbs …

daiji
イベントの失敗から学ぶ!記事タイトルの重要性と改善への取り組み

さてみなさんズッコケましたか。 自分は雪で滑ってズッコケマシタ。左手がイタイ。 …

3306434266_29c4c69b0c_z
ブログ運営9ヶ月目 2014年2月のアクセス数と収益報告

graph / jimmiehomeschoolmom 9ヶ月目のブログ運営振り …

103113889_ec5433d9ea_z
DB(MySQL)へのインポート

MySQL certification comes with swag / gg …

wordpress
【効果あり!】WordPressのテーマを「Stinger」に変えてみた結果(導入から1.5ヶ月)

PV数が100万とか、200万とかツイッターでフォローしている方々が元気な中、ワ …

4105756012_db89e4be50_z
【月次報告】ブログ収益7ヶ月目 2013/12は前月比微増

Income tax / alancleaver SECOMしてますか?ハラです …

a0002_003879
ブロガー名刺がサミット前に来ないかもしれない。じぇじぇじぇ!

あまちゃん見たことないけどね。 流行りに乗ってたら、検索からの流入増えるってもん …

wordpress
WordPressで、大量にプラグイン更新してエラーになる事象。

どうも、ちはちは。ちはやふるです(違ぇ)   WordPress問題も …

3830535451_29a8f2b373_z
モブログ(タブログ)環境ー1週間目の縛りプレイ

BLOG / evanhamilton どーもーもーもー。ウシです。 あ、間違え …

zenback
ブログのアクセスアップツール「Zenback」止めてみました

原監督ネタをふっていただくことが多く、みなさま食いつきがいいのですが、 グータッ …