ブログのデザインをリニューアルしました

ブログのデザインをリニューアルしました
LINEで送る
Pocket

久々の更新です。
突然ですが、ブログのデザインをリニューアルしました。

とは行っても自作ではなく、
新しく追加された新テーマTwenty Thirteenをちょこっと改造したものになっています。

リニューアルついでに、導入したプラグインやアプリについて書き留めていきます。

## 目次 – リニューアルの目標 – ローカル側でMarkdown形式で記事を管理する – ローカルにテスト環境を構築 – WordPressプロジェクトをgit管理する – ローカルからgit pushするだけでデプロイ

リニューアルの目標

  1. ローカル側でMarkdown形式で記事を管理する
  2. ローカルにテスト環境を構築
  3. WordPressプロジェクトをgit管理する
  4. ローカルからgit pushするだけでデプロイ

とローカル管理+Markdown周りの強化を行いました。

ローカル側でMarkdown形式で記事を管理する

基本的に当ブログは技術系のことを書いているので、
コードの書きやすさと、記事の保守性が第一です。

記事をMarkdown管理する際に求めたものは、

  1. プラグインを使ってもいいのでローカル上では管理画面上ではMarkdown形式で書ける
  2. Fenced Code Blocks(```言語名)でシンタックスハイライトがかけられる
  3. パースによるパフォーマンス低下が起きた時のためにHTMLにも変換可能

の3点です。

ここまで手の届くプラグインなんてあるのかな、と探した所、
上記を見事に叶えてくれるプラグインがありました。

WordPress › Markdown on Save Improved « WordPress Plugins

上記を満たしていて、なおかつこのプラグイン何が有難いかというと、
シンタックスハイライトはCrayon Syntax Highlighter依存になっていることです。

記事のコードを見やすく表現するためにちょうど使っているプラグインなので、
そのまま流用・手書きと両立できるのが非常に嬉しい。

即導入して、今のところいい感じにつかえています。

ローカルにテスト環境を構築

お恥ずかしながら、
今までWordpressをローカルに構築してテスト環境が構築できていませんでした。

データベースの連携がどうしても面倒で、
インポート・エクスポートを使おうとしても一部エラーなどが起きるので信頼出来ないしで放置していました。

しかし、wordpressに使っているDBの、wp_optionsテーブルの2件のレコード

option_name option_value
home http://localhost
siteurl http://localhost

となっている箇所をリモート用(leko.jp)に書き換えるだけで動作することが判明したので、
ローカルDB→リモートDBの連携は意外と可能だと分かったのでローカル環境を構築しました。

2013/12/03追記
と思っていたのですが画像のパス周りで多大なバグが発生していました。
2013/12/02近辺にアクセスされた方にはご不便をおかけいたしました。。。

WordPressプロジェクトをgit管理する

普通にWordpressをダウンロードしてきて、全体をプロジェクト管理しています。
テーマファイルと、gitでホスティングされているプラグインをサブモジュール化します。

今回は、テーマの改造にあたって、親(Twenty Thirteen)の子テーマとしてテーマを作ります。

これで最低限の設定が完了です。
あとはstyle.cssなどを編集して適宜書いてください。

プラグインを追加するときは、wp-content/pluginsの中にaddするだけです。

ローカルからgit pushするだけでデプロイ

いちいちsshでログインしてgit pullするのは面倒です。

ローカルからmasterブランチにgit pushするだけで、リモート側でgit pullを自動的にかける
という風にしたいです。

gitを使ってホームページを更新する | catatsuyのBlog

リモートにログインして、bareリポジトリを作成
そのbareリポジトリ内のpost-recieveを作成してコマンドを書きます

ドキュメントルートするディレクトリで↑のリポジトリをcloneする
apache側の設定とかは適宜やっといてください。

ローカル側でリモートを指定

これでリモートに内容が反映されればOKです。

ということで、Markdownで快適かつ簡潔に記事管理ができて、 テスト環境を作ったことで本番環境にいきなりバグを持っていくこともなくなりました。

今後とも、よろしくお願いします。

LINEで送る
Pocket

Comments are closed.