とあるエンジニアの作業ブログ

CI Web製作 運用

【超初心者向け】githubでテーマファイルをバージョン管理する

投稿日:2019年1月16日 更新日:

恥ずかしながらgitでリモートリポジトリ管理するのが初めてなので自分用のメモ。

やりたいこと

テーマファイル(~/wordpress/wp-content/themes/[テーマ名称]/配下の.phpや.cssなど)をリポジトリ管理します。
ローカルのgitでも良いんですが、webhookとか使えるのと自分の勉強もかねてgithubで管理します。

動作環境・前提

  • Mac OS X High Sierra
  • git version 2.20.1
  • すでにローカルのwordpressにテーマファイルが存在している状態からスタート
  • テーマファイルをgithubの1リポジトリで管理します
  • github上でのリポジトリ作成は済んでいるものとします

テーマファイルをgithubのmasterブランチ管理するまで

作業手順

作業前の状態。

 
git initでローカルリポジトリ化。

 
ローカルでmasterブランチ作成(git commitの実行)。

 
リモートリポジトリの設定。このコマンドを実行することでoriginという名前でurlのリモートリポジトリに対してアクセスできるようになる。urlの部分はgithubで確認要。

 
リモートリポジトリに対してpush。これでリモートリポジトリにmasterブランチが作成される。

 

すでにリモートリポジトリにmasterブランチがあるとgit pushがうまくいかない

ちなみにリモートリポジトリにmasterブランチがすでにある場合は、git pushしようとするとうまくいかない。
理由はリポジトリの履歴情報が一致しておらず、まったく別のリポジトリだと認識されているから。(実際まったく別のリポジトリなんだけど。。。)
なのでリモートリポジトリの履歴情報をローカルに引き込んであげれば良い。

 
--allow-unrelated-historiesオプションは無関係なヒストリを持つ2つのブランチをマージするオプションらしい。いつかのgitバージョンからか追加された模様。

開発用のfeatureブランチ作成するまで

ローカルでfeatureブランチを作成する。

 
リモートリポジトリに対してfeatureブランチをpushする。これでリモートリポジトリにもfeatureブランチができる。

 

ローカルブランチをリモートブランチと紐づける

git branch (ローカルブランチ名) -u origin/(リモートブランチ名)でローカルブランチとリモートブランチを関連づけられる。そうしておくとローカルのfeatureからリモートのmasterにpushするといった誤った運用を防止できる。(と思われる。。。他にも意味があるんだと思うがよくわかってないので勉強。)
git branch -vvで今の紐付けを確認できる。

 

-CI, Web製作, 運用
-,

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

Stinger8のサイドバーにプロフィールを表示する

Stinger8のサイドバーにプロフィールを表示します。 目次 前提 作業手順 ウィジェットにHTMLを記述 CSSで見た目を整える 前提 WordPressがインストールされている Stinger8 …

【Stinger8】gulp-phtml-simple-compでheader.phpをうまく圧縮する

Stinger8のテーマファイルをgulpのgulp-phtml-simple-compを使ってphp圧縮にかけたら、バージョンベクタの圧縮がうまくいかなかったので自分用のメモ。 参考gulp-pht …

SiTest入門 ~サイトへの導入とABテストの実施まで~

サイト分析・改善ツールのSiTestというツールをがすごいという噂を聞きました。サイト自体を改変することなく、各種スプリットテスト(ABテストやリダイレクトテスト、多変量テスト等)を実施できるほか、ヒ …

STINGER8で初めての投稿の準備をする

WordPressのテーマ、STINGER8を利用した場合の、初めての投稿の準備をします。 目次 前提 アウトプットイメージの確認 投稿の基本形を考える ソースコードをブログ上に表示させるための準備 …

【Stinger8】ページング(page-numbersクラス),サイドバーリストのレイアウト修正

Stinger8の細かなレイアウト修正をします。 目次 トップ下部の投稿一覧をページングする部分(page-numbersクラス)のレイアウト崩れの修正 サイドバーに表示される最近の投稿やアーカイブな …