• 管理画面のデザイン刷新によるユーザビリティ向上
Movable Typeの利用シーンが広がってきたことを受け、より扱いやすく、柔軟な管理画面を、というご要望にお応えし、管理画面のデザインを刷新しました。ログイン後にユーザーが『何ができるのか』を分かりやすく表示する直感的ナビゲーションや使いやすい画面レイアウト、検索インターフェースなど、日々の更新作業を楽しく、効率的に行える新デザインにより、ユーザビリティが向上しました。

• 複数ブログの運営、ポータルサイトの制作を効率化するウェブサイト管理機能
文章を頻繁に更新するブログ、写真を美しくレイアウトしたいフォトブログ、複数のメンバーで情報を書き込む掲示板や、コミュニティ・ブログなど、複数のブログを組み合わせて、様々な目的や規模のウェブサイトに発展させられるのが、Movable Typeの大きな特長です。単なる複数ブログの管理ではなく、ウェブサイトの構造を正しく設計することで、ウェブサイトをさらに大きく成長させることができます。

• カスタムフィールド（入力項目の拡張）を強化
ブログ記事やウェブページの投稿画面に、独自の入力項目を追加できるカスタムフィールド機能を強化しました。ウェブサイトのコンテンツ、独自の入力項目、デザインを連携させることで、プログラミングなしで独自のコンテンツ管理システムにカスタマイズできます。

• テーマ機能
デザイン・テンプレート、カスタムフィールド、カテゴリなどのウェブサイトの情報をまとめて保存、管理できるテーマ機能を提供します。コンテンツとデザインの連携によって、目的にあわせたテーマを選択・作成・配布することができ、ウェブサイト構築の多様なニーズに、すばやく対応します。

• 履歴管理機能
ブログ記事、ウェブページ、テンプレートの編集履歴を管理・保存し、過去のバージョンに復帰できる機能を提供します。履歴管理機能によって、複数のメンバーでのウェブサイト運営も、安心して行うことができます。

記事でソースを書いたときに表示がおかしいので dpSyntaxHighlighter というスクリプトをいれてみました。まずは SyntaxHighlighter_1.5.1.rar をダウンロード。サーバの jsフォルダ に SyntaxHighlighterフォルダ を作成 し、展開した Scriptsフォルダ と Stylesフォルダ をアップロード。

メインページテンプレートの</head>直前に下記を記述。

<link href="<$MTBlogURL$>js/SyntaxHighlighter/Styles/SyntaxHighlighter.css" type="text/css" rel="stylesheet"> <script src="<$MTBlogURL$>js/SyntaxHighlighter/Scripts/shCore.js" type="text/javascript"></script> <script src="<$MTBlogURL$>js/SyntaxHighlighter/Scripts/shBrushCss.js" type="text/javascript"></script> <script src="<$MTBlogURL$>js/SyntaxHighlighter/Scripts/shBrushJScript.js" type="text/javascript"></script> <script src="<$MTBlogURL$>js/SyntaxHighlighter/Scripts/shBrushXml.js" type="text/javascript"></script>

メインページテンプレートの</body>直前に下記を記述。

<script language="javascript"> dp.SyntaxHighlighter.ClipboardSwf = ‘<$MTBlogURL$>js/SyntaxHighlighter/Scripts/clipboard.swf’; dp.SyntaxHighlighter.HighlightAll(‘code’); </script>

記事を書くときにはこのようにtextareaタグで囲みます。

<textarea name="code" class="html"> ここにソースコード </textarea>

class部分は

• XML/HTMLコードの場合、xml, html, xhtml
• PHPコードの場合、php
• CSSコードの場合、css
• JavaScriptコードの場合、js
• Rubyコードの場合、ruby
• SQLコードの場合、sql
• Visual Basicコードの場合、vb
• Javaコードの場合、java
• pythonコードの場合、python
• C#コードの場合、c#
• C++コードの場合、c
• Delphiコードの場合、delphi

前回の記事で使ったアイテムの紹介です。というより、自分へのメモ書きです。

• Amazonくるくるウィジェット
• G-Tools

くるくるウィジェットは商品を選択して回転方向やサイズなどが設定できます。記事にhtmlを貼り付けるだけです。

G-Toolsは[ブログで感想を書く]を選択して画像や文字などのデザインが設定できます。記事にhtmlを貼り付けるだけです。

サイドバーにAmazonおまかせリンクを設置しました。

今までもMovable Type（MT4）を使用してブログを構築していたのですが、デザインがいまいちだったので改めて勉強してみようと思います。

参考書籍は4冊です。

Movable Type 4.2 パーフェクトガイド 荒木 勇次郎 毎日コミュニケーションズ 2008-07-31 売り上げランキング : 50220 Amazonで詳しく見る by G-Tools

ブログ簡単パワーアップ Movable Type4 スーパーカスタマイズテクニック 藤本 壱 技術評論社 2008-07-02 売り上げランキング : 173573 Amazonで詳しく見る by G-Tools

基本からしっかりわかる Movable Type 4.1 カスタマイズブック Movable Type 4.1/MTOS 4.1対応 (Web Designing BOOKS) 大藤 幹 毎日コミュニケーションズ 2008-05-21 売り上げランキング : 117912 Amazonで詳しく見る by G-Tools

Webプロフェッショナルのための黄金則 Movable Typeテンプレートタグ虎の巻 Movable Type 4.x対応 (Web Designing BOOKS) エ・ビスコム・テック・ラボ 毎日コミュニケーションズ 2008-03-15 売り上げランキング : 192702 Amazonで詳しく見る by G-Tools