最近個人サイトはもっぱらShifterしか使っていません。岡本です。

Shifterを使うことで、サーバーやWordPressのアップデートを任せることができ、さらに更新しない場合はWordPress自体を停止できるので、あまりアプリ・インフラ部分の管理に時間をかけたくないサイトではとても重宝しています。

ただしSSHでサーバーにアクセスすることができないため、Gitで管理しているテーマを入れるには、一度ZIPでDownloadして手動アップロードする必要がありました。

今回は、WP Pusherというプラグインで、Gitリポジトリから直接インポートができそうだったので、やり方を紹介します。

ShifterでWordPressを立ち上げる

アップするためのサイトをShifterで作ります。

２クリックもすれば数分でできあがるので、特に説明はいらないかなと思います。

テーマはもちろんデフォルトテーマです。

デプロイするテーマをGitHubにリポジトリも用意しておきましょう。

この中にWordPressテーマのコードをアップしておけば準備OKです。

WP Pusherプラグインをセットアップ

Gitからのデプロイは、WP Pusherというプラグインを利用します。

[Download]ボタンをクリックするだけで、プラグインがダウンロードできます。

アカウントを作る必要も、課金が発生することもこの時点ではありませんので安心してください。

プラグインインストール画面からZIPファイルをアップロードします。

インストールが終わったら有効化しましょう。

有効化すると、左側のメニューに[WP Pusher]という項目ができます。ここから[Install Theme]をクリックしましょう。

[Pick from GitHub]をクリックして、GitHubと連携させましょう。

連携に成功すると、リポジトリの一覧が表示されます。連携させたいリポジトリの名前を選んで、[Copy to clipboard]を押しましょう。

[Theme repository]へは{USERNAME}/{REPOSITORY_NAME}のようにリポジトリのURLからhttps://github.com/を除外したものをセットします。

最後に[Install Theme]をクリックすると、GitHubからテーマをインストールしてくれます。

インストールしたテーマは[WP Pusher] > [Themes]から確認できます。

[GitHub token]が設定されていないと失敗するケースもある様子です。

[WP Pusher]のGitHubタブから、tokenを取得して保存しておきましょう。

Gitでpushした変更はプラグイン管理画面からインポートできます。[WP Pusher] > [Themes]から[Update theme]をクリックしましょう。

WP PusherではGitリポジトリのwebhookと連携することで自動デプロイを走らせることができます。

ですがShifterでは、このURLが毎回変わってしまうため、自動デプロイは利用することができません。

WPを起動し、プラグインでGitからインポートしましょう。