今ならワードプレスで作るホームページがまるっと15万円から!

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」の2つのファイルが確認できます。

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

/index.php

のところを

#/index.php

とコメント化します。

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

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ボタンを押します。

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

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

終了。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

web-kenkenは千葉県市原市で活動するホームページ制作が得意なフリーランスです。ワードプレスを使った小中規模サイトの新規制作・リニューアルはおまかせください。個人でやってるので費用抑えめです。まずは無料相談!

コメント

コメントする

CAPTCHA


目次