WordPress自作テーマ開発環境そっくりコピーしてGitHub管理もした

目的と状況

GitHub初心者の私が、既にあるWordPressテーマ開発環境を別のパソコンにコピーした上で、GitHub管理下にするときのメモ。

今までほとんどソロ活動してるんでGitのありがたみを良く分かってません。

ですが必要になりそうなんで触ってみました。

目的はWordPressのテーマ開発環境をそっくりそのまま別のパソコンに移植してGit管理出来るようにします。

当たり前ですがGitでテーマ構成ファイルをクローンしても元の環境にはなりません。

WordPressはテーマ構成ファイルだけでなくデータベースなどの色々なデータが組み合わさって構成されてるので。

WordPressプラグインAll-in-One WP Migrationは、環境をそっくりそのままコピーできます。

※無料版だとサイズ制限があります。

結論ですが、All-in-One WP Migrationで環境そっくりコピーして、テーマ部分だけクローンすればいい！

（もっといい方法あったらこっそり教えてください。）

前提

GitHubアカウント有り

GitHubサーバーにリモートリポジトリは無い

GitHub Desktop使用

WordPress環境にLocal使用

※WordPressプラグイン使用
All-in-One WP Migration
All-in-One WP Migration Unlimited Extension（上の有料版）

パソコンA（既にWordPressのテーマ開発環境がある　コピー元）

パソコンB（Local・GitHub Desktopインストール済　コピー先）

目的

パソコンAのWordPressテーマ開発環境をそっくりパソコンBにコピーする。

両方GitHubでバージョン管理できるようにする。

パソコンA（コピー元）での作業

GitHub DesktopのメニューのFile＞New Repository

Nameには開発中のWordPressテーマの名前を入力しました。テーマフォルダと同じにします。（※1）

Descriptionには説明を入力しました。（※2）

Local pathには開発中のWordPressテーマのフォルダの上のフォルダにします。
例）～\なんとかかんとか\app\public\wp-content\themes

Git ignoreはWordPressを選択しました。

これ以外の入力は記述省略。

Create Repositoryボタン押して決定。

ローカルレポジトリが出来ました。

この段階ではindex.phpが除外されてます。

テーマフォルダに隠しフォルダで「.git」と、「.gitattributes」「.gitignore」の２つのファイルが確認できます。

「.gitignore」の編集をします。

/index.php

のところを

#/index.php

とコメント化します。

GitHub DesktopのChanged filesに２つファイルが出ます。

index.phpだけチェックを入れてコメント入れてCommit to mainボタン押してコミットします。

.gitignoreだけチェックを入れてコメント入れてCommit to mainボタン押してコミットします。

GitHub DesktopのメニューのRepository＞Push

Nameには上記で入力した名前（※1）を入力しました。

Descriptionには上記で入力した説明（※2）を入力しました。

keep this code privateがチェックしてあるのを確認します。

Publish repositoryボタン押して決定。

GitHubサーバーにリモートレポジトリが出来ました。

WordPress管理画面に入りメニュー＞All-in-One WP Migration＞エクスポート

サイトをエクスポートしてダウンロードしときます。（※3）

パソコンB（コピー先）での作業

WordPress管理画面に入りメニュー＞All-in-One WP Migration＞インポート

上記でエクスポートしたファイルをインポートします。（※3）

インポートが終わったら、

WordPress管理画面メニュー＞設定＞パーマリンク

変更を保存ボタンを押します。

テーマを一時的に別のものに変更しときます。

テーマフォルダをリネームします。

GitHub DesktopのメニューのFile＞Clone repository

Your repositoriesにリモートリポジトリが出るので選択します。

Local pathにはWordPressテーマのフォルダの上のフォルダにします。
例）～\なんとかかんとか\app\public\wp-content\themes　を選びます。

表示パスは、

～\なんとかかんとか\app\public\wp-content\themes\ほにゃらら

になってると思います。

Cloneボタンを押します。

上でテーマを変更したので元に戻します。

リネームしたテーマフォルダは削除するなりします。

終了。