WordPressでGitを使うための初心者ガイド

GitとGitHubは、コードの変更を追跡し、異なるコーディング・プロジェクトを管理し、同じコードをチームで作業したい開発者にとって不可欠なツールです。これらのツールは、開発中に何か問題が発生した場合に備えて、コードの安定版をリカバリすることもできる。

WPBeginnerと私たちの他のブランドでは、すべての開発目的とプラグインの安定したコードを採掘するためにGitとGitHubを使っています。とはいえ、技術的なバックグラウンドを持たないユーザーは、インターフェースやGitの正しい使い方に慣れるのに苦労するかもしれません。

この投稿では、WordPressでGitを使う方法について説明します。

このガイドで取り上げる内容の概要は以下の通りです。下のリンクをクリックすると、各セクションにジャンプできます：

Gitとは何か？

Gitはglobal information trackerの略で、さまざまなコンピューターファイルやコーディングプロジェクトの変更を追跡する分散バージョンコントロールシステムです。これらのプロジェクトはリポジトリ（あるいはレポジトリ）と呼ばれるものに保存されます。リポジトリは基本的に、Gitがすべてのファイルを保存するために使う親フォルダーです。

Gitは主に、さまざまなソフトウェア開発作業に携わる開発者に使われています。Gitを使えば、複数の人がオリジナルのコードを含むメインのリポジトリのクローンを作ることができます。

そうすれば、メインのリポジトリにアクセスしたり編集したりすることなく、自分のコンピューター上で変更を加えることができる。変更を終えて送信する準備ができたら、多くのユーザーは GitHub のようなサービスにアップロードします。

GitとGitHubの違いとは？

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

初心者や新規サイトのオーナーは、GitとGitHubを同じものだと思っていることがよくあります。しかし、両者には違いがあります。

Gitは実際のバージョン・コントロール・システムで、コードの変更をトラッキングし、リポジトリと呼ばれるものに作成・分類することができます。GitHubは、Gitリポジトリを保存し、チームが簡単にアクセスできるようにするためのウェブホスティングサービスです。

Gitを単独で使い、ローカルマシンにすべてを整理しておくことはできるが、GitなしではGitHubを使うことはできない。

それ以外にも、Launchpad、Assembla、Bitbucketなど、多くのGitホスティングサービスがある。しかし、最も人気があるのはGitHubで、Gitの上に追加機能を提供しています。

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

さらに、すべてをクラウド上に保存するため、ローカルマシンが破損したり盗難にあったりしても、データを失う心配はない。

とはいえ、WordPressの開発でGitやGitHubを使いたい場面を見てみましょう。

WordPress開発におけるGitとGitHubの使い方

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

例えば、新しいテーマを作ったり、カスタムビルトのテーマをサイトに使ったりする場合、GitHub はプロジェクトのコードベースを管理するのに最適です。

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

同様に、プラグインを作成するWordPress開発者であれば、GitHubを使ってコードベースを管理することができます。

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

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

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

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

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

ローカル環境を持つことで、デプロイするまで本番サイトは変更の影響を受けません。万が一何か問題が発生しても、ローカルサイトでコードの変更やデバッグを行うことができます。

まずは、ステージングサーバーやライブサーバーの代わりに、コンピューター上でローカルサイトをホスティングできるローカルウェブソフトウェアを使ってみましょう。

例えば、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のサイトにアクセスし、「Downloads」セクションにアクセスしてください。

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

お使いの端末のOSのリンクをクリックして、Gitをダウンロードしてください。

サイトからGitをダウンロードしたら、インストール・ウィザードを起動する。

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

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

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

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

まず、コンピューター上のローカルサイトのファイルに移動します。ここから ‘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のサイトに行き、無料のアカウントにサインアップする。

まずはメールアドレスを入力し、「Sign up for GitHub」ボタンをクリックします。

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

例えば、パスワードを作成し、ユーザー名を入力し、メールの設定を確認する。

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

サイトにreCAPTCHAを設置するのと似ている。

アカウントの準備ができたら、GitHubのダッシュボードが表示されます。

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

その後、リポジトリ名を入力します。

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

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

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

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

クイックセットアップのセクションにリンクがあります。

次に、コンピューターでGit Bashを開きます。

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

git remote add origin URL

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

