このページの位置
ホーム > blogっぷり! > 石輪っぷり! > MovableType

石輪っぷり!

カテゴリ: MovableTypeのブログ記事

検索結果のテンプレート

Movable Typeの検索結果を表示するテンプレートは管理画面からは設定できないので、FTPMTをインストールしたフォルダ内、search_templates フォルダの中にある default.tmpl を直接編集します。

ところで、Willさんいんスタッフのblogページでは、右上にサイト内検索、左ナビゲーションにブログ内検索を設置していますが、検索結果のテンプレートは一つしかなく、例えばブログ内検索をした結果のページから再検索すると今度はサイト内検索になってしまう、といった問題が発生します。

そこで、検索結果のテンプレートを別にもう一つ用意して、サイト内検索とブログ内検索とで使い分けるようにしました。

参考にしたサイトは、MT 「検索テンプレート」をWebログ毎に変更: BitbizDesign/Hiroki's Weblogです。他のことをググっててたまたま発見したページでした。

サイトリニュ

Willさんいんサイトのリニューアル(と言ってもMovableTypeによる構造的リニューアルであって、基本デザインはそのまま)に伴い、XHTMLCSSの全面的な見直しと、スタッフのblogの移行を行いました。

#スタッフのblogを移行したのは、MovableTypeをバージョンアップしてから怪奇現象が発生していたため。

もともと構造的にblogシステムに乗せるには少々無理があったサイトでしたので、某博物館サイトに続く作業量となりました。

#何気なくメールで流した一言が災いの元であったりもしますが。。。

まだまだ手を加えたい部分がたくさんあります。
よりAccessibility+Creativityなサイトに仕上げていきたいと思います。 

TinyMCE Plugin for MT Ver1.00 Ja

TinyMCE Plugin for MT Ver1.00 Jaを導入しました。

フォントサイズ文字色背景色などはCSSでマークアップしてくれますし、独自のclassを設定しておくことも可能です。リンクや画像、テーブルも細かく設定できるので、使い方次第ではW3Cに準拠したマークアップも可能だと思います。

また、Wordやテキストファイルから貼り付けできるのもいいですね。 Cool こんな顔キャラも用意されてます。

でもインデントを<blockquote>でマークアップしてしまうのはいただけません。

MTのバージョンアップ

このブログに使っているMovableTypeをver.3.2にアップしました。

これまでver.3.17の時はデータベースにMySQLを使っていたのですが、現在のWillさんいんのサーバではMySQLでMT3.2は動かないということがわかり、データベースをBerkeleyDBに移しました。
この一般的には逆の操作と思われる、MySQLからBerkeleyDBに変換するという操作に利用させていただいたスクリプトが、小川宏高氏によるmt-sql2db.cgi: mt-db2sql.cgiの逆変換CGIスクリプトです。

BerkeleyDBは記事が多くなると再構築時などにエラーが発生しやすくなるとのこと。
早くサーバ何とかしましょう。>社長

MovableTypeのphpによるモジュール化

MovableTypeでサイトを構築する際、ユーザビリティ的にサイドメニューを全ページに付けます。
このとき、サイドメニュー部分をモジュールにして各テンプレートから読み込む方法を使いますが、テンプレート・モジュール(MTInclude module)では、サイドメニューに最新の記事等を表示した場合に、新しい記事をエントリーした際メインページは再構築されるものの、エントリーページやカテゴリーページはサイドメニューが最新の状態となりません。

そこで、MTをphp化しておいて、サイドメニュー部分を新たなインデックステンプレートとしてphpファイルで書き出し、再構築オプションで自動的に再構築する設定にして、各テンプレートからphpモジュール(<? include("<$MTBlogSitePath$>sidemenu.php"); ?>)として読み込むようにするとうまくいきます。

そして、大きなWebSiteを構築するなど、複数のブログで同じサイドメニューを使用する場合は、テキストファイル等にリンクさせるとテンプレートの修正が容易になります。
更に、MultiBlogプラグインを使用すると、全てのブログの全てのページのサイドメニューが同時に再構築できます。

このブログではなく、今抱えてるMTによるWebSite構築の案件で、様々な記事を参考にして実現できました。うまくいった時は目から鱗でした。

MovableTypeでサイト制作

最近、MovableTypeを利用したWebサイト制作の案件が続けてあり、色々なサイトを見て勉強しながら、試行錯誤のカスタマイズをやっています。

ブログを使って普通のサイトを作る場合に、カスタムが必要となってくるところはいろいろありますが、特にメニューの並び順の変更とパンくずリストの設置は毎回発生する部分になると思いますので、参考にしたサイトなどを書きとめておきます。

サイドメニュー変更

サイドメニューに、「最近のコメント」「最近のトラックバック」「カテゴリ」を表示しました。

月別ページなどにも表示しようとしましたが、メインページ以外はうまくリストを読み込めなかったのと、ページによってはコンテンツ部分よりサイドメニューが長くなるのでやめました。

参考にしたサイト: カスタマイズ研究所 【第5回】

このblogのカレンダー

今までこのblogのカレンダーは、月別ページを表示しても常に今月が表示され、過去の月のカレンダーを表示することができませんでした。

これを月別ページではその月のカレンダーを表示し、さらにカレンダーの表題部分に前月と次月へのリンクをつけました。

参考にしたサイト: お気楽極楽ブログ

画像のエントリーについて

私の右隣に、思うように写真のエントリーができず今にもキレそうな方がいらっしゃいますので(^^; エントリー方法を書いておきます。

なお、Movable Typeユーザー・マニュアル: ファイルのアップロードにも詳しく書いてありますので、私の説明が下手でしたらこちらも参照ください。

テンプレート変更

このブログのXHTMLテンプレート、旧(ブログ移行前)長谷川っぷりのXHTMLを引き継いで、エントリー部分を、

<dl>
<dt>日付・タイトル</dt>
<dd>本文</dd>
<dl>

というマークアップをしていました。
# ところが<dl>~</dl>の外でループしていた。(^^;

本日これを見直し、全員のテンプレートをMovabletype標準テンプレートに合わせて、

<h2>日付</h2>
<h3>タイトル</h3>
<div>本文</div>
(←<div>はCSS設定上追記)

というマークアップに変更し、同時にCSSも見直しました。
スタイル適用時の見た目は変わりありません。
# いしわっぷりだけ変わってたりして。(^^ゞ

▲このページの先頭へ