ブログのテーマをHuemanにしてみました＆カスタマイズ内容

ブログ開始から1年2ヶ月、たまたま見つけたテーマが優秀そうだったのでこの機会に導入してみることにしました。

今まで使ってたSimplicityがあまりに便利でHuemanそのままだと物足りなすぎるので、色々とカスタマイズしました。以下カスタマイズ内容です。Hueman使おうとしてる方がいれば参考にどうぞ。

ブログテーマはHuemanを使用

タイトルに書いたとおりです。カスタマイズ中に気付いたことですが、一時期バイラルメディアで使われまくってたテーマがコレだった気がします。

http://alxmedia.se/themes/hueman/

alxmedia.se

子テーマBeing Huemanを使用

カスタマイズ用の子テーマって普通自分で作るものですが、テーマギャラリーで配布されてたのでそちらを流用しました。作者の方に感謝。

カスタマイズ

左右の幅が気になる

デフォルトだと画面の左右ギリギリまで使ってしまうのが気に食わないので、子テーマで調整しました。

.container {
 padding : 0 100px;
}

上の重なってる部分が気になる

ヘッダーとコンテンツ部分がちょっと重なってる感じのデザインがたぶんオシャレなんでしょうけど、気に入らないので普通にしました。

#page {
 margin-top : 0;
}
#header {
 padding-bottom : 0;
}

H2の前に広告を入れる設定を追加

前使ってたSimplicityのH2前広告がかなり大きなウェイトを占めていたので、Huemanにも追加しました。

追加に際してSimplicityの作者様のブログを参考にしました。お世話になりっぱなしですね。

http://nelog.jp/widgets-in-body-custom

nelog.jp

はてなのブログカード機能を追加

同じくSimplicityに実装されてて便利だったのでこちらも追加。

参考にしたのも同じく寝ログ様です。

http://nelog.jp/wordpress-hatena-blog-card

nelog.jp

追記：シェアボタンを追加

自分の使いたい感じのプラグインが見当たらなかったのでちゃちゃっと自作（したやつを昔のコードから引っ張って来て改良）しました。レスポンシブにも対応してます。

↑このちょっと立体的なボタンです。ちょっとありふれてる気もするけどいい感じ。

今年も頑張ります

はい。