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 *

  関連記事

google
Googleさん(アメリカ)から支払い有効通知キターーー!

ハラでーす。わんばんこ。 いやーいつもわんばんこって自分で言うとわんこそば思い出 …

写真 2013-08-25 19 41 05
ブロガー名刺日曜日の夜届きましたとさ。おしまい。

  ↑ブロガー名刺じつぶつ   もう死にたい。嘘です。 えぇ …

3183290111_989c5b1bec_z
【月次報告】ブログ6ヶ月目のアクセス数 2013/11版 PV数前月比20%up!そして奇跡のゾロ目

Internet Access Here Sign / steverhode 今 …

スクリーンショット 2013-08-18 11.06.46
今話題のWordPressのテーマ「Stinger2」を入れてみました。

WordPressアップデートの失敗のあおりを受けて導入できていなかったのですが …

wordpress
MacとiPhoneでブログ更新する時の差分(というか手直し)

ブログをヴログと書いてしまったのですが、 いっそこのままでいいんじゃ?ウヰスキー …

147066705_c1a74e3b64_z
【月次報告】ブログ7ヶ月目のアクセス数 2013/12は1.5万PV

Blog (detall) / lady-madonna さぁみんなー体操の時間 …

3064351634_2985f244c7_z
【月次報告】ブログ収益8ヶ月目 2014/1は前月比+230%

Money Queen / doug88888 ↑どの国でも行われることなのでし …

スクリーンショット 2013-08-18 11.06.46
アイキャッチ画像のアップロードでエラ発生中。

そうエラ呼吸。   さて、シコシコと190件の投稿に対してアイキャッチ …

FB-f-Logo__blue_144
ブログに貼るFacebookのプロフィール用バナーってどうやって取得すんですか。

facebookページをせっかく作ったので(→作成&公開手順)ブログにリンク貼り …

zenback
zenbackをiPhoneで登録しようとして逃げられる無限ループ

まぁ色々とありそうですが、とりあえず使ってみることにしました。   そ …