その他

MovableType3の個別エントリーでプラグインを使用せずに同一カテゴリーの最新の一覧を表示

印刷会社・吉田印刷所

»概要

このページではMovableType3.xでプラグインを使用しないで、個別エントリーに同一カテゴリーの最新の一覧を表示する方法を掲載しています。


»手順

MovableType3のテンプレート編集画面を表示させ、「アーカイブ」の項目に新規テンプレートを作成します。

以下の例では「同一カテゴリー表示モジュール」と名前を付けました。

MovableType3で個別エントリーに同一カテゴリーの一覧を表示させる(1)


「同一カテゴリー表示モジュール」テンプレートの中身は以下のように記述します。

 (function(){
 var sameCategory = {};
 sameCategory.list =
 [
 //↓ lastn="10" の数字を変更すれば表示結果の件数を調整できます。
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120201/133715.html',
 title: '「印刷のいろは展」が東京で今週末開催/活字文選体験などもあり'
 },
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120126/110030.html',
 title: 'IllustratorPhotoshopのツールを素早く切り替える'
 },
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120123/183027.html',
 title: '正規表現がテーマの勉強会を2月18日に大阪にて開催《大阪DTPの勉強部屋》'
 },
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120123/173707.html',
 title: 'NISが震災復興支援活動として72種類の「絆」の文字を提供'
 },
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120119/190829.html',
 title: 'IllustratorPhotoshopのヘルプを見やすくする方法'
 },
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120118/125830.html',
 title: 'InDesign組版教室の第7回が大阪で1月27日と2月10日に開催/テーマはテキストフレームとフレームグリッド'
 },
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120117/215323.html',
 title: 'IllustratorInDesignの機能改善の意見を募集中!《@Adobe公式》'
 },
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120112/163343.html',
 title: '【重要】Adobe CS3・CS4ユーザーのCS6へアップグレードが期間限定で可能に'
 },
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120110/195329.html',
 title: 'Acrobat・Bridge・Creative Suiteのエラーやテクニカル情報をお知らせします《Adobeサポート2011年12月更新分》'
 },
 {
 url: 'http://blog.ddc.co.jp/mt/dtp/archives/20120110/190004.html',
 title: 'Photoshopのエラーやテクニカル情報をお知らせします《Adobeサポート2011年12月更新分》'
 },
 {
 url: "",
 title: ""
 }
 ];
 sameCategory.html = "";
 for (var i = 0; i < sameCategory.list.length -1; i++) {
 sameCategory.html += ""
 + '<li><a href="'
 + sameCategory.list[i].url
 + '">'
 + sameCategory.list[i].title
 + "</a></li>\n";
 }
 //↓ ここら辺のデザインはご自由に。
 document.write(""
 + '<div class="module-same-category module">'
 + '<h2 class="module-header">最近の関連エントリー</h2>'
 + '<ul>'
 + sameCategory.html
 + '</ul>'
 + '</div>'
 );
 })();

「設定」の項目の「公開」でアーカイブマッピングを新規に作成します。

MovableType3で個別エントリーに同一カテゴリーの一覧を表示させる(2)


「アーカイブの種類」を「カテゴリー」にして、「テンプレート」を「同一カテゴリー表示モジュール」にして追加します。

MovableType3で個別エントリーに同一カテゴリーの一覧を表示させる(3)


「出力フォーマット」をカスタマイズにして「%c.js」にします。

MovableType3で個別エントリーに同一カテゴリーの一覧を表示させる(4)


テンプレートの「個別エントリーアーカイブ」で同一カテゴリーの一覧を表示させたいところに以下のように記述します。(エントリーの出力先のディレクトリーが「archives」の場合)

<script type="text/javascript" src="http://blog.ddc.co.jp/mt/dtp/archives/.js"></script>

表示結果は以下のようになります。(例:*[6028]Macデータ入稿で対応しているフォント-4

MovableType3で個別エントリーに同一カテゴリーの一覧を表示させる(5)

このエントリーが良かったと思った方はぜひ他の方にオススメして下さい! お使いのサービスのアイコンをクリックすると簡単にこのページのリンクを共有できます。

DTP専門掲示板
DTP駆け込み寺InDesignの勉強部屋Illustratorイライラ・ストレス解消委員会