その後、以下のコマンドを入力する。

git push -u origin main

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

次に、GitHub アカウントがまだ Git と接続されていない場合は、GitHub アカウントを接続するよう求められるかもしれません。アカウントにサインインし、Git に接続を許可します。

これで、GitHub リポジトリを開いて編集したローカルファイルを見ることができます。

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

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

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

git fetch URL

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

GitとGitHubを使ってWordPressの開発を始めるには、この手順を繰り返してください。

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

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

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

WordPressサイトに変更をプッシュするには、Gitを使ってさまざまなコマンドを実行することができます。しかし、WP PusherのようなWordPress Githubプラグインを使えば、もっと簡単な方法があります。

まず、WP Pusherのサイトにアクセスし、「ダウンロード」ボタンをクリックします。

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

その後、WP Pusherプラグインをインストールして有効化してください。ヘルプが必要な場合は、WordPressプラグインのインストール方法をご覧ください。

有効化したら、WordPressのダッシュボードからWP Pusherにアクセスし、「GitHub」タブに切り替えます。

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

wppusherを投稿する」ボタンをクリックしてください。

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

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

WP PusherのGitHub設定にアクセスし、トークン・コードを入力してください。

GitHubトークンを保存する」ボタンを忘れずにクリックしてください。

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

例えば、WordPressの管理画面からWP Pusher ” プラグインをインストールに向かい、プラグインリポジトリのURLを入力します。

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

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

GitHub リポジトリの URL を入力したら、リポジトリのブランチやサブディレクトリなどの詳細情報を入力します。

次に、下にスクロールして、一番下にある「プラグインをインストール」ボタンをクリックします。

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

そのためには、プラグイン ” インストール済みプラグインに行き、インストールしたプラグインに移動するだけです。ここから「有効化」ボタンをクリックします。

これで、インストールしたプラグインをサイトで使い始めることができます。

同様に、WordPressダッシュボードのWP Pusherの下にあるテーマのインストールに向かい、これと同じプロセスを使用して開発したカスタムテーマを設定することができます。

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

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

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

GitHubを開き、インストールしたいプラグインやテーマを検索するだけです。その後、「Code」ボタンをクリックし、「Download ZIP」オプションを選択します。

この方法で、プラグインファイルをダウンロードし、あなたのサイトにインストールすることができます。

詳しくは、GitHub から WordPress プラグインとテーマをインストールする方法をご覧ください。

知っておきたいGitとGitHubの重要キーワード

WordPressの開発などでGitやGitHubを使うようになると、さまざまなGitやGitHubの用語に出くわします。そんなあなたのために、知っておくべき重要なキーワードをいくつか紹介しましょう：

• ブランチ– ブランチは、並行して作成できるリポジトリのようなものです。メインブランチに影響を与えたり、ライブバージョンを中断させたりすることなく、自由に変更や作業を行うことができます。
• マージ– あるブランチの変更を別のブランチに適用することを、マージと呼びます。ただし、ブランチは同じリポジトリかフォークにある必要があります。
• Pull – 変更を取得してマージすることです。誰かがリポジトリ内のファイルに変更を加えたとしましょう。その変更をローカル環境にプルして、ファイルが最新であることを確認できます。
• プルリクエスト（PR）– プルリクエストとは、ユーザーがリポジトリに変更案を送信し、他のリポジトリの共同作業者によって受諾または拒否されることです。
• フォーク– フォークとは、自分のアカウントにある他のユーザーのリポジトリの個人的なコピーです。元のリポジトリに影響を与えることなく、フォークを使って自由にプロジェクトに変更を加えることができます。
• コミット– コミットとは、リポジトリ内のファイルに対する個別の変更です。コミットを行うと、Git は一意な ID を作成し、特定の変更の記録を残すのに役立ちます。また、誰がいつ変更したのかも記録されます。
• プッシュ– プッシュとは、変更を GitHub のリモートリポジトリに送ることです。たとえば、ローカルでファイルに変更を加えた場合、それをプッシュすれば他の人もアクセスできるようになります。

この投稿が、WordPress での Git の使い方を学ぶ助けになったなら幸いです。WordPress サイトを管理するのに最適なモバイルアプリや、WordPress のよくあるエラーとその対処法についてもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.