1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. WordPress
  6. »
  7. WordMove | 運用中の WordPress 環境をローカルと FTP で同期

WordMove | 運用中の WordPress 環境をローカルと FTP で同期

道が覚えられない、@It_is_Rです。
人生さえ彷徨い続けてここにいます。

さて、運用中の WordPress サイトの環境を、ローカル開発環境と同期したい時、 WordMove を使うととても便利です。
今回は WordMove でリモートとローカルを FTP で同期させる方法を紹介します。

目次
  1. はじめに
  2. WordMove のインストール
  3. movefile.yml を作成
  4. movefile.yml を変更
  5. リモートの WordPress をローカルにダウンロード
  6. Internal Server Error
  7. データベースが同期されない場合
  8. まとめ

はじめに

今回、作業を行うまえに、あらかじめ、VirtualBox と Vagrant をインストールしておきます。
【 Mac 】 Vagrant と VirtualBox のインストール方法。

さらに、 WordPress のローカル開発環境も整えておきます。
VCCW で、超簡単に WordPress のローカル開発環境を整える方法。

WordMove のインストール

まず、インストールから始めましょう。
以下のコマンドを実行します。

$ gem install wordmove

movefile.yml を作成

vagrant up コマンドで、 Vagrant を起動すると、 movefile.yml が作成されます。
もし、このファイルを消してしまった場合は、以下のコマンドで、 movefile.yml を作成します。

$ wordmove init

movefile.yml を変更

では、設定を変更していきます。
movefile.yml を開き、以下のように書き換えます。

local:
  vhost: "http://vccw.test/"
  wordpress_path: "ローカルの、 WordPress をダウンロードしたいディレクトリを入力" # use an absolute path here

  database:
    name: "wordpress"
    user: "wordpress"
    password: "wordpress"
    host: "localhost"
    charset: "utf8"

production:
  vhost: "自分のサーバーのURLを入力"
  wordpress_path: "サーバー上のWordPressのディレクトリを入力。(多くの場合、 / と入力)" # use an absolute path here

  database:
    name: "データベース名を入力"
    user: "データベースのユーザー名を入力"
    password: "データベースのパスワードを入力"
    host: "データベースのホスト名を入力"
    charset: "utf8"
    # port: "3308" # Use just in case you have exotic server config
    # mysqldump_options: "--max_allowed_packet=1G" # Only available if using SSH

  exclude:
    - ".git/"
    - ".gitignore"
    - ".sass-cache/"
    - "bin/"
    - "tmp/*"
    - "Gemfile*"
    - "movefile.yml"
    - "wp-config.php"
    - "wp-content/*.sql"

  ftp:
    user: "FTP のユーザー名を入力"
    password: "FTP のパスワードを入力"
    host: "FTP のホスト名を入力"
    passive: true
    scheme: "ftps もしくは ftp かを入力" # default "ftp"

リモートの WordPress をローカルにダウンロード

では、以下のコマンドを実行し、 WordPress 全体をローカルにダウンロードします。

$ wordmove pull --all

これで、サイト全体をダウンロードすることができます。

また、部分ごとにダウンロードすることもできます。

//WordPress本体をダウンロード
$ wordmove pull -w
//メディアファイルをダウンロード
$ wordmove pull -u
//テーマをダウンロード
$ wordmove pull -t
//プラグインをダウンロード
$ wordmove pull -p
//言語ファイルをダウンロード
$ wordmove pull -l
//データベースをダウンロード
$ wordmove pull -d

また、 pull ではなく、 push にするとアップロードが開始されます。
間違えると、本当のサイトが壊れますので、注意です。

Internal Server Error

サイト全体をダウンロードし、アクセスすると、Internal Server Errorとなる場合があります。

その場合は、 wordpress フォルダ内の、「 .htaccess 」を削除すると、サイトが表示されます。
※意図的に .htaccess を変更していない場合。

データベースが同期されない場合

サイト全体のダウンロードが終わり、実際に vccw.test を開いてみると、サイトが初期状態のまま反映されていない場合があります。(私の場合がそれでした)
これはデータベースが同期されていないのが原因のようです。

そんな場合は、データベースのみ別にダウンロードして、ローカルのサイトに反映させる方法を使います。

まず、使っているサーバーから、 sql ファイルをダウンロードして、 vccw フォルダに保存します。

仮想マシンにログインする

データベースを反映させたいので、仮装マシンにログインしましょう。

