リストや表を出力するときに、交互に odd（奇数）や even（偶数）というクラス名などを付けたいことって結構ありますよね。 それを実現する方法としては、jQuery など JavaScript を使う方法が簡単ですが、Movable Type を使っているなら、できればスタティック・パブリッシングで直接出力しておきたいですよね。 MTLoop などの繰り返しタグの中であれば、<mt:If name="__odd__"> などで簡単にできますが、ループの中以外では少し工夫が必要です。 今回は、ループ以外でそれを実現する方法の紹介です。 出力結果サンプル サンプルとして、次のようなリストに odd、even を交互に付けたいとします。 <ul> <li>1 : odd</li> <li>2 : even</li> <li>3 : odd</li> <li>4 : even</li> <li>

Movable Type のカスタムフィールド一覧、テンプレートタグが表示されるようになったのは嬉しいんですけど、人間欲深いもので、今度はまとめてコピーしたくなったりします。 そんなときは、次のコードを Firebug や Chrome の JavaScript コンソールにコピペして実行すればOK。一覧の上に表示されます。 (function($){ var code = []; $('pre.code').each(function(){ code.push($(this).text()); }); for (var i=0,n=code.length;i<n;i++){ code[i]=code[i].replace(/^[^<]+/m,'') .replace(/\n/g,'') .replace(/<([^\/>]+)\s\/>/,'<$$$1$>') .replace(/</g

僕は Movable Type の「再構築」が好きです。「Love 再構築」という名前の Xtalk 動かしているくらいですw サイトに来てくれたユーザーにスタティックなファイルを返すだけ、というのは、サイト運営側のおもてなしの一つだと思っています。 しかし、運営側にとって「再構築」という作業に何分も時間がかかるというのはデメリットであることも事実です。この気持ちもよく分かります。この再構築時間をできるだけ短くするというのは、Movable Type を使ってサイトを構築するWeb制作者の腕の見せ所でもあるのかもしれません。 また、スタティックなファイルだと、デバイスやユーザーごとに表示を変えにくいこともあるかもしれません。 そんな Movable Type の弱点（？）を克服するかのように現れたのが、Alfasado Inc. が公開している DynamicMTML というプラグインです

Movable Type のブログ記事の本文中で、最初に出てくる画像の URL（つまり img タグの src 属性）を、regex_replace モディファイアを使って取得する方法です。 regex_replace モディファイアは、MT タグが出力する結果に対して、実際に出力する前に正規表現での置換を行うことができるモディファイアです。どの MT タグにも利用できるグローバルモディファイアですね。 このモディファイアを利用して次のように書けばOKです。 <mt:EntryBody regex_replace="/<[^i].*?>|<i[^m]*?>|<iframe.*?>|<input.*?>|<ins.*?>|<isindex.*?>|\s/g","" regex_replace='/(.*?src=")(.*?)(".*)/g','$2' regex_replace="/^[^

alfasado さんの GitHubで公開されている「Multi Uploader」というプラグインを試してみました。 この「Multi Uploader」プラグインは、「jQuery File Upload」という jQuery プラグインを Movable Type のアイテムのアップロード機能に適用させたプラグインのようです。 この記事を書くときにさっそく使わせていただきましたが、これは必須のプラグインになると思いました！ 使い方を簡単にご紹介します。 インストール alfasado/mt-plugin-multi-uploader - GitHubからファイルをダウンロードします。 ダウンロードしたファイルを解凍し、解凍したフォルダ内にある plugins と mt-static/plugins ディレクトリ内にある MultiUploader ディレクトリを、Movable T

CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。

このブログの検索を自作の jQuery プラグイン「jQuery Search Box」に変えてみました。 まだまだイマイチなコードなんですが、とりあえずキーワード検索に加えてタグ検索も出来るようにしたので、記事にしてみます。タグ検索の方は結構お気に入りです。 検索用JSONの準備 jQuery Search Box プラグインは、あらかじめ用意された JSON ファイルを読み込み、その内容を検索する仕組みです。 したがって、検索させたい内容をすべて含んだ JSON ファイルが必要となります。Movable Type であれば、スタティックなファイルを自由に書き出せるので、そう言った意味で「Movable Type 版」と言い、以下では MT を前提に説明しますが、他の CMS やスタティックなサイトでも、JSON ファイルが用意できれば問題ありません。 さて、まずは MT でインデックス

当ブログで公開している「jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン」を、フォントサイズが変更されたときにも高さがそろうように使う方法を紹介します。 ボックスの高さをそろえる JavaScript ライブラリといえば、to-R さんの「heightLine.js」が有名ですね。 このライブラリの中で使われているフォントサイズの変更を取得する方法が「文字サイズの変更を取得するJavaScript」という記事で紹介されているので、そのコードをお借りします。だったら最初から「heightLine.js」を使うよっていう声が聞こえてきますがｗ jQueryAutoHeight.js を実行させるコード 今回は以下のサンプルページのように、div#box1 と div#box2 の中にある p 要素に対して jQueryAutoHeight.

Movable Type 5 になってから、「ウェブサイト」と「ブログ」という概念でウェブサイトを構造的に管理できるようになりました、とまではいいんですが、それにしてはちょっとダッシュボードのウェブサイトとブログのウィジェットが、、、全然構造的じゃないじゃん、と思っていたんですね。 そこで「MTAppjQuery 0.06 リリース - ストラクチャー・ウィジェットでウェブサイトとブログの構造を視覚的に確認」ということで、MTAppjQuery プラグインにウェブサイトとブログを構造的に確認できるウィジェットを追加したわけです。 今日は、MTAppjQuery プラグインを使わずに、alt-tmpl でカスタマイズする方法を、自分の備忘録の意味でも書いておきます。 カスタマイズの準備 まず、alt-tmpl ディレクトリに、cms/widget というディレクトリを作成します。その wid

CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。

CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。

商品のサムネイルや商品名を入れたボックスを並べて、商品一覧などを作ることって結構あるのではないでしょうか。 そんなとき、写真のサイズが決まっていれば何の問題もありませんが、縦長だったり横長だったりする写真が混在するとき、それらの写真をボックスの中央に配置するのって結構面倒じゃないですか？ 左右中央に配置するのは問題ありませんが、縦を中央に配置するのが結構厄介です。 そこで、そのような場合の縦位置を jQuery で中央に配置してみようという小ネタです。 今回は、jqueryVerticalMiddle.js というプラグインを用意しました。 jqueryVerticalMiddle.js jqueryVerticalMiddle.jsのサンプル 使い方はサンプルのソースを見た方が早いと思いますが、念のため説明を。 ファイルの読み込み jQuery と jqueryVerticalMiddl