Shifter Github Plugin/Theme Installer を使って、
独自テーマをインストール＆更新しよう
～初心者のハマりポイントを添えて～
2022/02/10 Shifterオンラインミートアップ
株式会社ハタフル 清水 頌子（しみずようこ）
自己紹介
清水 頌子（しみずようこ）�※Twitter などでは yshimizu と名乗っています
Shifter Github Plugin/Theme Installer
https://www.digitalcube.jp/shifter/10479/
Shifter Github Plugin/Theme Installer とは
※Shifter でなくとも、プラグインをダウンロードして� インストールすれば利用することが可能� https://github.com/getshifter/shifter-github
使い方
DigitalCube の方々の記事を読もう
なんか上手くいかない
もうちょっと詳しく知りたい
「これが原因かも？」
「ココがポイント」
共有します！
用意するもの
用意するもの
プラグインの準備
用意するもの
リポジトリの構成について
📁theme�└ 📁theme_name� ├ index.php� ├ style.css� ：
ここ以下のファイルを含めておけばOK
用意するもの
パーソナルアクセストークンが無いと…？
私はこれで３時間ぐらい溶かしました🤮
※サポートの方の的確な指示で事なきを得ました
リポジトリの権限が原因のインストール失敗例
こうならないためにも、�リポジトリの権限を確認して�パーソナルアクセストークンを�取得しよう！
パーソナルアクセストークンの取得方法
※表示されたトークンは画面を閉じると二度と表示されないので、大事に取っておく�※仮に忘れてしまっても再発行可能なのでご安心を
① 一覧表示用に命名� （無くても良い）
② repo のみに✓
③ Generate token！
…
①
②
③
いよいよ導入！
GitHub Actionsの準備
GitHub Actionsの準備
サンプルテーマから .github/workflows を丸ごと取得しておこう�
☜ コレです
誤ってサンプルプラグインのものを使うと…？
テーマファイルをリポジトリに収めるときに�階層の確認ついでに作業すると良いかも🤔
※サンプルテーマのもので書き直せば大丈夫�※原因に関わらずエラーログは読もう
release.yml の内容を書き換える
release.yml の内容を書き換える
テーマファイル直下の style.css を書き換える
リリースパッケージ生成テスト
以降、パッケージを生成（ファイルの更新）をするときは�前回より大きい番号を指定してこの作業を行う
前回より小さいバージョン番号を付けると…？
私は２回ぐらいやらかしました😇
※大きいバージョン番号のタグを� 改めて発行してプッシュすれば大丈夫�※一向に更新が降りてこないときは大体これが原因（当人比）
0.1.6 ➡ 0.1.61 ➡ 0.1.7
⁉
0.1.6 ➡ 0.1.61 ➡ 0.1.7 ➡ 0.1.62
😊
リリースパッケージ内容確認
リリースパッケージ内容確認
これらの確認作業で何らかの不備があったときは release.yml を見直そう�・PACKAGE_NAME がリポジトリ名と一致していない�・FILES_TO_ARCHIVE での拡張子 / ディレクトリ指定漏れ
いざ、インストール！
① WordPress の管理画面を開く
② 外観 > Add New from GitHub をクリック
※見つからない場合はプラグイン自体のインストールと 有効化を確認しよう
※今回はテーマインストールなので、外観の方を選ぶ
とっても簡単！
素敵なプラグインをありがとう、Shifter チーム！
③ GitHub repo URL に、テーマの� リポジトリURLを入力する
④ 必要があれば GitHub token に� パーソナルアクセストークンを� 入力する
⑤ 今すぐインストール！
更新してみよう
ファイル更新��タグ発行＆プッシュ��（リリースパッケージ生成）��管理画面で更新
➡
➡
➡
更新作業の流れ
更新に関するトラブルシューティング
何かがおかしいと思ったら
Thank you !
付録