Movable Typeでタグのインクリメンタルサーチを実現する
Movable Typeの検索フォームを使ったタグ検索で、インクリメンタルサーチが行えるようにするカスタマイズです。 このカスタマイズを行えば、次のようにタグ文字列を1文字入力するたびに、候補を表示してくれます。ご覧のとおり、途中の文字の検索もできます。 日本語の検索も可能です。 タグのインクリメンタルサーチを導入すれば、タグクラウドのようにページを占有する必要がなくなります。タグ数が多いほど有効です。頻度の高いタグだけを表示するタグ一覧と併用するという手もあります。 ここでは「クラシックブログ」テーマに適用する方法を紹介します。 検索フォームを使ったタグ検索の動作については「Movable Typeの検索フォームでタグ検索をする」をご覧ください。 １．ライブラリのダウンロード・アップロード 「suggest.js - 入力補完ライブラリ」のページにアクセスして、「suggest.js」を
Movable Typeの検索フォームでタグ検索をする
Movable Typeに限らず、ブログツールやCMSにおけるタグ検索はタグクラウドや記事中のタグリンクをクリックして、同じタグの記事を表示する仕組みになっていますが、検索フォームを使ってタグ検索するカスタマイズを紹介します。 この内容は、MTQにあった質問に対する回答の一部です。以前、このブログか書籍で同じ記事を書いた記憶があるのですが、見当たらないため本エントリーで展開します。 １．カスタマイズのイメージ タグ検索フォームを新たに作り、フォームにタグ文字列を入力して検索します。 次のようにタグ検索結果が表示され、右サイドバーにはタグの一覧も表示されます。 ２．タグ検索フォーム 次のコードをMTのウィジェットとして登録します。 <div class="widget-search widget"> <h3 class="widget-header">検索</h3> <div class="
コメントカスタムフィールドの値をクッキーに保存する方法
Movable Typeのコメント投稿フォームで、コメントカスタムフィールドの値をクッキーに保存する方法を紹介します。 １．概要 Movable Typeのコメント投稿フォームは、「ログイン情報を記憶」をチェックしておくことで、投稿時に入力した名前やメールアドレスなどをクッキーに保存し、次回のコメント投稿時に利用することができます。 ただし、クッキーに保存できるのはデフォルトで用意されているフィールドのみで、カスタムフィールドで作成したフィールドは保存できません。 例えば下の画像のように、「テキストフィールド」というコメントカスタムフィールドに入力した値は、次回のコメント投稿時には反映されません。 本エントリーでは、コメントカスタムフィールドに入力した値をクッキーに保存できるようにする方法を紹介します。 カスタマイズ後のコメント投稿フォーム ２．カスタマイズ カスタマイズ対象は、コミュニテ
メールフォームプラグインで複数のチェックボックスを使う
1.チェックボックスの送信値／表示値／フィールド名の定義 まず、GetQueryParamプラグインのMTSetParamListタグを使って、チェックボックスの送信値／表示値／フィールド名の情報を定義します。 前述の例だと、以下のようにテンプレートタグを組みます。 なお、このテンプレートでは、リストの名前を「fruit」にしています。 <mt:SetParamList list_name="fruit"> Apple|りんご|mail_apple Orange|みかん|mail_orange Banana|バナナ|mail_banana </mt:SetParamList> また、この部分は複数のテンプレートで使います。 そこで、テンプレートモジュールに入れるようにします。 テンプレートモジュールの名前の付け方は自由ですが、ここでは「チェックボックスリスト」という名前にすることにします。
Movable TypeでreCaptchaを利用する
Movable TypeでreCaptchaを利用する方法です。ここではMovable Type 4.x向けの内容で書いていますが、Movable Type 5でもほぼ同じです。 １．基本 Movable TypeでデフォルトのCAPTCHA機能を利用するためにはImageMagickなどの画像ライブラリが必要ですが、サーバ環境によって画像ライブラリが利用できない場合、本エントリーで紹介するreCaptchaで代替することができます。 Movable Type既定のCAPTCHA reCaptchaによるCAPTCHA reCaptchaとはCAPTCHA画像を生成し、入力した内容が正しいかどうかを判定してくれるサービスです。サービス的にはかなり枯れたもので、2009年にGoogleに買収されました。 reCaptcha 以下、利用方法です。 ２．reCaptchaの登録 reCaptch
フォームから別ウィンドウを開く方法のまとめ
フォームから別ウィンドウを開くためのTipsをまとめました。 １．はじめに フォームから別ウィンドウを開く場合、 別ウィンドウで起動されるCGIにフォームデータを渡したい フォームボタンを複数回クリックしたときに別ウィンドウを1枚しか開きたくない フォームボタンを複数回クリックしたときに別ウィンドウを複数枚開けるようにしたい と、色々なケースがあります。 業務で使うCGIを開発するときにこれらのことをネットで色々調べたのですが、FAQサイトなどに個別の情報が散在しているだけでしたので、このエントリーで一挙にまとめてみました。 ここではjQueryを使わないオーソドックスなコードで解説します。コード内に使われているCGI（new_window.cgi）は６項に掲載しています。サンプルを実行する場合、すべての資材を同じディレクトリに配置して実行してください。 ２．基本動作 フォームから別ウィン
Movable Typeの記事投稿フォームにaccesskey属性をつける「AddAccesskeyプラグイン」
Movable Typeの記事作成画面のフォームボタンにaccesskey属性をつける「AddAccesskey」プラグインを公開します。 １．機能 このプラグインでは、記事作成画面のフォームボタンに次のaccesskey属性を付与します。Windowsであれば、「Alt+アクセスキー」や「Shift+Alt+アクセスキー」で動作を実行できるようになります。キーの組み合わせはブラウザによって異なります。 下書き保存：d プレビュー：v（デフォルトのまま） プレビューから作成画面に戻る：e（デフォルトのまま） 公開：p 更新：p 公開取り消し：d 「d」はdraft、「p」はpublishの意味です。 次回以降のバージョンアップではaccesskeyの値をプラグイン設定画面でカスタマイズできるようにしたいと思ってます。 ２．プラグインのダウンロード 下記の AddAccesskey_x_xx
コメントにHTMLタグ挿入ボタンをつける（MT4/MT5版）
Movable Typeのブログ記事のコメント欄にHTMLタグの挿入ボタンを表示するカスタマイズです。 このカスタマイズは、MT3の時代にエントリーした「コメントにHTMLタグ挿入ボタンをつける（改）」のMT4/MT5版です。ご質問を頂きましたので本エントリーにて紹介致します。 以下、「クラシックブログ」テーマをサンプルに、カスタマイズ方法を説明します。 １．HTMLタグ挿入ボタンのダウンロード 以下のファイルをダウンロードして展開します。 HTMLタグ挿入ボタン 次に、ブログのサイトパス（index.html があるディレクトリ）直下に images ディレクトリを作り、展開した中にある以下の画像ファイルを images 配下にアップロードしてください。 html-bold.gif html-italic.gif html-underline.gif html-link.gif html
コメント用カスタムフィールドの投稿フォームのカスタマイズ（その1）
Movable Typeの、コメント用カスタムフィールドの投稿フォームのカスタマイズについてのTipsです。 テンプレートタグリファレンスのMTCommentCustomFieldsでは、コメント投稿フォームへのカスタムフィールドを、次のように設定するよう解説しています。 <input type="hidden" name="blog_id" value="<MTBlogID>" /> <input type="hidden" name="customfield_beacon" value="1" id="customfield_beacon" /> <mt:CommentCustomFields> <mt:SetVarBlock name="custom_field_name"><$mt:CustomFieldName$></mt:SetVarBlock> <mt:SetVarBlock
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
