検索結果ページ作成

<< 前のページ エントリーページ作成

検索結果ページを作成します。ファイル名をsearch_temp.tmplとし、ファイル作成後、MovableTypeをインストールしたディレクトリの直下にあるsearch_templatesディレクトリの中に格納します。その後、MovableTypeをインストールしたディレクトリの直下にあるmt-config.cgiを編集します。445行目前後に、AltTemplate search_temp search_temp.tmplを1行追加します。

編集内容は、メインページのテンプレートを元(コピーペースト)にします。まずはタイトルタグ内を編集します。

<title>検索結果:<$MTBlogName$></title>

次に、ヘッダのパンくずリスト作成です。サイト名 >  検索語句『<$MTSearchString$>』の当サイト内検索結果 とナビゲーションを表示させます。

<div id="header">
<h1><$MTBlogName$></h1>
<p><a href="<$MTBlogURL$>" ><$MTBlogName encode_html="1"$></a> > 検索語句『<$MTSearchString$>』の当サイト内検索結果</p>
</div>

コンテンツ部分では、検索結果が存在した場合と、1件もなかった場合の2通りを記述しています。

<MTSearchResults>
<MTBlogResultHeader>
<p>『<$MTSearchString$>』を含むページは、以下のページ一覧で見つかりました。</p>
</MTBlogResultHeader>
<p><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<$MTEntryExcerpt$></p>
</MTSearchResults>
<MTNoSearchResults>
<p>『<$MTSearchString$>』を含むページは、当サイト内には見つかりませんでした。</p>
</MTNoSearchResults>
</div>

検索ボックスは、メインページ、カテゴリページ、エントリページで記述した検索部分に、以下の太字部分を追記し、検索語句を検索ボックス何に表示するようにしています。

<h3>検索</h3>
<p>
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="Template" value="search_temp" />
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<input type="text" name="search" size="16" value="<$MTSearchString$>"/>
<input type="submit" value="検索" />
</form>
</p>

以上で実践2カラムサイト作成は終了です。

次のページ >> スタイルシートでカラー調整とレイアウト変更

▲ページトップへ