<< September 2018 >>
SunMonTueWedThuFriSat
      1
2345678
9101112131415
16171819202122
23242526272829
30      
Search
Latest Entries
Categories
Recent Comments
Links
Feed
スポンサーサイト

一定期間更新がないため広告を表示しています

【 - 
0
    [JUGEMブログ] 最近の記事 {latest_entry_list} 表示件数を増やす

    2012年5月18日現在
    JUGEM ブログの【最近の記事】 {latest_entry_list} の表示件数は 5 件です。
    少ない……

    ですが
    JUGEM ブログの仕組みをうまく使えば
    表示件数を増やすことができます!

    手順 1. 最近の記事リストを出力するテンプレートの作成
    手順 2. 最近の記事リストを取得するスクリプトの記述

    手順 1. 最近の記事リストを出力するテンプレートの作成

    管理者ページの [デザイン] - [テンプレート変更] から
    テンプレートを新しく作成 ([適応しているテンプレートを複製]) します。

    作成したテンプレートの HTML 全文を次のようにします (CSS は使わないのでご自由に)。

    <!-- BEGIN title -->
    <!-- END title -->

    <ul>
    <!-- BEGIN entry -->
    <li><a href="{entry_permalink}">{entry_title} ({entry_month}/{entry_day})</a></li>
    <!-- END entry -->
    </ul>

    <!-- ad -->{ad}

    手順 2. 最近の記事リストを取得するスクリプトの記述

    (手順 1. で作成したテンプレートではなく、) 適用しているテンプレートを編集します。

    まず
    {latest_entry_list} の親要素に ID をつけます。
    次の HTML は一例です。{latest_entry_list} の前後も ID も任意です。

    <!-- BEGIN latest_entry -->
    <div class="linktitle">Latest Entries</div>
    <div class="linktext" id="latest-entries">{latest_entry_list}</div>
    <!-- END latest_entry -->

    次に
    {latest_entry_list} 以降の適当な場所に次のスクリプトを配置します。
    どこにしようか迷ったら <!-- END latest_entry --> の直後でいいです。
    http://latena.jugem.jp/?tid=4 の部分は 手順 1. で作成したテンプレートの確認ページの URL にします。

    <script type="text/javascript">
    <!--
    (function () {
      var xhr = (function () {
        if (window.XMLHttpRequest) {
          return new XMLHttpRequest();
        } else if (window.ActiveXObject) {
          try {
            return new ActiveXObject('Msxml2.XMLHTTP');
          } catch (e) {
            return new ActiveXObject('Microsoft.XMLHTTP');
          }
        }
      })();
      if (xhr) {
        xhr.open('GET', 'http://latena.jugem.jp/?tid=4');
        xhr.onreadystatechange = function () {
          if (xhr.readyState == 4) {
            document.getElementById('latest-entries').innerHTML = xhr.responseText.slice(0, xhr.responseText.search('<!-- ad -->'));
          }
        }
        xhr.send(null);
      }
    })();
    // -->
    </script>

    以上で
    【最近の記事】表示件数がブログトップページの記事件数になります。

    ちなみに
    http://latena.jugem.jp/?tid=4&page=1 を使えばもっと増やせます。

    さらに
    手順 1. のテンプレートを変えれば
    【最近の記事】の表示形式を自由に設定できます。

    もともと JUGEM が 10 件ぐらい表示してくれればいいんだけどね〜

    関連記事

    【 comments(1) 
    0
      Check このエントリーをはてなブックマークに追加
      スポンサーサイト
      【 - 
      0
        Check このエントリーをはてなブックマークに追加
        comment
        ありがとうございました!
        ばっちりできました。
        素晴らしい知識ですね。
        ほんとうに助かりました。
        【 フータ | 2013/04/07 10:27 PM 】