imbalance2カスタマイズ

LINEで送る
Pocket

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

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

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

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

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

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

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

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

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

さて仕事に戻ろう。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">