人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

PC版のトップページの表示記事件数のことですが、設定画面からは、15記事までしか増やせないようですが、もしも規約に触れないなら、もっと増やしたいと思っています。が、やり方がさっぱりわかりません。
アメブロでは最大10件までなので、アメブロよりは多いのですが。Bloggerでは、最大500件まで、自由に数を指定できるようになっています。
そこまでは要らないのですが、30件くらいにはしたいなあと思っています。
どなたかお知恵を貸していただければ、助かります。よろしくお願いいたします。


●質問者: Michiko_70554148
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● ぽけっとしすてむ
ベストアンサー

記事数を増やすことは難しいですが、はてなブログの記事一覧にオートページャーを付けることは可能です。
※この回答では、jQuery必須となります。

jQueryがロードされている前提で、フッターなどの記事内以外でも表示される場所にスクリプトを設置します。

<script>
$(function () {
$("#main").append('<div id="loadelement" data-loading="false"></div>');
$(window).on('scroll', function () {
var loadElem = $("#loadelement")[0];
var target = $(loadElem).offset().top - $(document).scrollTop() - $(window).height();
if (target < 10 && loadElem.dataset.loading != "true") {
loadElem.dataset.loading = true;
$(loadElem).text("読み込み中");
var nexturl = $('.pager-next a:not([data-loaded="done"])[rel="next"]')[0];
if (typeof (nexturl) === 'undefined') {
//最後のページ
$(loadElem).before('<div>続きはありません</div>');
$(loadElem).text("");
return;
}
nexturl.dataset.loaded = "done";
$.ajax({
url: nexturl.href,
type: 'GET',
dataType: 'html',
})
.done(function (data) {
$(loadElem).before('<div>次のページを読み込みました</div>');
$(loadElem).before($('#main', $(data)).html());
loadElem.dataset.loading = false;
$(loadElem).text("");
Hatena.Locale.setupTimestampUpdater(); //記事の更新時間の再表示
FB.XFBML.parse(); //facebook
gapi.plusone.go(); //google plus1
twttr.widgets.load(); //Twitter
})
.fail(function (data) {
//オートロードを止める
//loadElem.dataset.loading = true;
});
}
});
});
</script>

トップページ、記事一覧(年ごと)、カテゴリー一覧にて動作を確認しました。
現時点では動作しますが、今後、テンプレートの仕様が変わった場合は動かなくなる可能性もあります。
また、はてなブログへの投稿時間、facebook、google plus1、Twitterボタンが表示できるようになっています。


Michiko_70554148さんのコメント
ありがとうございます。 でも私は、無限ロードは必要なくて、ただ1ページあたりを30件にしたかっただけなんですが、もしかして何かリミットを変えてやればできるのかなあと思っていたんですが、そんなに大変だとは、知りませんでした。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