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入門。キャラを決まった間隔ずつ動かす!

小学生からのプログラミング入門講座(にゅうもんこうざ)、第8弾です。 前回は、キャラクターの画像(がぞう)をスムーズに動かす方法でしたが、スピードが速すぎたので、画像の移動間隔(かんかく)を短く

今月の残り日数を計算するべ!

小学生からのJavaScript入門。今月の残り日数を計算してみよう!

小学生からのJavaScript入門、第2弾です。 今回はJavaScriptでの演算(えんざん)の方法を学び、今月の残り日数を計算してみましょう。 演算というのは、足したり、引いたり、割った

MacでのAndroid Studioインストール手順

今回は Android Studio 3.4 をインストールする手順を解説します。 Android Studio のダウンロード Android Studio そのページから

wordpress

WordPress管理画面のテーマカスタマイザーに独自の項目を追加。

WordPressみたいに私自身の人生もカスタムできたらいいのに。@It_is_Rです。 WordPressのカスタマイズは、公開しているサイトだけではありません。 管理画面をカスタマイズする

【Gitの使い方 – その2】GitをMacにインストールする方法!

いらないファイルは残っているのに、欲しいファイルに限って見つからない@It_is_Rです。 Gitの使い方、第2回目の今回はGitをMacにインストールする方法を紹介します。

CSS Button

サイト制作に!!CSSでマウスオーバーボタンの作り方。

新年初の記事です。とりあえず、あけましておめでとうございます。@It_is_Rです。 お正月……おそーがつ……おそまつ……おそ松さん。新年早々くだらないこと言ってないで早く記事を書けって話ですね。

プログラミングのクラスってなぁに?

小学生からのJavaScript。クラスの概念をしっかりと理解しよう!

小学生からのプログラミング講座(こうざ)、第12弾です。 前回はマップ上をキャラクターが自由に動くことができるようにしました。 今回はES6から使われるようになった「ク

【 gulp 】 超便利! Sass で Normalize.css などをインポートする方法。

ふと立ち上がった瞬間に、ホットマットを猫に奪われる@It_is_Rです。 全然どいてくれない。 今回は gulp を使って、 Sass ファイルから Normalize.css などをインポー

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

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

WordPress

WordPressカスタマイズ。テンプレートのファイル構成をチェック。

二兎を追う者は一兎をも得ず。でも、三兎を追えばそのうちの一兎ぐらい得られるんじゃ無いかと思い、その努力の割に何も得られないのが@It_is_Rです。やかましいわ。 今回の記事は初のWordPre

コメントをどうぞ!

メールアドレスが公開されることはありません。