WordPress で Git を使用するための初心者ガイド

Git と GitHub は、コードの変更を追跡し、さまざまなコーディング プロジェクトを管理し、同じコードでチームと作業したい開発者にとって不可欠なツールです。これらのツールは、開発プロセス中に問題が発生した場合にコードの安定したバージョンを回復することもできます。

WPBeginner およびその他のブランドでは、すべての開発目的とプラグインの安定したコードのマイニングに Git と GitHub を使用しています。とはいえ、技術者以外のユーザーは、インターフェイスや Git の適切な使用方法に慣れるのに苦労する可能性があります。

この記事では、WordPress での Git の使用についてすべて説明します。

このガイドで説明するすべての概要を次に示します。以下のリンクをクリックすると、任意のセクションにジャンプできます。

Git とは何ですか?

Git は Global Information Tracker の略で、さまざまなコンピューター ファイルやコーディング プロジェクトの変更を追跡するのに役立つ分散バージョン管理システムです。これらのプロジェクトは、いわゆるリポジトリ (またはリポジトリ) に保存されます。これは、基本的に Git がすべてのファイルを保存するために使用する親フォルダーです。

Git は主に、さまざまなソフトウェア開発タスクに取り組む開発者によって使用されます。 Git を使用すると、複数の人が元のコードを含むメイン リポジトリのクローンを簡単に作成できます。

その後、メイン リポジトリにアクセスしたり編集したりすることなく、自分のコンピュータで変更を加えることができます。変更を加えて送信する準備が整うと、多くのユーザーは、チームのさまざまなリポジトリを整理するのに役立つ GitHub などのサービスに変更をアップロードします。

Git と GitHub - 違いは何ですか?

Git について議論するとき、最もよく聞かれる質問の 1 つは、Git と GitHub の違いは何でしょうか。

初心者や新しいサイト所有者は、Git と GitHub が同じものだと考えていることがよくあります。ただし、両者には違いがあります。

Git は、コードの変更を追跡し、コードをリポジトリと呼ばれるものに作成して分類できる実際のバージョン管理システムです。つまり、GitHub は、チームが簡単にアクセスできるように Git リポジトリを保存するための Web ホスティング プラットフォームです。

Git を独立して使用して、ローカル マシン上ですべてを整理することはできますが、Git なしでは GitHub を使用できません。

これに加えて、Launchpad、Assembla、Bitbucket など、他にも多くの Git ホスティング プラットフォームがあります。しかし、最も人気があるのは Git に加えて追加機能を提供する GitHub です。

GitHub は、複数の人が同じプロジェクトに取り組んでいる企業やリモート チームに適しています。ユーザーフレンドリーなインターフェイスと強力な機能を備えており、コラボレーションに最適なツールです。

さらに、すべてをクラウドに保存するため、ローカル マシンが損傷したり盗難に遭った場合でもデータが失われることを心配する必要はありません。

そうは言っても、WordPress 開発に Git と GitHub を使用する必要がある状況をいくつか見てみましょう。

WordPress 開発に Git と GitHub を使用する方法

Git と GitHub を使用する主な理由は 2 つあり、WordPress テーマとプラグイン開発のためです。

たとえば、新しいテーマを作成している場合、またはサイト用にカスタム構築されたテーマを使用している場合、GitHub はプロジェクトのコードベースの管理に最適です。

GitHub からテーマ リポジトリを取得し、変更を加えて、ローカル サーバーでテーマをテストするだけです。変更が加えられたら、更新されたリポジトリを GitHub にプッシュし、ライブ WordPress サイトのテーマに変更を適用できます。

同様に、プラグインを作成する WordPress 開発者は、GitHub を使用してコードベースを管理できます。

また、WordPress プラグインの開発に誰でも貢献できるオープンソース プロジェクトにも最適です。たとえば、GitHub からプラグイン ファイルを取得して、バグを修正したり、機能の改善に取り組むことができます。

