ネタを探して2万マイル！？: 検索ページアーカイブ

2006年12月18日

●検索ページの分割・オプション設定

2006年12月16日の日記にも書きましたが、検索ページのカスタマイズ記事ですよ。
いやぁ、カスタマイズしたは良いが、レイアウトとかイマイチだったので、がんばって直してました。
公開の目処が立ったので、Movable Type3.3の検索ページのカスタマイズ記事をエントリーしておきますか。

どのようにすれば良いかは、続きをご覧下さいな。

では、Movable Type3.3での検索ページのカスタマイズを紹介します。
3.2でのカスタマイズで有れば、当ブログでも以前エントリーしました。
ですが、3.3からはやり方が若干変わっておりますので、そのまま使えないようですね。
１．どこを修正すれば良い？
3.3では検索ページ用の設定画面が用意されていますので、そこを修正します。
一度ブログにログインをして、エントリーなどのメニュー画面に行きます。
画面左側に有る、『テンプレート』→『システム』と進み、『検索結果』をクリックします。
このテンプレートの記述が、検索ページ設定になるわけです。＃余談
　ここを全部消去すると、『…\search_templates\default.tmpl』を元に検索ページが設定されるようです。
　そうすれば、3.2時代のカスタマイズ方法を使うことができるようですよ。
２．検索オプションを付けてみよう！
ここは3.2と同様にカスタマイズすればできます。
詳しくは、当ブログの参考記事をお読み下さいな。＃参考：検索オプションの付け方
３．検索ページ分割をしてみよう！
ここも3.2と同様にカスタマイズすればできます。
詳しくは、当ブログの参考記事をお読み下さいな。＃参考：ページ分割してみました。(検索結果ページ) ただし、注意点が一つ。<MT_TRANS>タグは、検索オプションのところだけにして下さい。
と言うのも、『検索結果』テンプレート上では、<MT_TRANS>を日本語変換した状態にしてあります。
何を言っているか分からない方は、『…\search_templates\default.tmpl』と『検索結果』テンプレートを比べましょう。
<MT_TRANS>タグの中身が日本語変換された状態が、『検索結果』テンプレートになっていることが分かるでしょう。
４．divタグ多すぎて、背景色とかレイアウトの修正が難しい！
初期の『検索結果』テンプレートにはdivタグが大量に使われています。
このため、自分で修正しようとすると非常に面倒です。なので、いくつかのdivタグを削除してしまい、それから自分のスタイルシート用divタグを追加した方が良いです。
削除するdivタグは、『id="container"』『id="pagebody"』『id="pagebody-inner"』『id="alpha-inner"』
『id="beta"』『id="beta-inner"』辺りが良いでしょう。
もちろん、対応する『/div』も削除しておきましょうね。
５．ページ分割したら、2ページ目に『○○を含むエントリー』って文言が消えた！？
初期の『検索結果』テンプレートの設定は、検索ボタンを押した時に上記文言が出るようになっているみたいです。
なので、2ページ目を表示する＝検索ボタンを押して無いので、文言が表示されません。
気になる方は、下記のように修正してはどうでしょうか。 <MTPaginate mode="cgi">
  <MTPaginateIfMultiplePages>
  <div class="paginate">
  <MTPaginateIfPreviousPage_>
  <a href="<$MTPaginatePreviousPageLink$>" title="前のページへ">＜</a>
  </MTPaginateIfPreviousPage_>
  <$MTPaginateNavigator format_all="All Pages" place_all="after"$>
  <MTPaginateIfNextPage_>
  <a href="<$MTPaginateNextPageLink$>" title="次のページへ">＞</a>
  </MTPaginateIfNextPage_>
  </div>
  <b>ブログ内の検索結果</b>
  <hr>
  </MTPaginateIfMultiplePages>
  <MTPaginateContent max_sections="10">
  ～～中略～～
<MTSearchResults>
  <MTBlogResultHeader>
    <h3 class="search-results-header">
    <MTIfStraightSearch>
    ~~<$MTBlogName$>で<$MTSearchString$> が指定されているエントリー~~
    </MTIfStraightSearch> 青字の箇所が追記で、取消線の箇所が削除する部分です。
こうすると、いつでもページ分割時に固定文言を出すことができます。
(削除する箇所の文字列、どう書いてあるか覚えてないので、間違えているかも。場所は問題無いですが・・・。) はい、これでMovable Type3.3での検索ページ分割は終了です。

続きを読む ≫

では、Movable Type3.3での検索ページのカスタマイズを紹介します。
3.2でのカスタマイズで有れば、当ブログでも以前エントリーしました。
ですが、3.3からはやり方が若干変わっておりますので、そのまま使えないようですね。

１．どこを修正すれば良い？
3.3では検索ページ用の設定画面が用意されていますので、そこを修正します。
一度ブログにログインをして、エントリーなどのメニュー画面に行きます。
画面左側に有る、『テンプレート』→『システム』と進み、『検索結果』をクリックします。
このテンプレートの記述が、検索ページ設定になるわけです。

＃余談
　ここを全部消去すると、『…\search_templates\default.tmpl』を元に検索ページが設定されるようです。
　そうすれば、3.2時代のカスタマイズ方法を使うことができるようですよ。

２．検索オプションを付けてみよう！
ここは3.2と同様にカスタマイズすればできます。
詳しくは、当ブログの参考記事をお読み下さいな。

＃参考：検索オプションの付け方

３．検索ページ分割をしてみよう！
ここも3.2と同様にカスタマイズすればできます。
詳しくは、当ブログの参考記事をお読み下さいな。

