個別記事のページです

2015年6月 4日(木)
このエントリーをはてなブックマークに追加

Movable Typeでブログに挿入した画像をサムネイルとして使う方法

Movable Typeでブログ記事を書いた時、ブログ中に入れた画像をサムネイルとして表示したい
という方が結構いらっしゃるみたいなので、今回は弊社の表示方法を例にご紹介します。

Fのサイドメニュー
プラグインの導入も無いので、簡単にお試しできます。


こちら弊社サイトの「最近投稿した日誌」部分を表示させているコードです。

<MTArchiveList lastn="10"> <div class="navColumn clickBox clearfix"> <div class="navColumnLeft"><MTEntryAssets type="image" lastn="1"><img src="<$MTAssetThumbnailURL width="73" height="59"$>" alt="<$MTEntryTitle$>" /></MTEntryAssets></div> <div class="navColumnRight"><p><span><$MTEntryDate format="%Y.%m.%d"$></span><br><$MTEntryTitle$></p></div> <a href="<$MTEntryPermalink$>"></a> </div> </MTArchiveList>


簡単に説明しますと、最新の記事10件分の、サムネイル画像と記事の投稿日時と記事タイトルが
出力されるようになっています。

そしてサムネイル画像表示のコードはこちらの部分になります。

<MTEntryAssets type="image" lastn="1"><img src="<$MTAssetThumbnailURL width="73" height="59"$>" alt="<$MTEntryTitle$>" />


この部分をサムネイル画像を表示させたい部分に貼り付け、widthやheightはお好みで設定してください。
ちなみに<MTEntryAssets>タグはブロク記事アーカイブか、<MTEntries>タグの中で使えます。


ちょっと工夫すればこのようにトップページに新着記事を表示させる時に
サムネイル画像と記事本文を抜粋して表示させる事もできて便利です!
トップページのサムネイル
書籍の内容と遜色のないPDFを無料プレゼントしております。
売れてる人しか知らない!売れるホームページの10の常識
過度な営業は一切しておりません。

簡単無料お見積もり

問い合せ内容 見積り  相談  更新管理  PPC広告・SEO対策
  • 売上げアップ
  • 会社拡大
  • ブランド力を持ちたい
  • 新規事業参入したい
  • 単価を上げたい
  • 価格競争したくない
  • 社内環境を良くしたい
  • 経営者が楽になる
  • 社員を成長させたい
  • 良い求人が欲しい
  • 離職率を下げたい
  • 残業を減らしたい
  • 客層をよくしたい
  • 会社がうまく回るようにしたい
  • クレームを減らしたい
  • リピート、口コミを増やしたい
  • ターゲットを絞りたい
  • 会社の方針を明確にしたい
  • SEO対策
内容
お問合せ