Webデザインカテゴリーの記事

MTOS(MT5)でウェブサイトを設定し、ウェブページや子ブログを、それぞれ違うデザインで作った場合、デフォルトのサイト内検索の結果表示が、少々情け無い状態になってしまう場合があります。

ページ数が多くなると、フンドシみたいに長いページの表示になってしまうし、ページ毎のデザインや画像がうまく反映されなかったり。

というわけで、画像やデザインは無視して、ヒットしたページのタイトルと、テキストのみを表示してみようと、試行錯誤してみました。

いじる場所

今回いじった場所は、システムテンプレートの[検索結果]。

１．デザインの修正

まずは、[検索結果]テンプレートの<Div>タグとClass名を整理したり追加して、サイトのデザインを反映。

このとき、下記の部分だけは、JavaScriptがページ数を拾いに行ってる場所のようでしたので変更しませんでした。

<div id="search-results">
   <span id="current-page" class="hidden"><$mt:CurrentPage$></span>

総ページ数40ページ程度の企業サイトのMT化をする事になりまして、久しぶりにMTOS(MT5)をいじくってます。

もともとサイトを作った人が書いたHTMLがキレイだったので、移植しやすかったです。

ちなみに、本件、身内から頼まれた作業でして、半ば趣味の範囲でさっくりやってしまいました。本職ではございません。

サイトの構成

トップページ、商品説明ページ、会社概要、ニュースリリース、お知らせ、FAQなど、色々なコンテンツが有るサイトでしたので、下記のような構成で考えてみました。

WebSite
  - メインページ（配下のお知らせ、ニュースなどブログのタイトルを参照して一覧表示）
  - フォルダ[商品説明ページ1]
      商品説明ページ1-1
      商品説明ページ1-2
  - フォルダ[商品説明ページ2]
      商品説明ページ2-1
      商品説明ページ2-2
  - ブログ1[ニュースリリース]
  - ブログ2[お知らせ]
  - ブログ3[FAQ集]

FAQ集は時系列情報ではないので、ブログ形式で作るかどうか迷ったんですけど、記事の件数も多いですし、ページ数や内部リンク数も稼げることや、更新のしやすさを考えて結局ブログ形式で展開する事にしました。

ちなみに、並び順の変更は、SuperSortプラグインを利用させて頂いております。（最新のMT5.1では、フォルダの並べ替えができるようですが、今回は5.04なので、こちらのプラグインで対応しました。）

50ページほどあるそこそこの規模の企業サイトのMT化をする事になりまして、久しぶりにMT5をいじくってみました。

MTのバージョンはMTOS5.04、さくらインターネットのクイックインストールでセットアップ。

データベースの照合順序を修正する

クイックインストールしたところ、やり方が悪かったのか、データベースの照合順序がujisになってしまっていたので、[phpMyAdmin]を起動して全て[utf8_general_ci]に修正してみました。

以前したように（MT4.2 + MySQL5.0 の文字コードを変更する）手作業でやったのでは大変なので、下記のサイトを参考にしてみました。

MySQLデータベースの照合順序を変更する方法 - 株式会社テクネコ

NetCommons用のドキュメントですが、目的は同じですので、全く同じやり方で目的を達成できます。

これで、「～」が正しく表示され、「?」にならないですみます。株式会社テクネコさん、深謝。

当たり前の話ではありますが、自己責任でお試し下さい。

ウェッブサイトのフォルダに作成した複数のページのナビゲーションリンクを作成してみます。

関連性のあるページ群をフォルダ毎に分けて作成して、特定フォルダ内のページだけのナビゲーションリンクを作ったりできると便利ですね。

例えば、ヘッダの付近にサイト全体のナビゲーションリンクを水平方向に設置。各フォルダのトップページへのリンクを貼っておきます。

コンテンツエリアの左サイドには、そのコンテンツが保存されているフォルダのページへのリンクが一覧表示されるイメージです。

ちょっと小手先ですが、ページ毎に違うデザインを適用する方法を考えてみました。

大幅なデザイン変更ではなく、CSSで対応できる範囲の変更です。

たとえば、カラムの並び順を変える事や、背景画像や色などを変更できますが、HTMLをいじらないとできないような変更は、この方法では無理です。