今日の研究:Web標準のHTMLエディタExpression WebにMovable Typeのタグを登録する
2007年6月14日 06:21
Movable Type 4 Beta2が公開されたが、上書きインストールするだけにして、Expression WebにMovable Typeのタグを簡単に埋められるよう、カスタマイズを行ってみた。
仕組みがわかってしまえば、すごく簡単だ。特殊な知識はなにもいらないし、WordPressやNucleus CMSにも応用できる。
1. コードスニペットの登録方法
まず、コードビュー上でマウスを右クリックすると、メニューが開くから、[コードスニペットの作成]を選ぶ。
[コードスニペットの追加]が開くから、MTタグの情報を入力して[OK]をクリックすれば登録完了。
2. コードスニペットの呼び出し方
コードスニペットを呼び出すには、入力したい箇所を選択し、Ctrl + Enterを押せば一覧メニューが表示されるから、該当するコードを選んであげればいい。
このように、HTMLコードにMTタグが挿入される。
3. コードスニペットの編集方法
まとめてコードを登録したい場合や、登録したコードを編集したい場合は、メニューから[ツール]を選び、さらに[ページ編集オプション]を選択する。
登録結果に修正を加えたい場合は、[変更]を、新規に追加したい場合は[追加]を選ぶと、コードスニペットの編集窓が開く。
4. コードスニペットのダイレクトソース編集方法
あまり一般的ではないので、参考程度に読んでほしい。
本来のコードスニペットは、下記にあるが…
C:\Program Files\Microsoft Expression\Templates\1041\Snippets12\FPSnippets.xml
新たにユーザーが追記や編集した、コードスニペットは下記の場所に格納される。
C:\Documents and Settings\ユーザー名\Application Data\Microsoft\Expression\Web Designer\Snippets\SnippetsCustom.xml
新規追加はこのように記述されるから、わかる人は直接XMLファイルを編集してもかまわないと思う。
<snippet keyword="MTBlogName">
<description>ブログの名前を表示</description>
<text><$MTBlogName$></text>
</snippet>
以下、Expression Webに関する余談
Expression Webにとほぼ同時に購入した、「Expression Web 標準ガイドブック」が、ユーザーが何をしたいか、どうすればわかりやすく伝えられるかという視点で書かれており、出来のよさに感動した。
僕は会ってみたいと思う人には、すぐ行動に移すから、著者小濱 良恵さんにDMを送り、今日の昼間Skypeで会話した。
彼女はWeb制作業界の人ではなく、ビジネス系のテクニカルライターで、Web標準の出力ばかりとりあげられるけど、すごく簡単に使えるソフトなので、ホームページビルダーのユーザーにこそ使ってほしいのだと熱く語っていた。
僕と彼女は伝えたい対象こそ異なるが、Expression Webが、使いやすくて、高機能なニッチなソフトであるという点では一致したから布教の意味でも、Expression Webのセミナー開催しようねと盛り上がった。
Expression Webのセミナーは詳細が決まったら報告する。
職業、地位を問わず、社会貢献性があり、情熱を持った人が僕は好きだ。
そういった人々とコラボレーションすることにより、自分自身をパワーアップしていきたい。
参考になれば、幸い。
PS:MTタグを埋め込んだ、コードスニペットは完成したら、配布する予定だ。
面倒な作業なので、2週間ほど待ってほしい。
投稿者: Dakiny 日時: 2007年6月14日 06:21 |
|
|
|
|
パーマリンク | コメント(0) | トラックバック (0)
トラックバック
このエントリーのトラックバックURL:
http://www.dakiny.com/mtos/mt-tb.cgi/1449
※文章内容と関係のないトラックバックは固くお断り。