$ vagrant ssh

データベースをリセットする

仮想マシンにログインした状態で、以下のコマンドを入力すると、データベースをリセットすることができます。

vagrant@vccw:~$ wp db reset
Are you sure you want to reset the 'wordpress' database? [y/n] y

ダウンロードした sql ファイルを反映させる

では、先ほどダウンロードした sql ファイルを反映させてみましょう。

vagrant@vccw:~$ cd /vagrant
vagrant@vccw:/vagrant$ wp db import ファイル名.sql

これで、ローカルでサイトが見れるようになったはずです。

文字列を変換する

このままでは、サイト内のリンク先がリモートのURLになっているので、不便です。
文字列の変換で、直しておきましょう。

vagrant@vccw:/vagrant$ wp search-replace '実際のサイトのURL' 'vccw.test'

最後に仮想マシンからログアウトしておきます。

vagrant@vccw:/vagrant$ exit

まとめ

私のように格安サーバーを使っている場合、 SSH が使えず、 FTP を使わざるをえない場合があります。
そんな訳で、今回は、 WordMove を使った FTP でのローカルとリモートのサイトの同期でした。

スポンサードリンク

関連コンテンツ

オススメ記事

画像を表示するよ

JavaScriptで画像を表示してみよう! 小学生からのプログラミング入門

みなさんこんにちは。今日もプログラミングの勉強をはじめていきましょう。 前回、「JavaScriptで今月の残り日数を計算してみよう! 小学生からのプログラミング入門」では、JavaScrip

【CSS設計】ボタンを作って覚える。機能ごとに分けて作る重要性。

手が回らない、頭が回らない、口が回らない。@It_is_Rです。 CSSはある程度大雑把に書いても動かすことができます。しかし、CSSを覚える上で一番難しい部分と言えばCSS設計でしょう。 パ

WordPress のテーマ開発に絶対必須な gulp プラグイン9選!

3Dゲームに酔ってしまう@It_is_Rです。 今回は、テーマを自作するのに必須な gulp プラグインの紹介と使い方について書いていきます。 gulp について gulpは、sas

JavaScriptでRPGを作ろう!スマホにも対応したゲームの作り方

みなさんこんにちは。今日も楽しくプログラミングを学んでいきましょう! これまでの講座《こうざ》で、JavaScript《ジャバスクリプト》によるゲーム開発《かいはつ》の方法が、なんとなくでも分

HTML CSS

CSSでの円の作り方と、その上下左右中央に文字を表示する方法

サイトを作る時、円形のパーツを作りたい時ってよくありますよね。 円はCSSで簡単に作ることができます。 さらに今回はCSSで作成した円の中央に文字を置く方法も紹介します。 CSSでの

bootstrap3

Bootstrap3でサイトのレイアウト。グリッドシステムの使い方と裏技。

開発中のゲームはサイト制作に入っております。@It_is_Rです。 前回に引き続き、Bootstrap3の記事です。 サイトを作るとき、CSSなどを使ってサイトのレイアウトを調節したりしますが

キャラを決まった間隔ずつ動かすよ!

【JavaScript】キャラを決まった間隔ずつ動かす! 小学生からのプログラミング入門

小学生からのプログラミング入門講座《にゅうもんこうざ》、今回もはじめていきましょう! 前回は、キャラクターの画像《がぞう》をスムーズに動かす方法でしたが、スピードが速すぎたので、画像の移動間隔

【Android Studio】開発したアプリの実機テストを行う方法。

どうも、頭がすっからかんの@It_is_Rです。 やかましいわ。 今回は Android Studio で実機テストする方法を紹介します。 これからアプリ開発をしていく上で必要不可欠な実機テ

scratch

Scratchでシューティングゲームを作ろう! 小学生からのプログラミング入門

さて、プログラミングの勉強をはじめていきましょう! 前回の「Scratchでじゃんけんゲームを作ろう!」では、じゃんけんゲームの作り方を学びました。今回は、もうちょっと本格的(ほんかくてき)な

【Xcode7】Storyboardを使ってMacアプリ開発に挑戦。

何だか今日はトイレが近い。@It_is_Rでございます。 現在開発中の人魚のゲームは今ストーリーを練っている所です。まだまだ時間がかかりそうです。 さて、Rは今、Macアプリ開発を勉強中なので

コメントをどうぞ!(コメントは承認後に反映されます)

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