Movable type便利なプラグイン

・「MultiBlogExt-0.1」
MultiBlogの補助プラグインで削除した時もトリガーになって他のブログなどを再構築してくれる。
これがないとMultiBlogプラグインの意味が無い。
特に設定は要らず、MultiBlogプラグインでトリガーの結果としてインデックスを再構築する選んでいると
紐づいて削除の時の再構築も行ってくれる。

Movable type｜カスタムフィールドの並び順を変える方法(プラグイン)

「カスタムフィールドの並び順を変える方法」

「MTAppjQuery - Movable Type 5 の管理画面をjQueryでカスタマイズしやすくするプラグイン」からtinybeans/mt-plugin-MTAppjQuery - GitHubをダウンロードする。

以上のプラグインは更新画面を更新し易いようにカスタマイズできるプラグイン。
このプラグインの中の「$.MTAppFieldSort() 」を使ってカスタムフィールドを含めた更新フィールドの順番を変えていきます。

1)上記のサイトからプラグインをダウンロード&インストールする。
2)mt-static/plugins/MTAppjQuery/js/user.jsを以下のように記述し直してアップロード

(function($){ /*$.MTAppMsg({ msg: 'MTAppjQueryプラグインのインストールに成功しました！ user.js を編集して管理画面のカスタマイズを楽しみましょう！', type: 'success' }); $.MTAppDebug();*/ if($('body#edit-entry').length){ $.MTAppFieldSort({ sort: 'title,text,tags,excerpt,keywords' // title,text,tags,excerpt,keywords またはカスタムフィールドのbasenameを並び順にカンマ区切りで書く }); } })(jQuery);

(コメントアウト部分は要らない)
カスタムフィールドはc:ベースネームで記述してカンマで区切る。


「カスタムフィールド一覧でベースネームも表示させる(プラグイン)」

DisplayFieldBasenameというプラグインをダウンロードしてカスタムフィールド一覧を表示、表示オプションでベースネームの表示非表示を選べる。

マウスオーバーのクロスフェード効果jQueryと少しのJSで実装

1.　ヘッダにjQuery本体を読み込む

<script type="text/javascript" src="js/jquery.js"></script>
2.　jQueryの処理を記述する
$(document).ready( <script> $(document).ready( function(){ $(".fadeOff img").hover(function(){ $(this).stop(true,true).animate({'opacity':0},300);//マウスオーバーで透明度0％ },function(){ $(this).stop(true,true).animate({'opacity':1},300);//マウスアウトで透明度100％ }); }); </script>  <br>
3.CSS
.fadeOn{ position:relative; width:画像の幅px; height:画像の高さpx; top:0; left:0; display:block; } .fadeOff { position:absolute; top:0; left:0; display:block; }
4.html
<div class="fadeOn"> <a href="#"><img src="ホバー後画像" /></a> <div class="fadeOff"> <a href="#"><img src="ホバー前画像" /></a> </div> </div>

jQueryの部分で.stop(true,true)を付ける事でホバーした分だけoapcityが
効いてしまうことを防ぐ。
詳しくは参考サイト：[jQuery]こんな機能があったんだ。jQuery stop()

※あと画像を２枚使ってクロスフェードさせているが、１枚画像に半透明のフェード効果を付ける事も出来る。

<参考サイト>
http://miracle-ysdesign.com/blog/javascript/443.html

画像エフェクト jQueryプラグイン

「JsManipulate」
ライセンス料がスタンダードで12ドル

「camanjs」
推奨ブラウザはIE9から

simpleWeather - 天気を表示するためのjQueryプラグイン

<参考URL>
http://blog.creamu.com/mt/2012/08/simpleweather_-_jquery.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+creamu%2FhLkA+%28CREAMU%29&utm_content=Google+Reader

jQueryPlugin「ColorBox」WebページやHTML、AJAX表示やインラインコンテンツにも対応

jQueryPlugin「ColorBox」WebページやHTML、AJAX表示やインラインコンテンツにも対応、5種類のデザインがある(2012/6/6現在)。

<参考URL>
http://www.css-lecture.com/log/javascript/031.html

アニメーションで文字を表示させていくjQueryプラグイン・Lettering Animate

背景いっぱいに画像を表示、スライドショー化にも対応した軽量なjQueryプラグイン・BACKSTRETCH

参考URL:http://kachibito.net/web-design/backstretch.html
使用サイト例：http://www.madeinmeproject.co/

シンプルでアニメーションの時間も設定できるjQueryスライドショープラグイン

<div id="slideshow">
    <img src="img/img1.jpg" width="500" alt="" />
    <img src="img/img2.jpg" width="500" alt="" />
    <img src="img/img3.jpg" width="500" alt="" />
</div>

<style type="text/css"> 
<!--    
#slideshow {
    position:relative;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}
--> 
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
       <script type="text/javascript">
          function slideSwitch() {
              var $active = $('#slideshow img.active');
              if ( $active.length == 0 ) $active = $('#slideshow img:last');
              var $next =  $active.next().length ? $active.next() : $('#slideshow img:first');
              $active.addClass('last-active');
              $next.css({opacity: 0.0})
                  .addClass('active')
                  .animate({opacity: 1.0}, 1000, function() {
                      $active.removeClass('active last-active');
                });
          }
          $(function() {
              setInterval( "slideSwitch()", 4000 );
          });
</script>

【日本語ファイル】WordPressで画像のトリミング等を可能にするプラグイン・Scissors

hoverで画像の上に画像を表示。imagelink.js

参考サイト

jQueryプラグインなスライダー slider.js

横スライドし続ける。さすが。

jQuery スライダー／AJAXで画像やHTMLをロード。

Picasaの画像を高さを揃えたイメージギャラリーを実装するjQueryプラグイン・jquery-photowal

wordpressのカテゴリの表示順を簡単に変えられるプラグインMy Category Order

wordpressのカテゴリの表示順を
簡単に変えられるプラグイン
「My Category Order」を入れてみた。
流れは以下の通り。

(1)My Category Orderをダウンロードしてwpのpluginフォルダの中に入れる有効化する。
日本語版にしたかったら以下のサイトを参考にする。
My Category Order日本語化する

(2)カテゴリの表示順を変えたい<?php wp_get_archives('type=yearly&cat=11&limit=10'); ?>などの中にorderby=order&title_li=を追加する。
 (例)
 <?php wp_get_archives('type=yearly&cat=11&limit=10&orderby=order&title_li='); ?>

(3)WPダッシュボードの投稿メニューのところに「My Category Order」のボタンが
増えているのでドラッグ&ドロップ→カテゴリー順をクリックで適用される。

(参考URL)
http://netsupman.com/affili/176.html