それとは別に、GitHub と Git を使用して、WordPress プラグインとテーマをライブ Web サイトにダウンロードしてインストールすることができます。 GitHub ではファイルの保存とダウンロードが可能ですが、Dropbox や Google Drive と同じようにファイル ストレージとして使用できるようには設定されていません。

ここで、WordPress 開発に Git と GitHub の両方を使用する方法を見てみましょう。このチュートリアルでは、ローカル プラグイン ファイルに変更を加えて GitHub にアップロードする方法を説明します。

Git 用のローカル WordPress 環境のセットアップ

Git と GitHub を使用する前に、ローカルの WordPress 環境を作成することをお勧めします。ここでは、プロジェクトに取り組んだり、WordPress サイトに変更を加えたり、新しいコードを試したり、プラグインやテーマの開発をテストしたりできます。

ローカル環境を用意すると、変更を展開するまで、ライブ Web サイトが変更の影響を受けなくなります。何か問題が発生した場合は、ローカル Web サイトでコードを変更してデバッグできます。

まず、ステージング サーバーやライブ サーバーの代わりに、コンピュータ上でローカル サイトをホストできるローカル Web ソフトウェアを使用できます。

たとえば、Local WP (以前は Local by Flywheel)、MAMP、XAMPP、WampServer などのソフトウェアは、ローカル環境の作成に最適です。無料で使用でき、セットアップも非常に簡単です。

Windows コンピューターに WordPress をインストールする方法と、Mac に WordPress をローカルにインストールする方法に関するガイドに従って、さらに詳しく学ぶことができます。

Git をローカルにインストールしてリポジトリを作成する

ローカル環境の準備ができたら、次のステップは Git をダウンロードしてコンピューターにインストールすることです。

ただし、その前に、Git がマシンにすでにインストールされているかどうかを確認することが重要です。これは、最新の macOS および Linux デバイスには Git がプリインストールされているためです。

まず、Mac または Linux マシンの「ターミナル」にgit -version コマンドを入力します。 Windows デバイスでは、コマンド プロンプトを開いてgit version コマンドを入力できます。

Git がプリインストールされている場合は、Git のバージョン番号が表示されるはずです。まだインストールされていない場合は、何も表示されないか、不明なコマンド エラーが表示されます。つまり、マシンに Git をインストールする必要があります。

まず、Git Web サイトにアクセスし、「ダウンロード」セクションに移動する必要があります。

次の画面には、Mac、Windows、および Linux/Unix のリンクがあります。

デバイスのオペレーティング システムのリンクをクリックして Git をダウンロードします。

Web サイトから Git をダウンロードした後、インストール ウィザードを起動できます。

ここで、「次へ」ボタンをクリックし、画面上の指示に従ってインストールプロセスを完了します。

インストールが完了したら、Git を起動できます。

その後、git version と入力するだけで、ソフトウェアが正しくインストールされていることを確認できます。

システムで Git を使用する準備ができたので、次のステップは、WordPress サイト ファイルへの変更を GitHub にプッシュする前にコミットできるローカル Git リポジトリを作成することです。

まず、コンピューター上のローカル Web サイトのファイルに移動します。ここから、「wp-content」フォルダーを見つけて、作業しているプラグインまたはテーマフォルダーに移動します。次に、フォルダー内の任意の場所を右クリックし、「Open Git Bash Here」オプションをクリックします。

これにより、コンピュータ上で Git ソフトウェアが開きます。

ここからは、次のコマンドを入力し、キーボードの Enter キーまたは Return キーを押すだけです。

git init

その後、次のコマンドを入力してファイル変更をステージングする必要があります。

git add .

それが完了したら、Enter キーまたは Return キーを押します。

次に、次のコマンドを入力して、リポジトリにメッセージを追加できます。

git commit -m “message”

メッセージを任意のテキストに置き換えることを忘れないでください。これは、リポジトリに加えた特定の変更に関するメモを残す方法です。

それが完了したら、キーボードの Enter または Return ボタンを押すだけです。

ローカルの WordPress テーマ ファイルに非表示の「.git」フォルダーが表示されるはずです。

