{"id":2506,"date":"2021-02-12T16:01:53","date_gmt":"2021-02-12T07:01:53","guid":{"rendered":"https:\/\/blue-bear.jp\/kb\/?p=2506"},"modified":"2021-02-20T09:59:11","modified_gmt":"2021-02-20T00:59:11","slug":"wordpress-%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e9%81%b7%e7%a7%bb%e3%81%aa%e3%81%97%e3%81%a7%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8bautopager%e8%a8%ad","status":"publish","type":"post","link":"https:\/\/blue-bear.jp\/kb\/wordpress-%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e9%81%b7%e7%a7%bb%e3%81%aa%e3%81%97%e3%81%a7%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8bautopager%e8%a8%ad\/","title":{"rendered":"[wordpress] \u30da\u30fc\u30b8\u306e\u9077\u79fb\u306a\u3057\u3067\u8a18\u4e8b\u4e00\u89a7\u3092\u8ffd\u52a0\u3059\u308bautopager\u8a2d\u7f6e\u65b9\u6cd5\uff08\u81ea\u52d5\u30fb\u624b\u52d5\u8aad\u307f\u8fbc\u307f\uff09"},"content":{"rendered":"

\u30a2\u30d7\u30ea\u306a\u3069\u3067\u3088\u304f\u3042\u308b\u30da\u30fc\u30b8\u306e\u4e00\u756a\u4e0b\u307e\u3067\u79fb\u52d5\u3059\u308b\u3068\u52dd\u624b\u306b\u8a18\u4e8b\u304c\u8aad\u307f\u8fbc\u307e\u308c\u3066\u4e00\u89a7\u304c\u8ffd\u52a0\u3067\u8868\u793a\u3055\u308c\u308b\u6a5f\u80fd\u3092wordpress\u306b\u3082\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b<\/p>\n

autopager\u3068\u3044\u3046jquery\u3092\u4f7f\u7528\u3057\u305f\u5916\u90e8\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f7f\u7528\u3059\u308b<\/p>\n

\u8a2d\u7f6e\u65b9\u6cd5\u306f\u4ee5\u4e0b\u306e\u901a\u308a<\/p>\n

autopager\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/h2>\n

\u307e\u305a\u4e0b\u8a18URL\u304b\u3089jquery.autopager-1.0.0.js\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066wordpress\u306e\u30b5\u30a4\u30c8\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b<\/p>\n

https:\/\/github.com\/sagotsky\/jquery-autopager<\/a><\/p>\n

CSS\u306a\u3069\u306f\u4f7f\u3063\u3066\u3082\u4f7f\u308f\u306a\u304f\u3066\u3082\u3088\u3044<\/p>\n

 <\/p>\n

\u524d\u63d0\u6761\u4ef6<\/h2>\n

\u8a18\u4e8b\u3092\u7e70\u308a\u8fd4\u3057\u8aad\u307f\u8fbc\u307e\u305b\u305f\u3044\u6642\u306e\u8a18\u4e8b\u4e00\u89a7\u304c\u5305\u542b\u3055\u308c\u3066\u3044\u308bclass\u3082\u3057\u304f\u306fid\u3092\u6c7a\u3081\u3066\u304a\u304f<\/p>\n

\u4f8b\u2193<\/p>\n

<div class=\"blogWrapper\">\r\n    <!--\u3053\u306e\u4e2d\u3067while (have_posts()) : the_post();\u306a\u3069\u3067\u30eb\u30fc\u30d7\u3092\u3057\u3066\u3044\u308b\u5834\u5408-->\r\n<\/div><\/pre>\n
\u4e0a\u306e\u4f8b\u3067\u306fclass=”blogWrapper”\u304c\u91cd\u8981\u3068\u306a\u308b<\/p>\n
 <\/p>\n
\u8aad\u307f\u8fbc\u307f\u30dc\u30bf\u30f3\u306e\u8a2d\u7f6e<\/h2>\n
\u624b\u52d5\u3067\u8aad\u307f\u8fbc\u307e\u305b\u308b\u5834\u5408\u306f\u3001\u300c\u3082\u3063\u3068\u898b\u308b\u300d\u306a\u3069\u306e\u30dc\u30bf\u30f3\u306a\u3069\u3092\u8a2d\u7f6e\u3059\u308b<\/p>\n
\u8a2d\u7f6e\u3059\u308b\u5834\u6240\u306f\u5148\u7a0b\u306e\u2191\u306edev\u306e\u76f4\u4e0b\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308b<\/p>\n
\u4f8b\u2193<\/p>\n
<div class=\"blogWrapper\">\r\n    <!--\u3053\u306e\u4e2d\u3067while (have_posts()) : the_post();\u306a\u3069\u3067\u30eb\u30fc\u30d7\u3092\u3057\u3066\u3044\u308b\u5834\u5408-->\r\n<\/div>\r\n\r\n<div id=\"nextLoader\">\r\n  <a href=\"<?php echo next_posts(0, false); ?>\">\u3082\u3063\u3068\u898b\u308b<\/a>\r\n  <i class=\"fas fa-sync-alt fa-spin fa-2x fa-fw\" id=\"loading\"><\/i>\r\n<\/div><\/pre>\n
\u4e0a\u306e\u4f8b\u3067\u306f\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u30a2\u30a4\u30b3\u30f3\u306f\u7121\u6599\u30a2\u30a4\u30b3\u30f3\u3068\u3057\u3066\u4f7f\u7528\u3067\u304d\u308b\u300cfontawesome\u300d\u306efa-sync-alt\u3092\u300cfa-spin\u300d\u3067\u56de\u8ee2\u3055\u305b\u3066\u3044\u308b\u3002\u3053\u3053\u3067\u306ffontawesome\u306e\u8a2d\u7f6e\u306f\u5272\u611b\u3059\u308b<\/p>\n
\u3082\u3057fontawesome\u3092\u4f7f\u3044\u305f\u3044\u5834\u5408\u306f\u672c\u5bb6fontawesome\u30b5\u30a4\u30c8\u306b\u3066\u7121\u6599\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u3066Javascript\u306e\u8aad\u307f\u8fbc\u307f\u3082\u5fc5\u8981\u306a\u306e\u3067\u7559\u610f\u3059\u308b\u3053\u3068<\/p>\n
https:\/\/fontawesome.com\/<\/a><\/p>\n
 <\/p>\n
wordpress\u306e\u8a18\u4e8bphp\u306b\u4e0b\u8a18\u30b3\u30fc\u30c9\u3092\u57cb\u3081\u8fbc\u3080<\/h2>\n
\u30dc\u30bf\u30f3\u306e\u8a2d\u7f6e\u304c\u3067\u304d\u305f\u306e\u3067\u3001\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u30a2\u30a4\u30b3\u30f3\u304c\u8868\u793a\u3055\u308c\u3001blogWrapper\u306e\u4e2d\u8eab\u304c\u30da\u30fc\u30b8\u79fb\u52d5\u306a\u3057\u306b\u8ffd\u52a0\u3067\u304d\u308bjacascript\u3092\u66f8\u304f<\/p>\n
\u5225\u9014jquery\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f\u306f\u4e0d\u8981\u306a\u306e\u3067\u4e0b\u8a18\u30b3\u30fc\u30c9\u3067\u52d5\u4f5c\u3059\u308b<\/p>\n
<script src=\"<?php echo get_template_directory_uri() ?>\/js\/jquery.autopager-1.0.0.js\"><\/script>\r\n<script>\r\n\u00a0   \/\/  \u7121\u9650\u30b9\u30af\u30ed\u30fc\u30eb\u6700\u5927\u30da\u30fc\u30b8\u6570\u53d6\u5f97\r\n    var maxpage = <?php echo $wp_query->max_num_pages; ?>; \r\n    $('#loading').css('display', 'none');\r\n    if(maxpage==1){\/\/\uff11\u30da\u30fc\u30b8\u3057\u304b\u306a\u3044\u5834\u5408\u306f\u30dc\u30bf\u30f3\u3092\u96a0\u3059\r\n        $('#nextLoader a').hide();\/\/ more \u30ea\u30f3\u30af\u3092\u96a0\u3059\r\n    }\r\n    $.autopager({\r\n        content: '.blogWrapper',\/\/ \u8aad\u307f\u8fbc\u3080\u30b3\u30f3\u30c6\u30f3\u30c4 (\u8981\u7d20\u306e\u3053\u3068\u3001.\u3084id\u3067\u3042\u308c\u3070#\u304c\u5fc5\u8981\u306a\u306e\u3067\u6ce8\u610f)\r\n        link: '#nextLoader a', \/\/ \u6b21\u30da\u30fc\u30b8\u3078\u306e\u30ea\u30f3\u30af\r\n        autoLoad: false,\/\/ \u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u8aad\u307f\u8fbc\u307e\u305b\u305f\u3044\u5834\u5408\u306ffalse\r\n        permalink: false<\/span>, \/\/\u3053\u308c\u3092\u5165\u308c\u308b\u3068\u623b\u308b\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u6642\u306bPage1\u306b\u623b\u308b\u3001True\u306b\u3059\u308b\u3068Page1\u306b\u306f\u623b\u3089\u305a\u30ea\u30f3\u30af\u3092\u958b\u3044\u305f\u6642\u306ePage\u6570\u306b\u623b\u308b<\/span>\r\n        start: function(current, next){\r\n          $('#loading').css('display', 'block');\r\n          $('#nextLoader a').css('display', 'none');\r\n        },\r\n        load: function(current, next){\r\n            $('#loading').css('display', 'none');\r\n            $('#nextLoader a').css('display', 'block');\r\n            var url = next.url.split('?');\r\n            url = url[0].split('\/');\r\n            var nextpage = url[url.length-2];\/\/\u5f8c\u308d\u304b\u30892\u756a\u76ee(\u6570\u5b57)\u3092\u53d6\u5f97\r\n\r\n            if(next.url == null||nextpage>maxpage){\/\/\u4e00\u756a\u6700\u5f8c\u306e\u6642\r\n                $('#nextLoader a').hide();\/\/ more \u30ea\u30f3\u30af\u3092\u96a0\u3059\r\n            }\r\n        }\r\n    });\r\n    $('#nextLoader a').click(function(){ \/\/ \u6b21\u30da\u30fc\u30b8\u3078\u306e\u30ea\u30f3\u30af\u30dc\u30bf\u30f3\r\n        $.autopager('load'); \/\/ \u6b21\u30da\u30fc\u30b8\u3092\u8aad\u307f\u8fbc\u3080\r\n        return false; \r\n    });\r\n\r\n<\/script><\/pre>\n
\u2191\u306e\u4f8b\u3067\u306fautopager\u30b9\u30af\u30ea\u30d7\u30c8\u306fwordpress\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306ejs\u30d5\u30a9\u30eb\u30c0\u306b\u4fdd\u7ba1\u3057\u3066\u3044\u308b\u306e\u3067get_template_directory_uri()\u3067\u30d5\u30a9\u30eb\u30c0\u3092\u6307\u5b9a\u3057\u3066\u3044\u308b<\/p>\n
\u91cd\u8981\u306a\u306e\u306f\u300ccontent: ‘.blogWrapper’,\u300d\u306e\u3068\u3053\u308d\u3067\u3042\u308a\u3001\u524d\u63d0\u6761\u4ef6\u3067\u8aad\u307f\u8fbc\u307f\u3055\u305b\u305f\u3044\u8981\u7d20\u306e\u540d\u524d\u3092\u8a18\u8ff0\u3059\u308b\u3001\u4eca\u56de\u306fblogWrapper\u3060\u3063\u305f\u304c\u3053\u3061\u3089\u306fHTML\u30b3\u30fc\u30c9\u306b\u3088\u3063\u3066\u7570\u306a\u308b\u306e\u3067\u5909\u66f4\u3059\u308b\u3053\u3068\u3002<\/p>\n
 <\/p>\n
\u81ea\u52d5\u3067\u8aad\u307f\u8fbc\u307e\u305b\u305f\u3044\u5834\u5408\u306f\uff1f<\/h3>\n
\u3082\u3057\u81ea\u52d5\u3067\u8aad\u307f\u8fbc\u307e\u305b\u305f\u3044\u5834\u5408\u306f\uff19\u884c\u76ee\u306e\u300cautoLoad: false,\u300d\u306e\u3068\u3053\u308d\u3092true\u306b\u3059\u308b\u3068\u81ea\u52d5\u3067\u3069\u3093\u3069\u3093\u8aad\u307f\u8fbc\u3093\u3067\u3044\u3063\u3066\u304f\u308c\u308b\u3002<\/p>\n
 <\/p>\n
\u6700\u5f8c\u306e\u30da\u30fc\u30b8\u307e\u3067\u8aad\u307f\u8fbc\u3093\u3060\u5834\u5408\u306f\u30dc\u30bf\u30f3\u3092\u96a0\u3057\u305f\u3044<\/h3>\n
\u4e00\u756a\u6700\u5f8c\u306e\u30da\u30fc\u30b8\u307e\u3067\u8aad\u307f\u8fbc\u3093\u3060\u5834\u5408\u306f\u300c\u3082\u3063\u3068\u898b\u308b\u300d\u30dc\u30bf\u30f3\u3092\u96a0\u3057\u305f\u3044<\/p>\n
\u2191\u306e\u4f8b\u3067\u306f<\/p>\n
if(next.url == null||nextpage>maxpage){\/\/\u4e00\u756a\u6700\u5f8c\u306e\u6642\r\n  $('#nextLoader a').hide();\/\/ more \u30ea\u30f3\u30af\u3092\u96a0\u3059\r\n}<\/pre>\n
\u3068\u3057\u3066\u3044\u308b\u304c\u3001\u3053\u308c\u306fnext.url\u304cnull\u306b\u306a\u3089\u306a\u304b\u3063\u305f\u306e\u3067\u3001\u4e8c\u91cd\u4e88\u9632\u3067nextpage>maxpage\u306e\u5834\u5408\u3067\u3082nextLoader\u8981\u7d20\u3092hide\u3059\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u308b\u3002<\/p>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
\u30a2\u30d7\u30ea\u306a\u3069\u3067\u3088\u304f\u3042\u308b\u30da\u30fc\u30b8\u306e\u4e00\u756a\u4e0b\u307e\u3067\u79fb<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,6,7],"tags":[237],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/2506"}],"collection":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/comments?post=2506"}],"version-history":[{"count":5,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/2506\/revisions"}],"predecessor-version":[{"id":2521,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/2506\/revisions\/2521"}],"wp:attachment":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media?parent=2506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/categories?post=2506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/tags?post=2506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}