Tumblr サムネイル付最近の記事を表示する

Tumblrでサムネイル付最近の記事を表示する方法を紹介する。

これを実現するためには、忍者レコメンドと云うサービスを利用すればよい。強力なカスタマイズ機能が用意されており、様々なレイアウトで表示することが可能である。表示速度も全く問題はない。勿論、レスポンシブ対応である。 (Tumblr限定サービスではありません・・・)

表示例 - パソコンの場合
116657731912_2dee896a37_o.png

表示例 - スマホの場合
216472598059_c267b530cc_o.png

設置コード (事例)

{block:PermalinkPage}

<!-- 最近の記事 開始 -->

<h3 style='margin:1.5em 0 1em;'>最近の記事</h3>

<div class="ninja-recommend-block" id="4504182a5c883fad4fc026650aaa4f19">
  <script type="text/javascript" src="http://rcm.shinobi.jp/js/imp.js"></script>
  <script type="text/javascript" src="http://rcm.shinobi.jp/r/4504182a5c883fad4fc026650aaa4f19"></script>
</div>

<!-- 最近の記事 終了 -->

{/block:PermalinkPage}

見栄えはよくなるが、当然のことながらサムネイル画像は単に縮小して表示しているだけなので、そのへんは頭に入れておいたほうがよいだろう。

忍者サービスには便利なツールがたくさんあり、”忍者おまとめボタン”も利用している。いずれのツールも一旦コードを設置すれば、管理画面でいつでもカスタマイズを含む管理が可能なのでたいへん重宝する。

admin
カテゴリ:ブログサービス
タグ:忍者 tumblr
2015/02/27 02:02 | コメント (0)
◎この記事へのコメントは 0 件です。コメント欄を表示しますか?
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

このブログについて
jkun-400x400.jpg インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。
プロフィール
カテゴリ
ブログ内検索
Powered by さくらのブログ