Skyward Design

Blog Webクリエイターの日々の覚え書き

ホーム > Blog > Web制作 > Movable Type

「Movable Type」のアーカイブ

「表示される記事数」を取得するMTプラグイン「GetEntriesOnIndex」を公開

Posted by Hideki at 2012年3月29日 22:12

タグ:

Movable Typeの投稿設定画面にある「表示される記事数」を取得するファンクションタグを利用可能にする「GetEntriesOnIndexプラグイン」を作成しました。非常に簡単なプラグインなので公開します。
投稿設定画面の例

追加されるファンクションタグ

<$mt:EntriesOnIndex$>で表示される記事数の値が取得できます。

CKEditor for Movable Typeをカスタマイズして少し複雑なレイアウトなどを実現可能に

Posted by Hideki at 2012年3月15日 21:53

タグ:

CKEditor for Movable Typeは、Word感覚で文章を書いたり画像を挿入することができたりする大変優れたプラグインです。しかしながら、僕たちのようなWeb制作者には簡単にできるレイアウトを実現しようとすると急に難しくなります。例えば、

  • 画像の左(右)にテキストを配置した後、任意の場所で回り込みを解除してテキストを配置する
  • 見出しごとにセクション的なものでくくり、適度な間をあける(※)

といったレイアウトです。

  • 間をあけるだけであれば:first-of-type疑似クラスを使ったスタイルを定義することで可能かもしれませんが、IE8ではサポートされていません。

このように、div要素で囲んだりする必要のあるレイアウトを簡単に実現する方法がないか探っていたところ、妥協は必要なもののCKEditorのテンプレート(雛形)機能を利用するとわりと簡単に実現できることが分かりました。

CKEditor for Movable TypeでMTタグの入力を可能にする(エンティティ化の抑止)

Posted by Hideki at 2012年2月 2日 21:47

タグ:

Movable Typeにおいて、CKEditor for Movable Typeを適用したリッチテキストエディタ内にMTタグ(テンプレートタグ)を記述することはできるだけ避けたいことではありますが、ページの構成によってはやむを得ずMTタグを記述しなければならない状況が発生することがあります。

<!-- MTタグの例 -->
<$mt:SetVar name="category" value="中学1年"$>
<$mt:Include module="開設科目リスト"$>

しかし、ソース表示に変更してMTタグを貼り付け、WYSIWYG表示に変更すると、下記のようにMTタグがエンティティ化され、MTタグとして機能しない状態に陥ります。

MTタグがエンティティ化されたソースの例

フォーマットを「なし」にせず、「リッチテキスト」のままでMTタグとして扱う方法はないのでしょうか?

CKEditor for Movable Typeの出力ソースをカスタマイズする方法

Posted by Hideki at 2011年8月 3日 20:16

タグ:

ToI企画さまのWebサイトで公開されている「CKEditor for Movable Type 1.073」は、Movable Typeのリッチテキストエディタを拡張し、HTMLに不慣れな方でもWord感覚で編集が出来るようになる素晴らしいツールです。カスタムフィールドにもリッチテキストエディタを適用できるあたり、本当にすごいですよね。

ただ、マークアップになれている人は「開始タグの後ろになぜ改行が入るのか」「ソースコードのタブインデントを無しにしたい(or スペースにしたい)」など、出力されるソースコードの整形方法を変更したいという希望を持っていることと思います。

そこで、あまり情報がないCKEditor for Movable Typeの出力ソースをカスタマイズする方法を少しご紹介したいと思います。このカスタマイズ方法であれば、プラグインの元になっているCKEditorの仕様に大きな変更がない限り、バージョンアップしてもそのまま引き続き利用できると思います。さらに詳しい情報は、「CKEditor 3.x Developer's Guide」をご覧になるとよいと思います。

カスタマイズ結果の例

入力内容
カスタマイズ前のソースコード
カスタマイズ後のソースコード

Movable Type 5.0から5.1へアップグレード

Posted by Hideki at 2011年5月25日 13:33

タグ:

本日Movable Type 5.1正式版が公開されました。新機能を見たところ、

  • 投稿画面のユーザビリティ向上
  • 一覧画面のソートやAjaxによる速度向上

が含まれていたので、早速Movable Type 5.0からアップグレードを実施しました。

手順としては、概ねMovable Type 5ドキュメントにある「Movable Type 5 を最新のバージョンへアップグレード」の通りですが、下記の手順で実施し無事アップグレード完了しました。なお、データベースは毎朝自動でバックアップをとっているため、省略しています。

著者紹介

独学でWeb制作を学んだ後、2007年より西新宿のWeb制作会社に勤務。2011年からは広島にUターンし、マイペースで働きつつWeb制作の勉強をしているフロントエンド・エンジニアです。

  • Twitter
  • Facebook
  • Tumblr

    Twitter以上Blog未満の記事を書いています。

  • Code Stock

    使えそうなコード各種をストックしています。

Feed

Copyright © 2011 Skyward Design All Rights Reserved.

Powered by Movable Type 5.13-ja