壽 かおり @kaoritter

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>​

サイドバーへの適用

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

この記事の筆者

壽 かおり @kaoritter

毎日リモートワークで働く、IT企業の広報担当。ネットサービスやガジェット好きです。2009年生まれのむすめが一人。もっと詳しくはプロフィールページをご覧ください。

この筆者の記事一覧

関連記事

前の記事へ

MTスマフォオプションのテーマをカスタマイズを紹介していきます！の目次

次の記事へ

MT5スマフォオプションのカスタマイズ第二弾: かもめ画像を非表示に