ShifterでカスタムWordPressテーマやプラグインを開発する (GitHub連携プラグインを使用)

Shifterはカスタムテーマをサポートしていますが、Shifter上でカスタムWordPressテーマを開発する際には、プロセスを容易にするためのいくつかのヒントと注意点があります。

カスタムテーマのワークフロー:理想的なカスタムWordPressテーマのセットアップ:

  • Shifter-Localを使用してローカルで開発
  • 必要に応じて、AIO WP
    Migrationを使用してDBの変更とアップロードを移行
  • Git経由でテーマの変更を追跡
  • GitHub連携プラグインを使用して、Gitで追跡されたテーマの変更をデプロイ

この手順では、サンプルリポジトリである
shifter-github-hosting-tehem-samlple
を使用します。ローカルへのクローンまたはフォークを歓迎します。

手順

  1. [Github]
    テーマまたはプラグインのリポジトリを作成するか、サンプルリポジトリをフォークします


    サンプルリポジトリをフォークした場合は、release.ymlが利用可能であることを確認してください。

  2. [Github] リポジトリでGithub
    Actionを有効にします。
    [I understand my workflows, go ahead and
    run them]ボタンをクリックします
    “Github Actions”が有効になります。

  3. 新しいワークフローを作成するか、サンプルワークフロー(release.yml)を使用します。[New
    workflow]ボタンをクリックします。[Set up workflow
    yourself]をクリックします。ワークフローファイルを作成して保存します。サンプルリポジトリをフォークした場合は、release.ymlが利用可能であることを確認してください。

  4. [Github]
    リポジトリをローカルにクローンします。

    $ git clone git@github.com:YOUR-ACCOUNT/YOUR-REPOSITORY.git ~/git/YOUR-REPOSITORY

  5. [Github] リポジトリのURLをコピーします

  6. [Shifter]
    WordPressを起動してログインします

  7. [Shifter]
    カスタムテーマからShifterにテーマ/プラグインをインストールします。
    [Appearance]
    –> [Add New fro Github]に移動します

  8. Shifter Github
    Theme/Pluginインストーラーでプラグインまたはテーマをインストールします。
    [GitHub
    repo
    URL]フィールドにGithubのリポジトリURLを貼り付けます。リポジトリがプライベートの場合は、[GitHub
    token]にアクセストークンも入力します。次に、[Install
    Now]をクリックします

  9. [Shifter] インストールされたことを確認します

  10. [Github]
    タグ付きのリリースパッケージを作成してデプロイします。
    リポジトリを更新した後、リリースパッケージを作成してデプロイします。

    CLI

    $ git tag 2
    $ git push origin 2

    Webブラウザ

    1. [Code]タブの[releases]に移動します
    2. [Draft a new release]ボタンをクリックします
    3. [Tag version]フィールドにバージョン番号を入力し、[Publish
      Release]をクリックします
  11. [Actions]タブに戻り、Github
    Actionsが動作していることを確認します。
    完了するまでに数分かかる場合があります。

  12. [Shifter]
    Shifterに再ログインし、アップデートページに移動して、アップデートの準備ができていることを確認します

  13. [Shifter]
    アップデートを適用し、動作することを確認します

  14. [Shifter]
    アーティファクトを生成してデプロイします