Simplicityをver20140812にバージョンアップ。ガッツリ機能を盛り込んだので不具合がなければ、これを安定版としたい。

PR 2014/8/12 NEWS

Simplicityをver20140812にバージョンアップしました。

ユーザーさんからフィードバックがあった不具合は全て潰し、要望があって良さそうな機能は実装しました。あと、現時点で僕が思いつく機能はほぼ盛り込んだので、公開後不具合報告がなければ、これを安定版としたいと思います。安定版とすることによって、今後テーマのカスタマイズもしやすくなるかと思います。

今後も、不具合修正や機能追加はすると思いますが、今回安定版にした後は、開発版として次の安定版までバージョンアップしていくと思います。

それでは、今回の主な変更ポイントです。

カスタマイズ画面からリンク色を変更できるようにした
カスタマイズ画面からホバーリンク色を変更できるようにした
カスタマイズ画面からサイトタイトル色を変更できるようにした
カスタマイズ画面からサイト概要色を変更できるようにした
カスタマイズ画面からモバイルヘッダー色を変更できるようにした
カスタマイズ画面からヘッダー（画像）の高さを変更できるようにした
レイアウトカスタマイズに「抜粋文字数」設定機能を追加
それとともに<!–more–>タグが挿入されている場合は、そこで文章が切れるように変更
レイアウトカスタマイズに「ナビゲーション(メニュー）を非表示」機能を追加
レイアウトカスタマイズに「サイドバーを左側に表示」機能を追加
レイアウトカスタマイズに「フッターを背景色と同じにする」機能を追加
SNSカスタマイズに「フォローボタンに色をつける」機能を追加
SNSカスタマイズに「サイドに追従SNSボタンを表示」機能を追加
広告カスタマイズに「トップページに広告を表示する」機能を追加
広告カスタマイズに「広告を中央表示」機能を追加
その他カスタマイズに「ファビコンのURL」機能を追加してメディアでアップロードしたものを利用できるようにした
その他カスタマイズにアップルタッチアイコンのURL」機能を追加してメディアでアップロードしたものを利用できるようにした
header.phpからnavi.phpを切り分け（メニューカスタマイズ用に）
ナビゲーションのサブメニューが検索ボックスる重なる不具合修正（まだ微妙に重なるけど）
細かな不具合修正
コメントの誤字脱字修正

こうやって一覧にしてみると、結構機能を追加していました。

ただ、これらの機能追加はテーマを更新しても、現在の設定がそのまま引き継がれるようにしてあるので、更新してカスタマイズ管理画面から変更しない限りは見た目が変わることはないと思います。（多分）

以下で、今回のバージョンアップの詳細を説明したいと思います。ただ今回は、かなり機能追加したのでポイント部分をざっくりとだけ説明します。

色カスタマイズ

WordPress管理画面「外観→カスタマイズ→色」から、サイトのポイントとなるようなデザインの色を変更できるようにしました。

これにより、リンク色を変更したり

タイトルとか概要の色を変更したり、

モバイルのヘッダー色を変更できるようになりました。

その他の色変更は、スタイルシートでしていただければと思います。

ヘッダーカスタマイズ

WordPress管理画面「外観→カスタマイズ→ヘッダー画像」から、ヘッダーの高さを変更できるようにしました。

これにより、こんな感じでヘッダーの高さの変わる変更も、ファイルをカスタマイズすることなく手軽に行えるようになりました。

レイアウトカスタマイズの変更

WordPress管理画面「外観→カスタマイズ→レイアウトの設定」から、以下の変更を行いました。

レイアウトカスタマイズに「抜粋文字数」設定機能を追加
それとともに<!–more–>タグが挿入されている場合は、そこで文章が切れるように変更
レイアウトカスタマイズに「ナビゲーション(メニュー）を非表示」機能を追加
レイアウトカスタマイズに「サイドバーを左側に表示」機能を追加
レイアウトカスタマイズに「フッターを背景色と同じにする」機能を追加

これにより、エントリー一覧の本文抜粋部分の文字数を制限したり、こんな感じで<!–more–>タグを用いて入力すれば、

一覧部分で、そこまでしか表示されないようになりました。

MOREタグと、抜粋文字数とをうまく合わせて調節すれば、いい感じに句点部分で抜粋が終わります。

その他には、ナビゲーション（メインメニュー）部分を非表示にできるようにしたり

サイドバーと本文部分を左右反転しにしたり、

フッターの色を背景色と同じ色にして統一感を出せるようにできるようになりました。（機能をONにすると、デフォルトでは背景か白になります）

SNSカスタマイズの変更

WordPress管理画面「外観→カスタマイズ→SNSの設定」から、以下の変更を行いました。

SNSカスタマイズに「フォローボタンに色をつける」機能を追加
SNSカスタマイズに「サイドに追従SNSボタンを表示」機能を追加

これにより、デフォルトのモノクロなフォローボタンから以下のようにカラフルで目立つものに変更できるようになりました。

また、以下のように「追従するSNSボタン」の脱着がチェックボックス一つでできるようになりました。

これで、「記事が長いときにはてブやPocketを押す訪問者」にも対応できますし、記事のにぎやか度も分りやすくなりました。

※それぞれのボタンの非表示はスタイルシートでします。#sharebarのラッパーでくるんであるので以下のように指定します。

#sharebar li.google-plus-btn{
  display: none;
}

広告カスタマイズの変更

WordPress管理画面「外観→カスタマイズ→広告の設定」から、以下の変更を行いました。

広告カスタマイズに「トップページに広告を表示する」機能を追加
広告カスタマイズに「広告を中央表示」機能を追加

この変更により、サイトのトップページに以下のようなレクタングル（大）広告が2つ表示されるようになりました。されるようになりました。

というのも、「Google AdSense 成功の法則 57」という著書を出されている染谷さんの記事に広告のカスタマイズ方法が載っていたからです。

ただ、個別ページの配置は悪くないんですが、トップページの配置がちょっと少なくてもったいないなぁと。で、一応、僕、Google AdSenseの本なんか出しちゃってるので、きちんと配置しておかないといけないなぁと思いましてですね。

引用：Someya Masatoshi.jp

僕もSimplicity開発当初、トップページに広告を表示するか、それともシンプルさと軽さを重視して表示しないか迷い、後者をとったんですが、「迷うなら、ユーザーが選択できるようにしてしまえばいいじゃん」ということで、トップページの広告表示を選択できるようにしました。確かに、トップに表示されないのはもったいないんですよね。

この設定と、「サイドバー上に広告を表示」する設定にすると、閲覧されるページに常時3つ広告が表示されるようになるかと思います。

あと、いろいろサイトをめぐっていると、広告を中央表示している人も結構いたので、広告の中央表示も選択できるようにしました。