GitHub リポジトリの作成と変更のコミット

次に、GitHub Web サイトにアクセスして、無料アカウントにサインアップします。

始めるには、メールアドレスを入力して「GitHub にサインアップ」ボタンをクリックするだけです。

次の画面では、新しいアカウントを作成するための詳細を入力する必要があります。

たとえば、パスワードを作成し、ユーザー名を入力し、電子メール設定を確認します。

下にスクロールすると、GitHub はアカウントを確認するためにパズルを解くように求めます。

これは、サイトに reCAPTCHA を導入するのと似ています。

アカウントの準備が完了すると、GitHub ダッシュボードが表示されます。

先に進み、上部の「+」記号をクリックし、「新しいリポジトリ」オプションを選択します。

その後、リポジトリの名前を入力できます。

説明を追加してリポジトリを公開するか、非公開のままにするオプションもあります。

下にスクロールすると、README ファイルの追加やライセンスの選択など、その他のオプションが表示されます。

すべての詳細を入力したら、「リポジトリの作成」ボタンをクリックします。

リポジトリを作成したら、その URL をコピーする必要があります。

このリンクは「クイック セットアップ」セクションにあります。

次に、コンピュータで Git Bash を開く必要があります。

ここからは、次のコマンドを入力して Enter または Return キーを押すだけです。

git remote add origin URL

URL をリポジトリのリンクに置き換えることを忘れないでください。

その後、次のコマンドを入力できます。

git push -u origin main

これにより、ローカル リポジトリが GitHub 上のリモート リポジトリに送信されます。

次に、GitHub アカウントがまだ Git に接続されていない場合は、接続するよう求められる場合があります。アカウントにサインインし、Git の接続を承認するだけです。

これで、GitHub リポジトリを開いて、編集したばかりのローカル ファイルを確認できるようになります。

ローカル ファイルを GitHub にプッシュした後、他のユーザーはファイルを編集して、プラグインやテーマにさらに変更を加えることができます。

ローカル Web サイトの設定のために GitHub リポジトリからこれらの更新を取得する必要がある場合は、コンピューター上のプラグイン フォルダーを開き、任意の場所を右クリックして Git Bash を開く必要があります。

次に、次のコマンドを入力して Enter キーまたは Return キーを押します。

git fetch URL

URL を GitHub リポジトリへのリンクに置き換えることを忘れないでください。

これで、これらの手順を繰り返して、Git と GitHub を使用した WordPress 開発を開始できるようになります。

ローカル ファイルに変更を加えたら、次のステップはそれらをライブ サイトにプッシュすることです。

GitHub テーマとプラグインをライブ WordPress サイトにデプロイする

WordPress プラグインまたはテーマの開発が完了したら、最後のステップはそれをライブ Web サイトにデプロイすることです。

これで、Git を使用してさまざまなコマンドを実行し、変更を WordPress Web サイトにプッシュできるようになります。ただし、WP Pusher などの WordPress Github プラグインを使用する簡単な方法があります。

まず、WP Pusher Web サイトにアクセスし、[ダウンロード] ボタンをクリックする必要があります。

次に、WP Pusher プラグイン ファイルをダウンロードしてコンピューターに保存します。

その後、WP Pusher プラグインをインストールしてアクティブ化します。サポートが必要な場合は、WordPress プラグインのインストール方法に関するガイドを参照してください。

アクティブ化すると、WordPress ダッシュボードからWP Pusher に移動し、「GitHub」タブに切り替えることができます。

次に、新しいポップアップ ウィンドウが開き、WP Pusher が GitHub アカウントに接続できるようにするかどうかを尋ねられます。

「Authorize wppusher」ボタンをクリックして続行してください。

ここから、GitHub アカウントにログインする必要があります。

それが完了したら、次の画面で GitHub トークンをコピーするだけです。

ここで、WP Pusher GitHub 設定に移動し、トークン コードを入力します。

「GitHub トークンを保存」ボタンをクリックすることを忘れないでください。

