検索オプションをつける
検索ページにある「エントリー」「コメント」等のオプション指定方法についてご質問を頂きましたので、本エントリーでご紹介します。
この元ネタは Movable Type に付属している検索機能の、検索結果画面の設定
- search_templates/default.tmpl
を利用しています。
まず「エントリー/コメント/両方」をオプション指定するには、検索フォームに下記のリストのように青色部分を追加します。
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<p><input name="search" class="search" size="31" value="" /> <input class="searchButton" type="submit" value="Search" /></p>
<p><input type="radio" name="SearchElement" value="entries" checked="checked" />エントリー
<input type="radio" name="SearchElement" value="comments" />コメント
<input type="radio" name="SearchElement" value="both" />両方</p>
</form>
下記のように label 要素を付与すれば文字の部分をクリックしても選択状態になるので、ユーザビリティが向上します(推奨)。
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<p><input name="search" class="search" size="31" value="" /> <input class="searchButton" type="submit" value="Search" /></p>
<p><input type="radio" id="entries" name="SearchElement" value="entries" checked="checked" /><label for="entries">エントリー</label>
<input type="radio" id="comments" name="SearchElement" value="comments" /><label for="comments">コメント</label>
<input type="radio" id="both" name="SearchElement" value="both" /><label for="both">両方</label></p>
</form>
サイドメニューの検索フォームに追加する場合は、幅を考慮して下記のようなプルダウンメニューにすると良いでしょう。とりあえず当サイトにもつけてみました(タグ・CSSは若干変更しています)。
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<p><input name="search" class="search" size="31" value="" /> <input class="searchButton" type="submit" value="Search" /></p>
<p><select name="SearchElement">
<option value="entries" selected="selected">エントリー</option>
<option value="comments">コメント</option>
<option value="both">両方</option>
</select></p>
</form>
CSS は select に対して下記のように設定します。
select {
font-size: 10px;
}
検索結果画面と同じように「大文字/小文字を区別」や「正規表現で検索」を設定する場合は、さらに下記のチェックボックスをフォーム内に追加します。
<input type="checkbox" name="CaseSearch" /> 大文字/小文字を区別 <input type="checkbox" name="RegexSearch" /> 正規表現で検索
以上です。
なお、本来の検索結果画面での日本語部分は
<MT_TRANS phrase='xxxxx'>
というフォーマットになっていますが、Movable Type のCGIスクリプトを通さないのであれば、上記サンプルリストのように日本語を直接記述しましょう。
- Movable Type検索でURL改ざんによるブログ検索をできないようにする方法
- Movable Typeの検索オプション徹底解説
- Movable Type 5.1の検索で「blog_idパラメータが不正です。」となる不具合の対処
- Movable Type 5.1の検索で検索結果テンプレートを指定する方法
- Movabel Type の検索結果フィードを利用する
- Movable Type検索結果のブログ記事タイトルからアーカイブページへリンクする方法
- Movable Type で複数ブログを検索する
- タグ検索を絞り込む(その2:カスタマイズ)
- タグ検索を絞り込む(その1)
- Movable Type 検索の全角スペースを半角スペースと同じ振る舞いにする(MT4版)
- Movable Type 4.2 検索結果ページのカスタマイズ:ページナビゲーションをプルダウンメニューにする
- Movable Type 4.2 検索結果ページのカスタマイズ:ナビゲーションを検索結果の上下に表示する
- Movable Type 4.2 検索結果ページのカスタマイズ:検索結果が1ページだけのときに「1」という表示をなくす
- Movable Type 4.2 検索結果ページのカスタマイズ:検索結果の見出しに(現在のページ/総ページ数)を表示する
- Movable Type 4.2 検索結果ページのカスタマイズ:1ページに表示する件数を変更する
≫ 続・コメントも検索対象に from やむやむ
以前 検索の対象に コメントも含める こんな 小細工を 検索結果の画面に プラス... [続きを読む]
≫ サイト内検索にオプションを付けました from あそび
当サイトの上方にあるサイト内検索に検索オプションを付けました。 今までのサイト... [続きを読む]
≫ カスタマイズ覚え書き2 from (*`・ω・´)ノ やっとう
この記事内では 『小粋空間』様のカスタマイズを参考にしています ありがとうござ... [続きを読む]
おはようございます。検索結果の画面には yujiroさんのところのを真似して コメントも検索対象になるようにしてたんですけど、サイドメニューのところにも・・・・・っていうの、いいですね。あと、文字の部分をクリックしても・・・っていうの。2点 あらたに真似させていただこうと思います。ありがとうございます。
早速夜にでもやってみたいと思います。ありがとうございました。
yujiroさん、うまくできました。またまた本当にありがとうございます。
>さえらさん
こんばんは。
早速のご利用&トラックバック、ありがとうございます!
サイドメニューはラジオボタンがはいりきらないので見送っていたのですが、プルダウンメニューを思いついたのでいれることにしました。
label要素の方もご利用ありがとうございます。
>oyajiさん
こんばんは。
ご連絡ありがとうございます。
うまくできたようで良かったです。
ではでは!
はじめまして。以前からMT導入にあたって時々訪問させていただいています。参考になることが多く感謝しています。
この記事とは直接関係ないのですが、MTの検索機能について質問させていただきたくこちらにコメントさせていただきました。
質問は、自分が開設しているMTを使っているブログでMTの検索機能を使ってトップページから検索を行うと日本語で検索した場合検索ワードが文字化けしてしまい、検索できません。
解決法をご存知でしたらアドバイスをいただけますでしょうか。よろしくお願いします。
>skyfanさん
こんばんは。
遅くなってすいません。
ご質問の件ですが、mt-config.cgi の CGIPath のドメイン部分(skyfan.s181.xrea.com)をトップページと同じドメイン(d-log.xrea.jp)に修正して全ページを再構築してみてもらえますでしょうか。ドメインの後の "mt" はそのまま残してください。
こちらで確認したところ、検索のURLを
http://d-log.xrea.jp/mt/mt-search.cgi
に変更して試したところ、正常に表示されました。
また参考までに、skyfan.s181.xrea.com から d-log.xrea.jp へのリダイレクトを設定等を行っているか教えて頂けますでしょうか。
以上です。
それではよろしくお願い致します。
yujiroさん、お忙しいところ丁寧に回答くださりありがとうございます。
早速、ご指摘の通りmt-config.cgiの該当部分を修正し、再構築したところ正常に検索できるようになりました。
またリダイレクトの設定ですが、xreaの方でドメインを変更しただけで、特になにもやっていません。
このたびは本当にありがとうございました。今後も小粋空間の情報を参考に、少しずつmtについて勉強していきたいとおもいます。ありがとうございました。
>skyfanさん
こんばんは。
ご連絡ありがとうございました。
無事に解消されたようでなによりです。
リダイレクトの件もご連絡ありがとうございました。
なおこの件につきましては情報として別途エントリーさせて頂く予定です。
ではでは!
こんにちは。
いつも役立つ情報を配信していただきありがとうございます。
ブログをカスタマイズする上ではとても助かっています。
今回こちらの検索オプションを導入させていただきました。
うまく表示出来たのですが検索オプションの上下に1行分の余白が出来てしまいます。
pタグは削除してみたのですがどうしても消えません。
どのようにしたら消えるのでしょうか?
>スプリング・エフェメラルさん
こんにちは。
ご質問の件ですが、検索オプションに select タグをお使いであれば
select {
margin:0;
font-size: 10px;
}
でいかがでしょうか?
それではよろしくお願い致します。
はじめまして
小粋空間さんの検索ページのように
「タイトル」のみを検索対象にするにはどうすればいいのでしょうか?
「id="title"」や「id="entrytitle"」などやってみましたが、
うまく動かないようです。
ちなみに、小粋空間さんの検索ページで、
タイトルのみで検索しようとすると、ダウンロード画面が出てしまいます。
よろしくお願いします。
>kazさん
こんにちは。
ご返事遅くなり申し訳ありません。
ご質問の件ですが、「タイトル」というのは当サイトの検索結果ページの再検索フォームのラジオボタン横にある「タイトル」を指されておりますでしょうか。
であれば申し訳ありませんが単なる誤字で、「コメント」が正解です。Movable Type のデフォルトで用意されたサイト内検索で、タイトルのみの検索はないようです。
下記で検索対象をタイトルのみにするという手はありそうです。
http://java.cocolog-nifty.com/blog/2005/12/typepadmtajaxja_c70d.html
それではよろしくお願い致します。
yujiroさん、ご回答ありがとうございます。
今回の方法では、タイトルのみ検索はできないようですね。
MTの管理画面のように、タイトル検索ができると便利そうなのですが…
教えていただいたサイトの方法で検討してみます。
ありがとうございました。
>kazさん
こんばんは。
ご連絡ありがとうございました。
ちなみにMTの管理画面の検索機能はタイトル検索ではなく、本文まで検索をして、タイトルのみ表示しているようです(そういう表示であれば検索結果画面でもカスタマイズ可能です)。
それではよろしくお願い致します。