vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間11万PV〜。

WordPressサイトをGitで管理。Macローカル開発環境編

      2017/01/31

LINEで送る
Pocket

git
こんにちは、okutani(@okutani_t)です。みなさんはちゃんと「WordPressのバージョン管理」してますか?

変な修正を行って、レイアウト崩れまくり…どうしよう直せない(´;ω;`)

そんなことになる前に、「Git」というバージョン管理ツールで、サイトを管理しましょう。今回は、Macのローカル開発環境に設置していきます。

スポンサーリンク

Gitでテーマ管理をおこなう

MacにまだGitを導入していない方は、こちらの記事からどうぞ。

MacにHomebrewを使ってGitを導入&初期設定
こんにちは、okutani(@okutani_t)です。本記事では、MacにHomebrewを使ってGit...
2015-03-04 19:51
はてブ

今回は、WordPressサイトで利用しているテーマファイルをGitで管理していきます。まずはGitの簡単な使い方を説明。ここでは詳しい説明は行わず、必要最低限の利用できる流れを説明します。

テーマをGitで管理 (git init)

まずはMacのターミナルでthemesフォルダに移動します。

$ cd ~/WordPressをインストールした場所のパス/wp-content/themes

次のコマンドで.gitファイルがthemes内に作成されます。これでテーマ全体をGitで管理できるようになります。

$ git init

ファイルの登録 (git add)

.gitファイルが作成できたら、管理するファイルを登録(add)していきましょう。次のコマンドで現在のディレクトリ以下の全てのファイルをaddすることができます。

$ git add -A

管理するファイルの選択

.gitと同じ場所に.gitignoreファイルを作成&管理したくないファイルを記述することで、Gitで管理するファイルだけをaddすることもできます。

管理したくないファイル名1
管理したくないディレクトリ/
...追記していく...

ファイルの記録 (git commit)

addが完了したらGitに記録(comiit)していきます。

$ git commit -m "first commit"

ダブルクォーテーション内にコミット時のコメントを記述します。

以上の手順で、テーマファイルをGitで管理できるようになりました。

「テーマ内のHTMLファイルやCSSファイルを変更」した後に、上記のadd→commitの流れで変更点をGitに登録していくことができます。

以前のバージョンに戻す

では、Gitで管理しているファイルを、過去のバージョンに戻してみましょう。

まずは、戻りたいバージョンの位置を調べます。下記コマンドを入力してみてください。

$ git reflog

すると以前行ったcommitの情報が表示されると思います。この一番左にある記号が、それぞれのコミットの位置を表します。下記画像では黄色い文字の箇所です。

wp-mac-git

例えば「first commit」とコメントした時のバージョンには「eb48af7」を利用することで戻ることができます。次のコマンドで最初のcommitに戻ってみましょう。

$ git reset --hard eb48af7

ちなみに頭四桁(eb48)だけでも認識されます。reflogコマンドで前のバージョンに戻れたか確認。

wp-mac-git2

「moving to eb48」と記述されており、最初のバージョンに移動していることがわかります。実際に管理しているテーマのファイルの中身を確認してみてください。最初にコミット時のファイル構成になっているはずです。

一つ前のバージョンに戻る

では、今度は元のバージョン(一つ前のebf9c56)に戻してみましょう。下記コマンドを入力してみてください。

$ git reset --hard ORIG_HEAD

ORIG_HEADはresetの状態を一つ前に戻すコマンドです。これで好きなようにバージョンを行き来することができました。

これで自由にサイトを構築できますね。

まとめ

WordPressサイトをGitで管理することで、「過去の自分がどのようにサイトを構築していたか」ということも分かります。

是非この機会にGitを導入して、サイト構築に役立ててみてください。

この記事が気に入ったら
いいね ! しよう

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
間違って重要なファイルを「削除」してしまった場合にも、ちゃんと元に戻してくれます。Gitはとっても便利なので是非使ってみてくださいね。

 - Git, Mac, WordPress

スポンサーリンク

PC用AdSense

PC用AdSense

Share
  • このエントリーをはてなブックマークに追加

  こちらの関連記事もどうぞ

MacBookで複数モニターを使う方法。ミラーリングとデュアルディスプレイって何?

MacBookAirを買ってから、彼女が5人!宝くじで1億!歌手デビューまでした …

Macをクリーンして容量節約するアプリ「Disk Diag」を使ってみた

こんにちは、okutani(@okutani_t)です。最近、僕のMacBook …

UNIXコマンド超入門!「Macでターミナルを立ち上げる」からはじめてみよう

こんにちは、okutani(@okutani_t)です。この記事ではUNIXコマ …

WordPress投稿ページにPHP利用→ショートコードを使おう!

こんにちは、okutani(@okutani_t)です。WordPressではP …

初心者でもOK!WordPress有料テーマ「New Standard」を使ってみよう【PR記事】

こんにちは、okutani(@okutani_t)です。最近はPHPをせこせこ書 …

エックスサーバーにGitを導入する手順

こんにちは、okutani(@okutani_t)です。本記事ではエックスサーバ …

MacにHomebrew CaskでAtomを導入する

こんにちは、okutani(@okutani_t)です。普段はエディターにEma …

Macを完全に初期状態に戻す方法

こんにちは、okutani(@okutani_t)です。自分のMacBookAi …

Macローカル環境にEC-CUBE3をインストールする方法

こんにちは、okutani(@okutani_t)です。本記事ではEC-CUBE …

.gitignoreを途中から設置したときにやること

こんにちは、okutani(@okutani_t)です。Gitで管理しているプロ …

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。