word benchosakavol14 ishida
TRANSCRIPT
![Page 1: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/1.jpg)
WordPressのお引っ越しspecialコマンドは使わないからデザイナーでも安心♪ [mac編]
2013.02.16 石田 美穂
![Page 2: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/2.jpg)
自己紹介
フリーランスのWEBデザイナーです。「イシダウェブ工房」の屋号にて個人で活動中のほか、「WEB制作会社 StudioBRAIN」のアシスタントとして、 いろんなWordPress案件に関わっています。趣味はネイルと園芸など。
ishidamiho
dk45blog
http://ishida-webkontor.com
http://www.studiobrain.net
facebooktwitterwebsite
石田 美穂 (いしだ みほ)
よかったらフォローしてください★
![Page 3: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/3.jpg)
Section 1. ローカル環境の構築
![Page 4: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/4.jpg)
1. PCにMAMPをインストール MAMPをWEBサイトからタウンロード
パソコンにインストール
2. MAMPを起動して自分のPCにDBを作る MAMPを起動
phpMyAdminを開いて新規Dを作る
3. MAMPにWordPressを設置して動かす MAMPの中の「htdocs」ディレクトリにWordPressを置き、
DBの接続情報を書き込み、使えるようにする
全体的な流れをざっと説明
![Page 5: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/5.jpg)
MAMPのインストール
MAMPと検索すると一番上に出てくると思います
左側の「MAMP」をダウンロード。
![Page 6: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/6.jpg)
MAMPのインストール
DLしたフォルダをクリックして解凍。
インストール画面が出てくるので、あとはどんどん「続ける」をクリックしてインストール完了。
![Page 7: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/7.jpg)
MAMPのインストール
アプリケーションの中に「MAMP」というディレクトリができているはず。
なぜかMAMP PROも入ってくるけど要らないのでアンインストール。
![Page 8: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/8.jpg)
MAMPを起動
このアイコンをクリックしてMAMPを立ち上げ
「サーバを起動」を押す。するとウェブサーバを自分のパソコンで使えるようになる。
![Page 9: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/9.jpg)
ローカルにWP用のDBを作る
DBを作成します。
「スタートページを開く」をクリックブラウザでこの画面が立ち上がります。
メニューの中から「phpMyAdmin」をクリックします。
![Page 10: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/10.jpg)
DBの名前: 任意文字コード: utf8_general_ci
ローカルにWP用のDBを作る
![Page 11: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/11.jpg)
からっぽのDBができました。
ローカルにWP用のDBを作る
![Page 12: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/12.jpg)
ローカルにWordPressを設置
アプリケーション/MAMP/htdocs の中に任意の名前でフォルダを作り、WordPressのファイルを入れておく。
![Page 13: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/13.jpg)
ローカルのWordPressにアクセス
ブラウザのアドレスバーに localhost:8888/wordpress/wp-admin/ と入れてみよう。(赤字のところはさっき自分がWPデータを入れたフォルダ名にする)
wp-config.phpを設定する画面になります。
![Page 14: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/14.jpg)
WPにDB情報を入力
DB情報を入力。
データベース名:wpdata (さっき自分で作った名前)ユーザー名:rootパスワード:rootデータベースのホスト名:localhost
![Page 15: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/15.jpg)
ローカルにWPがインストールされた!
WordPressインストール完了!
![Page 16: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/16.jpg)
ローカルでいつもどおりの構築ができます
![Page 17: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/17.jpg)
Section 2. ローカル環境から本番環境へ
![Page 18: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/18.jpg)
1. 事前準備:ローカル phpMyAdminを使ってDBをダウンロード
2. 事前準備:本番サーバ WordPress本体、 テーマファイル、画像フォルダをアップロード
phpMyAdminを使って空のDBを作り、データをインポートする。
wp-config.phpに新サーバのDB情報を記入
3. URLの書き換え 「searchreplacedb2.php 」を使っDBの中にあるURLを一括変換
4. 新サーバにログイン
全体的な流れをざっと説明
![Page 19: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/19.jpg)
(;・∀・) な、なんか手順多い?! ヨワヨワデザイナーにはむずかしそう・・・
( ゚Д゚)b 大丈夫!暗黒画面(ターミナル)と魔術 (コマンド) は使わないよ。 クリックとちょこっと文字入力だけで出来るんだぜ! 慣れたら10分もあれば引っ越しできる。
全体的な流れをざっと説明
![Page 20: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/20.jpg)
1. 事前準備:ローカル phpMyAdminを使ってDBをダウンロード
2. 事前準備:本番サーバ WordPress本体、 テーマファイル、画像フォルダをアップロード
phpMyAdminを使って空のDBを作り、データをインポートする。
wp-config.phpに新サーバのDB情報を記入
3. URLの書き換え 「searchreplacedb2.php 」を使っDBの中にあるURLを一括変換
4. 新サーバにログイン
1. 事前準備:ローカル編
![Page 21: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/21.jpg)
ローカルDBのダウンロード
MAMPのphpMyAdminを立ち上げて、WP用に作ったDBの名前をクリックする。
![Page 22: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/22.jpg)
ローカルDBのダウンロード
「エクスポート」をクリック
![Page 23: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/23.jpg)
「出力をファイルに保存する」にチェックを入れる。
形式は「zip」か「gzip」で。その後、「実行」ボタンを押す。
↓
DBのデータが取り出せました。
ローカルDBのダウンロード
![Page 24: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/24.jpg)
1. 事前準備:ローカル phpMyAdminを使ってDBをダウンロード
2. 事前準備:本番サーバ WordPress本体、 テーマファイル、画像フォルダをアップロード
phpMyAdminを使って空のDBを作り、データをインポートする。
wp-config.phpに新サーバのDB情報を記入
3. URLの書き換え 「searchreplacedb2.php 」を使っDBの中にあるURLを一括変換
4. 新サーバにログイン
2. 事前準備:本番サーバ編
![Page 25: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/25.jpg)
WPのファイル一式、テーマ、画像フォルダをUP
普通にFTPでサクッと。
![Page 26: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/26.jpg)
本番サーバのDB情報を書き換え
本番サーバにアップしたWordPressの中の
wp-config.phpを開き、
ローカル環境でのDB情報から
本番サーバでのDB情報に書き換える。
![Page 27: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/27.jpg)
本番サーバのDBにデータをインポート
本番サーバでphpMyAdminを起動。新規DBを作成する。
「インポート」タブをクリックし、ローカルDBから落としてきたデータを選択。
「実行する」を押すと、データが取り込まれる。
![Page 28: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/28.jpg)
一瞬でDBの取り込み完了!
![Page 29: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/29.jpg)
1. 事前準備:ローカル phpMyAdminを使ってDBをダウンロード
2. 事前準備:本番サーバ WordPress本体、 テーマファイル、画像フォルダをアップロード
phpMyAdminを使って空のDBを作り、データをインポートする。
wp-config.phpに新サーバのDB情報を記入
3. URLの書き換え 「searchreplacedb2.php 」を使っDBの中にあるURLを一括変換
4. 新サーバにログイン
2. 事前準備:本番サーバ編
![Page 30: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/30.jpg)
ここで問題になるのがurl
ローカル環境でのurl (例)
本番サーバでのurl (例)
http://localhost:8888/wordpress
http://samplesite.com/wordpress
DBの中に書き込まれている
旧アドレスを書き換える事が必要。
![Page 31: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/31.jpg)
エディタで一括置換はダメ><
エディタでDBファイルを開け、一括置換を使ってurlの書き換えをしてしまうと、
内容の書き換えが適切に行われない可能性があります。結果・・・
・ウィジェットの設定が復元されない
・動かないプラグインが出てくる可能性もある
url変換ツールを使えば大丈夫!
http://webcre-archive.com/2012/10/04/wordpress-db-url-replace/http://dogmap.jp/2012/09/20/wordpress-replace-siteurl/
参考記事
![Page 32: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/32.jpg)
url変換スクリプトをダウンロード
wordpress search and replace tool
http://interconnectit.com/products/search-and-replace-for-wordpress-databases/
ここからダウンロードしたZIPを解
凍して、
searchreplacedb2.phpを入手。
![Page 33: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/33.jpg)
url変換スクリプトをアップして実行
先ほどのsearchreplacedb2.phpを、
wp-config.phpと同じ階層に置く。
ブラウザからsearchreplacedb2.php
にアクセスする。
例)
http://sample.com/searchreplacedb2.php
![Page 34: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/34.jpg)
url変換ツールを実行
チェックはそのままで「submit」を押す
![Page 35: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/35.jpg)
url変換ツールを実行
先ほどwp-config.phpに書き込んだ情報が出てきます。内容に間違いがないのを確認したら、「submit DB details」をクリック。
![Page 36: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/36.jpg)
url変換ツールを実行
テーブルが全部選択されてる状態になっていると思います。そのまま「countinue」をクリック
![Page 37: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/37.jpg)
url変換ツールを実行
ポップアップでアラートがでてくるので、「OK」を押すそして「continue」
![Page 38: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/38.jpg)
旧アドレス・新アドレスを入力
ローカルのWPアドレスをテストサーバのアドレスに読み替えればテストサーバ→本番サーバの引っ越しにも使えますよ!
本番サーバのWPアドレス
ローカルのWPアドレス例)http://localhost:8888/wordpress
注意:
http://localhost:8888/wordpress/ ←最後にスラッシュいれてはダメ!変換できない箇所がでてきてしまいます
![Page 39: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/39.jpg)
旧アドレス・新アドレスを入力
ほんまにやっちゃってええの?と聞かれるので良ければ「OK」を押そう。
![Page 40: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/40.jpg)
url変換が完了・変換ルールを削除
url変換した結果が表示されて、完了。searchreplacedb2.phpは速やかに削除しよう。
![Page 41: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/41.jpg)
引っ越しできてた!
![Page 42: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/42.jpg)
1. 事前準備:ローカル phpMyAdminを使ってDBをダウンロード
2. 事前準備:本番サーバ WordPress本体、 テーマファイル、画像フォルダをアップロード
phpMyAdminを使って空のDBを作り、データをインポートする。
wp-config.phpに新サーバのDB情報を記入
3. URLの書き換え 「searchreplacedb2.php 」を使っDBの中にあるURLを一括変換
4. 新サーバにログイン
2. 事前準備:本番サーバ編
![Page 43: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/43.jpg)
管理画面をあけてみる
一番最初にwp-admin/にアクセスすると「データベースの更新が必要です」と出てくるので、そのまま更新してください。
![Page 44: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/44.jpg)
管理画面に入れた!
ローカル環境で作っていたIDとPWを入れるとログインできます。プラグインの設定などもきちんと持って来れています。
![Page 45: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/45.jpg)
バックアップも同じ手順で復元OK
バックアップ用プラグイン等で保存しておいたDBも、引っ越しと同じ手順で復元できる。
![Page 46: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/46.jpg)
ちょっと余談かもですが
「インポートツール」ってありますよね?あれで引っ越しはできないの?
以前、自分でも疑問に思っていました
![Page 47: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/47.jpg)
インポートツールでは完全な引っ越しができない
これにはすべての投稿、固定ページ、コメント、カスタムフィールド、カテゴリー、タグ、ナビゲーションメニュー、カスタム投稿が含まれます。
ウィジェット、パーマリンク、プラグインの設定・・・等はついてこない、という事。
![Page 48: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/48.jpg)
インポートツールで引っ越したら
指定した固定ページがトップページになってないスライダーが設定されてないフッターウィジェットが無いサイドバーウィジェットが初期化されてるパーマリンクがデフォルトだ
手動で直さないといけないのでめんどくさい&手違いが発生するかも><
![Page 49: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/49.jpg)
今日のポイント
・ターミナル&コマンドを使わなくても引っ越しはできる。
・URL変換はエディタではなく専用ツールを使おう。
・ローカル環境で何回か練習して、手順に慣れよう。
![Page 50: Word benchosakavol14 ishida](https://reader031.vdocuments.net/reader031/viewer/2022032114/55abc8741a28ab67228b46c8/html5/thumbnails/50.jpg)
おしまい
ご清聴ありがとうございました!