公式プラグイン「最新記事」にサムネイルを表示、コピペでOK

公式プラグイン「最新記事」をコピペでカスタムし、サムネイルを表示する方法です。当サイト作者が作成した次のテンプレートについてです。

カスタム前後の比較

  1. コピペでOKです。

  2. 仕上がりはこんな感じです。

    130331plugin-recent-eyec-1.png
  3. 愛猫チェリッシュでは、実際の様子も確認できます。

メリット

  1. 記事ごとに固有のサムネイル画像を設定できます。ただし、「entry-1s.jpg」というような名前の画像ファイルをアップロードしている場合に限ります。

プラグインのHTMLを編集

  1. 管理画面でプラグインの設定をクリックします。

    130303plugin-recent-1.png
  2. 切り替わった画面にある【HTMLの編集】をクリックします。

    130331plugin-cate-eyec-2.png
  3. 展開されたテキストボックス内のコードすべてを次のコードに変更します。

    <ul class="eyecatcher tell-this-page">
    <!--recent-->
    <li class="ofh" &align>
    <a href="<%recent_link>" title="<%recent_title>"><script type="text/javascript">eyecatcher(<%recent_no>,'e',100,100);</script><%recent_title></a><br /><span class="entry-date"><%recent_year>年<%recent_month>月<%recent_day>日 <span class="entry-time"><%recent_hour>:<%recent_minute></span></span><span class="some-time-ago"> <script type="text/javascript">newe(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>,<%recent_minute>);</script></span>
    </li>
    <!--/recent-->
    <!--カスタム参考ページ:http://customtemplate.blog112.fc2.com/blog-entry-115.html-->
    </ul>
  4.  設定 をクリックします。

このページに関して

  1. 予告なく変更する場合があります。

  2. このページに限りませんが、記載内容の正確性は保証いたしかねます。

  3. 今後のテンプレート改訂時には上記説明と相違があるかもしれません。ご了承願います。

以上です。

関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
スポンサードリンク
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)