WordPress と GitHub の統合

公開: 2023-02-12

WordPress のテーマとプラグインの開発は、楽しくて儲かる作業です。 ワークフロー、バージョン管理、およびストレージを管理する方法は多数ありますが、利用可能な最適なツールに集中することで、プロジェクトを次のレベルに引き上げることができます。

幸いなことに、GitHub を使用すると、その作業がはるかに簡単になります。 これは、開発者にとって多くの貴重なツールを備えた人気のあるオープンソース コード リポジトリです。 さらに、現在、世界最大のオープンソース コードのホストであり、3,400 万人を超えるユーザーと 1 億を超えるリポジトリを誇っています。

この記事では、WordPress 開発サイトを GitHub に統合するための完全なガイドを提供します。 さらに、ワークフローに追加することを検討したいプラグインをいくつか見ていきます。 コーディングをしましょう!

目次
1. GitHub と WordPress を組み合わせる方法 (4 ステップ)
1.1。 ステップ 1: ローカルの WordPress 環境を作成する
1.2. ステップ 2: GitHub をインストールする
1.3。 ステップ 3: リポジトリを作成する
1.4。 ステップ 4: リポジトリを公開する
2. WordPress の Github プラグイン
2.1. 1.Github埋め込み
2.2. 2. GitHub アップデーター
3.次のステップ
4. WP Engineでコントロールを維持する

GitHub と WordPress を組み合わせる方法 (4 ステップ)

WordPress 開発環境を GitHub と組み合わせるには、いくつかの重要な手順を実行する必要があります。 これは、ローカルの WordPress GitHub 環境を作成することから始まります。 次に、GitHub のインストールと最初のリポジトリの作成に進みます。

ステップ 1: ローカルの WordPress 環境を作成する

WordPress の開発を計画している場合は、高品質のローカル開発環境を確立することをお勧めします。 このために、Local を使用することをお勧めします。

ローカルで開発するということは、本番サーバーを模倣する環境を作成できることを意味します。 ソース コードをオフラインで開発およびテストできます。既に公開されているものに影響を与えることはありません。

ローカル環境をセットアップすると、必要なすべての開発者機能とツールを自由に使用できるようになります。 開始するには、無料ダウンロードを選択できます。 ホームページで、オペレーティング システムを選択します。

ソフトウェア パッケージをダウンロードし、システムのインストール プロセスを完了したら、[ローカル] を開いて、ローカル開発サイトのセットアップを開始できます。 プロンプトが表示されたら、 [Create a New Site]をクリックします。

次に、開発サイトの名前を入力します。 ローカル サイトのドメイン名とパスが自動入力されます。 ただし、必要に応じて、 [参照]オプションを使用して、サイトの別のローカル パスを選択できます。

ブループリントからサイトを作成するオプションもあります これは、複数のサイトや開発プロジェクトを集め始めると、頻繁に使用する WordPress テーマとプラグインのセットをまとめてパッケージ化できることを意味します. その後、Blueprints を使用することで、新しい開発サイトを作成するときにすばやくアクセスして読み込むことができます。

ドメイン名の選択が完了したら、 [続行]をクリックします。 次に、ローカルの WordPress インストール用のユーザー名とパスワードを選択するよう求められます。

開発環境が完成すると、新しいサイトの情報の概要を示す画面が表示されます。

これは、Flywheel で作成したすべてのローカル サイトのメイン ダッシュボードになります。 ここから、サイトのステータスをすばやく確認して表示し、 [管理]を選択して WordPress 管理ダッシュボードに移動できます。 さらに、WordPress データベース、セキュリティ、およびその他のユーティリティ情報を簡単に表示できます。

ステップ 2: GitHub をインストールする

WordPress で GitHub を使用できるようにするには、無料の GitHub アカウントを作成し、ローカル ドライブに Git をダウンロードしてインストールする必要があります。 Git は、GitHub のすべてのワークフローを処理するオープンソースのバージョン管理システム (VCS) です。

Git のインストールと構成に使用できるものには、2 つの選択肢があります。 コマンド ライン ツールの使用に慣れている場合は、それも 1 つのオプションです。 または、GitHub デスクトップ クライアントを使用できます。

このデモでは、GitHub Desktop をダウンロードしてインストールします。 ファイルをダウンロードして解凍したら、GitHub 情報でサインインする必要があります。

