ブログのテーマを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の作者様のブログを参考にしました。お世話になりっぱなしですね。

コピペ一発！WordPress本文中にウィジェットでアドセンス挿入するカスタマイズ方法

以前2度にわたり、投稿本文中のH2見出し手前に手軽にアドセンス（広告）を表示する方法を書きました。 ただ、これ…

nelog.jp

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

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

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

WordPressエディターに外部URLをコピペするだけで、どんなサイトでも「はてなブログカード」を表示させるカスタマイズ方法

昨日、どのサイトからでも「はてなブログカード」を利用する方法を紹介しました。 この方法を利用すれば、ブラウザの…

nelog.jp

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

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

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

今年も頑張ります

はい。