MTスマフォオプションのカスタマイズ第一弾:「最近書いた記事」ウィジェット

スポンサード リンク

最新の記事10件を表示するウィジェットです。

このページのサイドバーにもついています。▼これです。 プレビュー | Movable Type Pro

現在の機能としては、以下のとおり。

  • 最新の記事10件を表示
  • はてブ数表示 ※ただしはてなへのリンクは削除

将来はここに48*48くらいの大きさの正方形のサムネイルやツイート数も出したいなと思ってます。

作り方

[デザイン] - [ウィジェット] - [ウィジェットテンプレートの作成] で新規ウィジェットを作成します。

コード

<MTEntries lastn="10">
<MTEntriesHeader>
<section class="widget widget-pages">
    <h2 class="title widget-title">最近書いた記事</h2>
    <nav>
        <ul class="nav-list" data-role="listview" data-inset="true" data-theme="a">
</MTEntriesHeader>
            <li class="nav-item">
                <a href="<mt:EntryLink abs2rel="1">">
                    <div class="ui-li-heading"><mt:EntryTitle remove_html="1"></div>
 <img src="http://b.hatena.ne.jp/entry/image/<mt:EntryLink abs2rel="1">" alt="はてなブックマーク - <mt:EntryTitle remove_html="1">" title="はてなブックマーク - <mt:EntryTitle remove_html="1">">
                </a>
            </li>
<MTEntriesFooter>
        </ul>
    </nav>
</section>
</MTEntriesFooter>
</MTEntries>​

サイドバーへの適用

ウィジェットのページの [関連コンテンツ] のところで作ったウィジェットの配置場所を決めます。

スポンサード リンク