＃参考：ページ分割してみました。(検索結果ページ)

ただし、注意点が一つ。<MT_TRANS>タグは、検索オプションのところだけにして下さい。
と言うのも、『検索結果』テンプレート上では、<MT_TRANS>を日本語変換した状態にしてあります。
何を言っているか分からない方は、『…\search_templates\default.tmpl』と『検索結果』テンプレートを比べましょう。
<MT_TRANS>タグの中身が日本語変換された状態が、『検索結果』テンプレートになっていることが分かるでしょう。

４．divタグ多すぎて、背景色とかレイアウトの修正が難しい！
初期の『検索結果』テンプレートにはdivタグが大量に使われています。
このため、自分で修正しようとすると非常に面倒です。

なので、いくつかのdivタグを削除してしまい、それから自分のスタイルシート用divタグを追加した方が良いです。
削除するdivタグは、『id="container"』『id="pagebody"』『id="pagebody-inner"』『id="alpha-inner"』
『id="beta"』『id="beta-inner"』辺りが良いでしょう。
もちろん、対応する『/div』も削除しておきましょうね。

５．ページ分割したら、2ページ目に『○○を含むエントリー』って文言が消えた！？
初期の『検索結果』テンプレートの設定は、検索ボタンを押した時に上記文言が出るようになっているみたいです。
なので、2ページ目を表示する＝検索ボタンを押して無いので、文言が表示されません。
気になる方は、下記のように修正してはどうでしょうか。

<MTPaginate mode="cgi">
  <MTPaginateIfMultiplePages>
  <div class="paginate">
  <MTPaginateIfPreviousPage_>
  <a href="<$MTPaginatePreviousPageLink$>" title="前のページへ">＜</a>
  </MTPaginateIfPreviousPage_>
  <$MTPaginateNavigator format_all="All Pages" place_all="after"$>
  <MTPaginateIfNextPage_>
  <a href="<$MTPaginateNextPageLink$>" title="次のページへ">＞</a>
  </MTPaginateIfNextPage_>
  </div>
  <b>ブログ内の検索結果</b>
  <hr>
  </MTPaginateIfMultiplePages>
  <MTPaginateContent max_sections="10">
  ～～中略～～
<MTSearchResults>
  <MTBlogResultHeader>
    <h3 class="search-results-header">
    <MTIfStraightSearch>
    ~~<$MTBlogName$>で<$MTSearchString$> が指定されているエントリー~~
    </MTIfStraightSearch>

青字の箇所が追記で、取消線の箇所が削除する部分です。
こうすると、いつでもページ分割時に固定文言を出すことができます。
(削除する箇所の文字列、どう書いてあるか覚えてないので、間違えているかも。場所は問題無いですが・・・。)

はい、これでMovable Type3.3での検索ページ分割は終了です。

≪ 続きを隠す

Posted by Ｆｅａｒウルフ at 06/12/18 | UpDate 07/11/30 | 検索ページ | Comments [0] | Trackbacks [0]

2005年12月24日

●検索オプションの付け方

blogにエントリーをたくさんしている場合、読みたい記事を探すのは大変ですよね？
それを考慮してでしょうけど、Movable Typeには標準で記事検索があります。

しかし、状況によってはエントリーだけとかコメントだけに限定して検索したいこともあると思います。
そのような限定的検索をする方法がありました。(正規表現などのチェックボックス追記も情報有ります。)
詳しくは、検索オプションをつける(from 小粋空間)をご覧下さい。

さてどこに記載するかですが、当blogでは右サイドメニューに追記しています。
スペースを考慮して、プルダウンメニュー型を利用しています。
これで、限定的検索が可能になりました。
(ついでなので、正規表現などのチェックボックスも付けることにしました。)

ですが、検索結果ページでは限定的検索をすることができず、正規表現などだけが出てきます。
検索結果ページで限定的検索オプションを付けるには、別の場所に追記が必要になります。
『…\search_templates\default.tmpl』を元に検索結果ページが作成されるので、ココに追記します。

とりあえず、任意のテキストエディターを利用してファイルを開いて下さい。
28行目あたりの<form method="post" action="<$MTCGIPath$><$MTSearchScript$>">からが検索フォームです。

<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
～省略～
<p><input type="text" tabindex="1" accesskey="s" size="30" name="search" value="<$MTSearchString$>" /> <input type="submit" tabindex="4" accesskey="v" value="<MT_TRANS phrase='Search'>" />
<select name="SearchElement">
<option value="entries" selected="selected"><MT_TRANS phrase="search_entry"></option>
<option value="comments"><MT_TRANS phrase="search_comment"></option>
<option value="both"><MT_TRANS phrase="search_both"></option>
</select></p>

赤色が追記部分です。コレもプルダウンメニュー型にしています。
念のため、28行目あたりの<form method="post"…>を<form method="get"…>にしておきましょう。

また、検索用ページでは日本語を直接表記できないので、<MT_TRANS phrase="○○">を利用しています。
(検索オプションのエントリーとか、コメントとか、両方とかが文字化けするのですよ。)
コレについては、検索結果ページのページ分割(from 小粋空間)の4項をご覧下さい。
しっかりと説明されているので、バッチリだと思います。(おかげで、文字化けも対処できました。)

設定が完了したら、FTPソフトなどで同じディレクトリ内に上書きアップロードしましょう。
これで検索オプションが無事に動いていると思います。
・・・ふぅ、この次は検索結果ページのページ分割だな。

Posted by Ｆｅａｒウルフ at 05/12/24 | UpDate 08/01/27 | 検索ページ | Comments [0] | Trackbacks [0]