Git の仕組みに慣れていない場合は、Git をワークフローの仲介者と考えることができます。 GitHub はプロジェクトをホストできる場所であり、Git は GitHub リポジトリをローカル開発環境にプルして作業できるようにする機能です。

完了したら、Git を使用して変更を GitHub にプッシュできるため、ファイルは常に最新の状態になります。

ステップ 3: リポジトリを作成する

WordPress と Git をマシンにインストールして、ローカル環境の準備が整ったので、プロジェクトのリポジトリを作成する準備が整いました。 GitHub デスクトップから、 Create a New Repository on Your Hard Driveを選択できます。

次に、新しいローカル リポジトリを構成するように求められます。

リポジトリに名前を付け、必要に応じてライセンスを選択するなど、他のいくつかの設定を構成したら、 Create Repositoryをクリックします。 GitHub Desktop ユーザー インターフェイスに新しいリポジトリが表示されます。

これは、プロジェクトのコマンド セントラルです。 ここから、変更をコミットし、リポジトリを GitHub に公開できます。 さらに、GitHub Web サイトからリポジトリを作成できます。

この方法でリポジトリを作成すると、デスクトップ インターフェイスのクローン リポジトリ機能を使用して、それをローカル開発環境にプルできます。

GitHub から複製するリポジトリを選択し、ローカル パスを設定したら、 [複製]をクリックして操作を完了します。

ステップ 4: リポジトリを公開する

ローカル リポジトリ フォルダーにファイルを追加すると、それらのファイルが GitHub デスクトップに表示されます。 そこから、変更を開始し、コード エディターを開き、リポジトリを GitHub に公開できます。

[Publish repository]​​をクリックすると、説明を追加して公開プロセスを完了するように求められます。

次に、GitHub アカウントをチェックして、リポジトリが公開されていることを確認できます。

ファイルに変更を加えて Local by Flywheel WordPress 環境でテストすると、GitHub Desktop で変更を簡単にコミットできます。 その後、更新したリポジトリをワンクリックで GitHub に公開できます。

WordPress の Github プラグイン

GitHub に意味のある機能を追加する WordPress 用のプラグインは多くありません。 公開されたリポジトリを介してブログを更新できるように設計された、未検証の新しいプラグインがいくつか利用可能です。 ただし、開発者に便利な機能を提供する信頼できるオプションが 2 つあります

1.Github埋め込み

Github Embed は、Web サイトに GitHub 情報を埋め込むことができる無料の WordPress プラグインです。 これを行うには、WordPress のページと投稿で簡単なリンクを使用します。 GitHub リンクを Web サイトに埋め込むと、そのリポジトリに変更を加えるたびに更新されます。

これは、テーマやプラグインを販売する開発者にとって特に便利です。 このツールを使用すると、新しい変更、問題、および改善について顧客に簡単に最新情報を提供できます。

2. GitHub アップデーター

GitHub からダウンロードして WordPress Web サイトに追加するプラグインとテーマには、更新のフラグが立てられないことに注意してください。 これは、開発者が変更を加えた場合、WordPress ダッシュボードに通知が届かないことを意味します.

そこで、GitHub Updater プラグインが役に立ちます。 GitHub のテーマとプラグインの自動更新を利用できるようにするために開発されました。 一部の GitHub 開発者は、プロジェクトを WordPress Web サイトにインストールするときに、このプラグインを使用する必要さえあります。

次のステップ

この時点で、Flywheel、WordPress、および GitHub の間で Git ワークフローを作成する準備がすべて整いました! GitHub からコードを取得し、独自のテーマやプラグインを作成したり、WordPress コミュニティの現在のプロジェクトに貢献したりできます。

開発ワークフローを強化するだけでなく、GitHub の多くの機能とツールを活用することもできます。 たとえば、GitHub Pages を使用して、リポジトリをライブ Web サイトに直接プッシュできます。 GitHub は、大規模なチームがすべて同じプロジェクトに取り組んでいるプロジェクトにも非常に効果的です。

WPエンジンでコントロールを維持

GitHub とより合理化された開発ワークフローに慣れることは、プロジェクトのゲームチェンジャーになる可能性があります。 このプラットフォームはフリーランサーにとって理想的であるだけでなく、オープンソース コミュニティで行われるイノベーションにも貢献します。

ここWP Engineでは、オープンソース開発の力を信じています. そのため、WordPress ユーザーに最高の開発者リソースを提供するよう努めています。 あなたの次のプロジェクトの計画をチェックしてください!