ブログのテーマのカスタマイズがやっと完了しましたー
どうもヨシカズ(@danimesa)です。ブログのテーマのカスタマイズがやっと完了しました。結構ハマったよ。。。
目次
カスタマイズのポイント
いろいろカスタマイズを施しました。なのでどこがポイントなのか解説します。
ヘッダーを固定にした
前からやりたかったヘッダーを固定にすること。
これはヘッダーのdiv要素を以下の設定にすることで実現
[css]position: fixed !important;[/css]
あと表示幅の関係で、カテゴリのメニュー上ひとつにまとめて、ぶら下げる形にしました。
左右の要素をスクロールに追随するようにした
左側のソーシャルメディアのアイコンをスクロールに追随するようにしました。
これは、今回使うことにしたWordPressのテーマである”Unspoken”に元々ある機能を使っています。
ただ必要のないものがあったり、逆にはてなブックマークのようにないものもあるので、そこはカスタマイズを施しました。
右側の広告ブロックとFacebook、Google+のひとかたまりもスクロールに追随するようにしました。
これはJqueryを使っています。
簡単にまとめるとこんな感じなんですが、予想外にはまってしまいました。テスト環境でうまく行ったので、そのままテーマをコピーしてきたんですがなぜかうまく動かず。。
数時間必死になってようやく原因がつかめて何とかなりました。
原因は、テスト環境との違いがプラグインにあって、その違いで動作が異なることにつながっていました。しらみつぶしにプラグインのチェックをしたのでだいぶ時間がかかりました。
というわけで私、ヨシカズ(@danimesa)がお送りいたしました。
基本問題ないはずなんですけど、もし何かありましたらぜひコメントください！お待ちしておりますので。
以上読んでいただきありがとうございました。