最近個人サイトはもっぱらShifterしか使っていません。岡本です。
Shifterを使うことで、サーバーやWordPressのアップデートを任せることができ、さらに更新しない場合はWordPress自体を停止できるので、あまりアプリ・インフラ部分の管理に時間をかけたくないサイトではとても重宝しています。
ただしSSHでサーバーにアクセスすることができないため、Gitで管理しているテーマを入れるには、一度ZIPでDownloadして手動アップロードする必要がありました。
今回は、WP Pusherというプラグインで、Gitリポジトリから直接インポートができそうだったので、やり方を紹介します。
ShifterでWordPressを立ち上げる
アップするためのサイトをShifterで作ります。
2クリックもすれば数分でできあがるので、特に説明はいらないかなと思います。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.43.35-1024x329.png)
テーマはもちろんデフォルトテーマです。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.46.23-1024x487.png)
GitHubリポジトリを準備する
デプロイするテーマをGitHubにリポジトリも用意しておきましょう。
無料で利用できるのは、publicなリポジトリだけだということに注意してください。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.49.06-1024x640.png)
この中にWordPressテーマのコードをアップしておけば準備OKです。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-19.05.12-1024x835.png)
WP Pusherプラグインをセットアップ
Gitからのデプロイは、WP Pusherというプラグインを利用します。
プラグインダウンロード
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.47.57-1024x468.png)
[Download]ボタンをクリックするだけで、プラグインがダウンロードできます。
アカウントを作る必要も、課金が発生することもこの時点ではありませんので安心してください。
WP Pusherをインストールする
プラグインインストール画面からZIPファイルをアップロードします。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.50.15-1024x300.png)
インストールが終わったら有効化しましょう。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.52.18-1024x390.png)
有効化すると、左側のメニューに[WP Pusher]という項目ができます。ここから[Install Theme]をクリックしましょう。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.52.54-1024x640.png)
[Pick from GitHub]をクリックして、GitHubと連携させましょう。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.55.20-1024x591.png)
連携に成功すると、リポジトリの一覧が表示されます。連携させたいリポジトリの名前を選んで、[Copy to clipboard]を押しましょう。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.56.38-1024x332.png)
[Theme repository]へは{USERNAME}/{REPOSITORY_NAME}
のようにリポジトリのURLからhttps://github.com/を除外したものをセットします。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-18.52.54-1024x640.png)
最後に[Install Theme]をクリックすると、GitHubからテーマをインストールしてくれます。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-19.09.01-1024x314.png)
インストールしたテーマは[WP Pusher] > [Themes]から確認できます。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-19.08.50-1024x388.png)
連携に失敗する場合
[GitHub token]が設定されていないと失敗するケースもある様子です。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-19.03.54-1024x164.png)
[WP Pusher]のGitHubタブから、tokenを取得して保存しておきましょう。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-19.11.15-1024x219.png)
GitHubからテーマをダウンロードする
Gitでpushした変更はプラグイン管理画面からインポートできます。[WP Pusher] > [Themes]から[Update theme]をクリックしましょう。
![](/wp-content/uploads/2019/05/スクリーンショット-2019-05-13-19.08.50-1024x388.png)
Webhookベースの自動デプロイについて
WP PusherではGitリポジトリのwebhookと連携することで自動デプロイを走らせることができます。
ですがShifterでは、このURLが毎回変わってしまうため、自動デプロイは利用することができません。
WPを起動し、プラグインでGitからインポートしましょう。