>>殺風景にリンクが並んでいるだけだったサイトトップをちょっと賑やかにしてみた。フィルタとソートがテキストメニューのままなので直そうかなーと思うけど、このまま放置されそうなので先に記事にしておく。出来あがったものがコチラになります。tyoro.*普通に開くとこんな感じで、横長に配置されるけど、ブラウザのウィンドウサイズを狭めると、こういう詰んだ感じになる。幅を狭めたり、フィルタメニューやソートで項目を操作すると滑らかにボックスが移動していく。このヌルヌル動く感じが良いですなぁ。Facebookで以下のライブラリを教えてもらって適用しただけなんだけど、私用なら無料で、商用でも$25とおやすく使えていい感じ。Isotope自分のサイトへの適用はclassを付与した領域と箱を用意して、以下のようなコードを実行するだけ。'.isotope-item'});これに並び換えのルールや、ソートの項目などをoptionで追加していける。簡単だね!詳しくは本家の解説を読んだり、デモのコードを読もう。DemoMTへの取り込みただ適用するだけでは面白くない。いう事で、元々うちのサイトはサブドメインのblogも含めて1つのMTOSで管理しているので、そちらから色々できるようにしてみる。最新記事が自動で最新3件ほど読まれるようにしてみる。以上のようなコードで実現しています。include_blogs="2"となっている部分を使いたいblogのIDにするといい。include_blogs="children">』なんかで囲ってやると良いかな。最後に再構築トリガー回りの設定を、マルチブログに設定してやって完了。ドキュメントウィジェットセットMTに取り込むだけでは簡単で面白くがないので、ウィジェットセットにしてみた。増減させる事がそうそうあるかは分からないけど、コンテンツをもっとふやしていきたいよね。D&Dで項目を追加したり外したりできていい感じ。360のゲーマーカードとかPS3のトロフィーカードとかの項目も実装してみたけど、あまりゲームしない事に気付いたのでさくっと排除した。