2013年9月29日 4:18 PM  カテゴリー: web制作, WordPress, テーマ

少し飽きてきたこのテンプレート。
※現在は別のテンプレートを使用させていただいています。

新しいテンプレートにチェンジする前にほんの少しだけカスタマイズしてみました。

何を変更したかというとせっかくMasonryが使われているのにアニメーションが動いていない。
このブログで先日紹介したMasonryの記事のこともあるので今回ブログのテンプレートを少々カスタマイズしアニメーションが動くようにしました。
やりたい方は簡単にできますのでオススメです。

imbalance2カスタマイズ(アニメーション編)

■変更箇所
header.php
(管理画面 → 外観 → テーマ編集 → ヘッダー)

■ソースのだいたい100行目あたりにあります。

isAnimated:true,以下を付け加えるだけです。

※注意
gutterWidth:40の末尾に「,」をつけ忘れないように。
duretion:700,というのはアニメーションして移動する速度です。
数字が小さいほど早く動きます。

完成したらトップページに戻ってブラウザの幅を小さくしてみたりインフィニットスクロール(テーマオプションでtrue)を試してみてください。
いい感じにアニメーションしてくれるはずです。

さて仕事に戻ろう。

ABOUT

仕事と子育てを楽しむパパです。 趣味は漫画、映画、海外ドラマ、波乗り、スノボ、カメラ。 最近いけてないけど旅行も大好き。仕事はweb以外にも企業向け技術教育事業、投資、ディレクション、アパレル、写真、店舗プロデュースなどなどなんでもこなします。

Twitter