シンプルでカスタマイズしやすくて、しかもレスポンシブデザインのWordPress無料テーマ「Gush」にすっかりお世話になっているSiSO-LABですが、カスタマイズ記事が増えてきたので、まとめ記事を作り直しました。

WordPress国産無料テーマGush

2014/06にぷららブログからWordPressに引っ越しをしました。WordPressサイトを立ち上げるにあたってどのテーマを使用するか？というところが悩みどころでしたが、「Naifix-起業バカ(http://naifix.com/)」というブログを運営されているElloraさんという方が作られた「Gush」というテーマのコンセプトにビビっと来まして、カスタマイズして使用させていただいています。

表示解像度変化に対応するレスポンシブデザインに対応しているとか、SEO対策などいろいろと工夫されているとのことですが、一番の特徴としては中身がシンプルとのことです。ポイントを「http://gush.naifix.com/」より転載させていただきました。

• 自分の思いどおりのデザインを実現したい
• レスポンシブデザインにしてみたい
• 複雑なものは不要
• HTML5にしてみたい
• できれば無料で

これからちょっと勉強させてもらいたいな！なんて思っているSiSOの希望にピッタリです。また、ブログの方を拝見させて頂くと、かのStinger3のこともかなり研究されているようで、その上でリリースされているものであれば、勉強のやりがいがありそうです。

Gushのインストールや初期設定してみたり

GushをWordPressにインストールし、とりあえずやらなくちゃ、ということをまとめました。いきなりまずはちょっとコードいじってみて！というノリが組み込まれているようないないような。

• 2014-05-14 WordPressのテーマは無料でシンプルでカスタマイズが簡単らしいGushを試してみることに。インストール方法とか。

• 2014-05-15 Gushのヘッダー画像と代替テキストの設定、ついでにFaviconを変更する方法とか。

• 2014-05-24 ヘッダ背景画像の設定

Gushの色を好みの色にしちゃったり

「ブログといえば白！」と言うぐらい白を基調としたブログが多いですが、ここはあえて90年代以前を狙ってミッドナイトシティな色使いにカスタマイズしてみました。

• 2014-05-17 背景画像、コンテンツ背景色、本文テキスト色変更

• 2014-05-18 リンク、キャッチフレーズ、公開日背景の色変更

• 2014-05-20 パンくずリスト、ページ移動リンク、コメント欄の色変更

• 2014-05-27 サイドバータイトル色とサイズの変更

Gushに新しい書式を追加したり調整したり

「スタイルシートって何それ？」なSiSOですが、ちょっとずつ勉強し、大したものでありませんが、また、正しいやり方なのかもよくわかりませんが、必要な書式を少しずつ追加しています。

• 2014-05-22 引用書式（blockquote）の変更

• 2014-05-23 引用風書式の追加

• 2014-05-28 リスト表示の調整（UL、OL）。数値リスト書式の追加とか。

• 2014.06.11 記事本文の行間（マージン）を再調整とか。

Gushに機能追加してみたり

PHPでコードは書いたことがありませんが、一応、Ｃ言語とかはやってました（過去形）し、HTMLの知識も多少はありますので、Gushに関数を追加して試行錯誤♪しています。

• 2014.06.13 記事に設定されたアイキャッチ画像情報を取得して「ごめんなさい」表示！？

• 2014-07-07 考え中。プラグイン無しでソースコードを表示。

• 2014-07-08 悩み中♪プラグイン無しでソースコードを表示。

• 2014-07-09 完成版？プラグイン無しでソースコードを表示。

• 2014-07-14 記事に別の記事を挿入する機能をプラグインなしで実装。

• 2014-07-17 記事公開状態連動型の連載記事リンクリストみたいなものを作ってみる。

• 2014-07-18 普通の別記事挿入にも対応。記事公開状態連動型別記事挿入プログラム改良

今後、Gushカスタマイズネタをアップしたら本記事に追加していきます。また、まとめ記事としてもう少し見やすくならないか思案中です。少しでも楽しく読んでいただけるよう、改良する予定です。

お楽しみに！