1. Assetyleneの解説は以下に詳しいので参照ください。

   • アイテムのマークアップをカスタマイズするAssetyleneプラグイン

   • アイテム挿入をカスタマイズ-Assetylene - WolaWola

2. Assetylene PluginのオリジナルはSixApart社から出されていますが、私の場合はWolaWolaさんが改善したものを使用しています。ダウンロー及びドキュメントは下記を参照ください。

   Assetyleneプラグインを改造しました - WolaWola

3. セットアップには３つの段階があります。

   1. Assetylene Pluginのインストール及びセットアップ

      上記のWolaWolaさんのページより assetylene1.1.zip をダウンロードして解凍します。解凍して出来た assetyleneフォルダをMTのpluginsフォルダにアップロードします。

      ブログ単位での設定 > プラグイン で利用形態に応じた設定を行います。設定内容は WolaWolaさんのページを参照ください。

      私の場合は、クリーンアップする「ｐタグで囲み、、、、」、位置揃えに「中央揃え（imgC)」の追加、lightboxセレクターに「class="youtube"」を追加しています。

   2. テンプレート・モジュールに Asset Insertion のカスタム・テンプレートを追加します。テンプレートの内容はサンプルを基に前記の追加機能を含めて下記のようにしました。各人の使い勝手に合わせて修正が必要です。修正には上記 H.Fujimotoさんの記事が役立ちます。

      
      <mt:If name="include">
          <mt:SetVarBlock name="item_type"><mt:AssetType></mt:SetVarBlock>
          <mt:If name="align" eq="center">
              <mt:SetVarBlock name="image_position">display: block; margin: 0 auto 10px auto; text-align: center;</mt:SetVarBlock>
          <mt:ElseIf eq="left">
              <mt:SetVarBlock name="image_position">float: left; margin: 0 20px 10px 0;</mt:SetVarBlock>
          <mt:ElseIf eq="right">
              <mt:SetVarBlock name="image_position">float: right; margin: 0 0 10px 20px;</mt:SetVarBlock>
          <mt:Else>
              <mt:SetVarBlock name="image_position">margin: 0;</mt:SetVarBlock>
          </mt:If>
          <mt:If name="item_type" eq="画像">
              <mt:If name="popup">
                  <form mt:asset-id="<mt:Var name="asset_id">"><a href="<mt:Var name="a_href">" onclick="<mt:Var name="a_onclick">"><img src="<mt:Var name="img_src">" width="<mt:Var name="img_width">" height="<mt:Var name="img_height">" alt="<mt:AssetTags glue=" "><mt:TagName /></mt:AssetTags>" title="<mt:AssetLabel />" style="float: left; margin: 0 10px 10px 0;" /></a></form>
              <mt:Else>
                  <mt:If name="thumb"> 
                      <mt:If name="a_tag" like="lightbox">
                          <form mt:asset-id="<mt:Var name="asset_id">"><a href="<mt:Var name="a_href">" data-lightbox="lightbox-<mt:Var name="caption">" title="<mt:AssetLabel />　<mt:AssetDescription /><mt:IfNonEmpty tag="AssetExif">　[撮影データ=　<mt:AssetExif />]</mt:IfNonEmpty>"><img src="<mt:Var name="img_src">" width="<mt:Var name="img_width">" height="<mt:Var name="img_height">" alt="<mt:AssetTags glue=" "><mt:TagName /></mt:AssetTags>" title="<mt:AssetLabel />" style="<mt:Var name="image_position">" /></a></form>
                      <mt:ElseIf like="youtube">
                          <span mt:asset-id="<mt:Var name="asset_id">"><a href = "<mt:AssetDescription />" class="highslide" onclick="return hs.htmlExpand(this, { objectType:'swf', width: 600, objectWidth: 600, objectHeight: 385, preserveContent: false, wrapperClassName: 'no-footer titlebar', dimmingOpacity: 0.75, allowSizeReduction: false, maincontentText: '再生にはversion8以上のFlash Playerが必要です' } )"><img src="<mt:Var name="a_href">" title="<mt:AssetLabel />" alt="<mt:AssetTags glue=" "><mt:TagName /></mt:AssetTags>" style="<mt:Var name="image_position">border: none;" /><mt:AssetLabel /></a></span>
                      <mt:ElseIf like="highslide">
                          <span mt:asset-id="<mt:Var name="asset_id">"><a href="<mt:Var name="a_href">" class="highslide" onclick="return hs.expand(this, { slideshowGroup: <mt:AssetDateAdded format="%m%d" />, dimmingOpacity: 0.75 } )"><img src="<mt:Var name="img_src">" style="<mt:Var name="image_position">border: none;" width="<mt:Var name="img_width">" height="<mt:Var name="img_height">" alt="<mt:AssetTags glue=" "><mt:TagName /></mt:AssetTags>" title="<mt:AssetLabel />" /></a><span class="highslide-caption"><mt:AssetLabel />　<mt:AssetDescription /><mt:IfNonEmpty tag="AssetExif">　[撮影データ=　<mt:AssetExif />]</mt:IfNonEmpty></span></span>
                      <mt:Else>
                          <form mt:asset-id="<mt:Var name="asset_id">"><a href="<mt:Var name="a_href">" title="<mt:AssetLabel />　<mt:AssetDescription /><mt:IfNonEmpty tag="AssetExif">　[撮影データ=　<mt:AssetExif />]</mt:IfNonEmpty>"><img src="<mt:Var name="img_src">" width="<mt:Var name="img_width">" height="<mt:Var name="img_height">" alt="<mt:AssetTags glue=" "><mt:TagName /></mt:AssetTags>" title="<mt:AssetLabel />" style="<mt:Var name="image_position">" /></a></form>
                      </mt:If>
                  <mt:Else>
                      <form mt:asset-id="<mt:Var name="asset_id">"><img src="<mt:Var name="img_src">" width="<mt:Var name="img_width">" height="<mt:Var name="img_height">" alt="<mt:AssetTags glue=" "><mt:TagName /></mt:AssetTags>" title="<mt:AssetLabel />" style="<mt:Var name="image_position">" /></form>
                  </mt:If>
              </mt:If>
          <mt:Else>
              <mt:var name="upload_html">
          </mt:If>
      </mt:If>
      

      緑色の判定は画像の配置スタイル指定を見てCSS Styleをimage_positionに一時保存してます。image_positionの内容は後のマークアップの時点で使用されます。センターリング、左寄せ、右寄せ、指定なしの４通りあります。

      赤色の部分はサムネイル画像を作るかどうかの判定です。作る場合は更に黄色の部分でlightboxの場合、youtube動画の場合、highslideの場合と処理が分かれます。サムネイルを作らない場合は画像をそのまま貼り付けるだけです。popupの場合はポップアップ・システム・テンプレートで作られるHTMLページへのリンクを貼ります。

      水色の部分は、lightboxとhislide.jsでは画像グループ指定で、lightboxではcaptionに入力した文字列を、highslide.jsでは画像がアップされた月日４桁を使用しています。youtube動画の場合は動画ファイルのURLをcaptionで指定するようにしてます。

      紫色はexif情報を取得するpluginが情報を取得してる場合にそのexif情報を画像の説明に加える処理です(現在当サイトではexif情報は付加していません)。exif情報を付加するプラグインAssetExifを使用しない場合はこの部分(紫色で示す範囲)を削除ください。

      当pluginで使用される変数については、１項のh.fujimoto氏のページを参照ください。

   3. 最後に各ブログのツール→プラグインの画面でassetyleneの初期設定を行い設定を保存します。

      assetylene初期設定画面　

      画面は上記2項のテンプレート・モジュールを使った場合の設定です。適宜選択・指定してください。

[修正記録]
2013.05.20　プラグインの初期設定項目として3.3項を追加しました。
2013.07.24　LightboxのAttributeを rel から data-lightbox に変えました。
2013.08.16　Exif情報を付加しない場合(AssetExifプラグインを使用しない場合)のテンプレート･モジュール Asset Insertion の修正箇所を明示しました。