GitHub に接続したら、リポジトリから GitHub にアップロードしたテーマやプラグインをライブ WordPress Web サイトにインストールできます。

たとえば、WordPress 管理パネルのWP Pusher » プラグインのインストールに移動し、プラグイン リポジトリの URL を入力します。

または、「GitHub から選択」ボタンをクリックすると、新しいポップアップ ウィンドウが開きます。

ここから、リンクをプラグイン リポジトリにコピーするだけです。

GitHub リポジトリ URL を入力した後、リポジトリ ブランチやサブディレクトリなどのその他の詳細を入力できます。

次に、下にスクロールして、下部にある「プラグインのインストール」ボタンをクリックする必要があります。

プラグインをインストールしたら、有効化する必要があります。

これを行うには、プラグイン » インストール済みプラグインに移動し、インストールしたばかりのプラグインに移動します。ここから、「アクティブ化」ボタンをクリックできます。

これで、Web サイトにインストールされたプラグインの使用を開始できるようになります。

同様に、WordPress ダッシュボードの WP Pusher の下にあるテーマのインストールに進み、同じプロセスを使用して開発したカスタム テーマをセットアップできます。

GitHub から WordPress プラグインとテーマをインストールする

開発のために WordPress を Git および GitHub と統合することとは別に、WordPress.org ライブラリでは利用できなくなったプラグイン ファイルやテーマ ファイルを入手することもできます。

WordPress 開発者は通常、プラグインとテーマ用に GitHub リポジトリを作成します。 WordPress のプラグインやテーマ ライブラリにない場合でも、GitHub で簡単に見つけることができます。

GitHub を開いて、インストールするプラグインまたはテーマを検索するだけです。その後、「コード」ボタンをクリックして「ZIP をダウンロード」オプションを選択します。

このようにして、プラグイン ファイルをダウンロードして Web サイトにインストールできます。

詳細については、GitHub から WordPress プラグインとテーマをインストールする方法に関するガイドを参照してください。

知っておくべき重要な Git および GitHub 用語

WordPress 開発やその他の目的で Git や GitHub の用語を使用し始めると、さまざまな用語に遭遇するでしょう。役立つように、知っておくべき重要な用語をいくつか紹介します。

• ブランチ - ブランチは、作成できる並列リポジトリのようなものです。これにより、メイン ブランチに影響を与えたり、ライブ バージョンを中断したりすることなく、自由に変更を加えて作業することができます。

• マージ - 1 つのブランチから変更を取得して別のブランチに適用する場合、このプロセスはマージと呼ばれます。ただし、ブランチは同じリポジトリ内にあるか、フォークからのものである必要があります。

• プル - 変更を取得してマージすることを指します。誰かがリポジトリ内のファイルに変更を加えたとしましょう。これらの変更をローカル環境にプルして、ファイルを最新の状態に保つことができます。

• プル リクエスト (PR) - プル リクエストとは、ユーザーが提案された変更をリポジトリに送信し、別のリポジトリ コラボレーターによって承認または拒否されることです。

• フォーク - フォークとは、自分のアカウントにある別のユーザーのリポジトリの個人用コピーです。元のリポジトリに影響を与えることなく、フォークを使用してプロジェクトを自由に変更できます。

• コミット - コミットとは、リポジトリ内のファイルに対する個別の変更です。コミットを行うと、Git は特定の変更の記録を保持するために一意の ID を作成します。また、誰がいつ変更を加えたかも記録されます。

• プッシュ - プッシュとは、変更を GitHub 上のリモート リポジトリに送信することを意味します。たとえば、ローカルでファイルに変更を加えた場合、その変更をプッシュして他のユーザーもアクセスできるようにすることができます。

この記事が、WordPress で Git を使用する方法を学ぶのに役立つことを願っています。 WordPress サイトの管理に最適なモバイル アプリの選択や、最も一般的な WordPress エラーとその修正方法もご覧ください。

この記事が気に入っていただけましたら、WordPress ビデオ チュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。