
{"id":884,"date":"2020-02-13T12:01:09","date_gmt":"2020-02-13T04:01:09","guid":{"rendered":"http:\/\/admin.evshou.com\/?p=884"},"modified":"2020-08-07T17:08:27","modified_gmt":"2020-08-07T09:08:27","slug":"wordpress%e6%96%87%e7%ab%a0%e4%b8%8b%e6%8b%89%e8%87%aa%e5%8a%a8%e6%97%a0%e9%99%90%e7%bf%bb%e9%a1%b5%e6%96%b9%e5%bc%8f","status":"publish","type":"post","link":"https:\/\/www.9713job.com\/?p=884","title":{"rendered":"WordPress\u6587\u7ae0\u4e0b\u62c9\u81ea\u52a8\u65e0\u9650\u7ffb\u9875\u65b9\u5f0f"},"content":{"rendered":"<p>\u6700\u8fd1\u7ed9\u67d0\u4e2a\u5ba2\u6237\u5b9a\u5236\u4e3b\u9898\u65f6\u9700\u8981\u5b9e\u73b0\u65e0\u9650\u4e0b\u62c9\u52a0\u8f7d\u529f\u80fd\uff0c\u60f3\u901a\u8fc7\u51e0\u884c\u4ee3\u7801\u628a\u81ea\u5df1\u7684\u00a0<span class=\"wp_keywordlink\">wordpress<\/span>\u00a0\u4e3b\u9898\u4fee\u6539\u6210\u6587\u7ae0\u81ea\u52a8\u65e0\u9650\u4e0b\u62c9\u7684\u5f62\u5f0f\uff0c\u4f46\u662f\u82e6\u4e8e\u529f\u80fd\u4e0d\u80fd\u5b9e\u73b0\uff0c\u4e5f\u4e0d\u6e05\u695a\u662f\u5361\u5728\u54ea\u4e2a\u6b65\u9aa4\u4e86\uff0c\u4eca\u5929\u7ed9\u5927\u5bb6\u5206\u4eab\u4e24\u4e2a\u96f6\u8ddd\u79bb\u7684\u50bb\u74dc\u7248\uff0c\u6765\u5e2e\u52a9\u5927\u5bb6\u5b8c\u6210\u8fd9\u4e2a\u529f\u80fd\u3002<\/p>\n<h2>\u65b9\u6cd5\u4e00\uff1a<\/h2>\n<p><!--more--><\/p>\n<p>\u4ee5\u4e0b\u8fd9\u4e2a\u65b9\u6cd5\u5bf9\u4e8e\u5176\u5b83\u7684\u6559\u7a0b\u4f18\u52bf\u5728\u4e8e\uff0c\u5f88\u660e\u786e\u7684\u7ed9\u5230\u4e86\u7ffb\u9875\u7684\u4ee3\u7801\uff0c\u56e0\u4e3a\u5176\u5b83\u7684\u6559\u7a0b\u90fd\u662f\u4ee5\u7ffb\u9875\u7684 js \u53ca\u529f\u80fd\u4e3a\u4f8b\u5b50\uff0c\u8fd9\u91cc\u6bd4\u8f83\u597d\u7684\u662f\u63d0\u4f9b\u4e86\u4e00\u4e2a\u5b8c\u6574\u7684\u7ffb\u9875\u4ee3\u7801\uff0c\u53ef\u4ee5\u76f4\u63a5\u5e94\u7528\uff0c\u5f53\u7136\u6bd4\u8f83\u6838\u5fc3\u7684\u6b65\u9aa4\u4e5f\u540c\u6b65\u7ed9\u5230\u4e86\u5927\u5bb6\u3002\u5e0c\u671b\u8fd9\u6b21\u5927\u5bb6\u53ef\u4ee5\u64cd\u4f5c\u6210\u529f\u3002\u4e00\u5171\u5206\u4e09\u4e2a\u6b65\u9aa4\uff0c\u590d\u5236\u7c98\u8d34\uff0c\u7136\u540e\u67e5\u627e\u81ea\u5df1\u7684\u6bcf\u7bc7\u7684\u6587\u7ae0\u6837\u5f0f class\uff0c\u548c\u5305\u542b\u6587\u7ae0\u7684 class \u6837\u5f0f\u66ff\u6362\u5373\u53ef\u3002<\/p>\n<div class=\"ad ad-single\">\n<div class=\"img-info\">\n<p>&nbsp;<\/p>\n<div class=\"info\"><\/div>\n<\/div>\n<\/div>\n<p>1\u3001\u672c\u529f\u80fd\u4e3b\u8981\u5e94\u7528\u4e86 jQuery \u63d2\u4ef6 jquery.infinitescroll.js\uff0c\u901a\u8fc7\u5927\u6316\u7ed9\u5927\u5bb6\u63d0\u4f9b\u4e86 CDN \u7684\u94fe\u63a5\uff0c\u65b9\u4fbf\u76f4\u63a5\u5e94\u7528\u5230 HEAD \u5185\u5373\u53ef\uff1a<\/p>\n<div class=\"wp-geshi-highlight-wrap5\">\n<div class=\"wp-geshi-highlight-wrap4\">\n<div class=\"wp-geshi-highlight-wrap3\">\n<div class=\"wp-geshi-highlight-wrap2\">\n<div class=\"wp-geshi-highlight-wrap\">\n<div class=\"wp-geshi-highlight\">\n<div class=\"php\">\n<ol>\n<li class=\"li1\">\n<pre class=\"de1\"><span class=\"sy0\">&lt;<\/span>script src<span class=\"sy0\">=<\/span><span class=\"st0\">\"https:\/\/cdn.bootcss.com\/jquery-infinitescroll\/2.0b2.120520\/\r\njquery.infinitescroll.min.js\"<\/span><span class=\"sy0\">&gt;<\/span><span class=\"kw2\">&lt;\/script&gt;<\/span><\/pre>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>2\u3001\u66ff\u6362\u5206\u9875\u4ee3\u7801\uff1a\u5c06\u4ee5\u4e0b\u5206\u9875\u7684\u4ee3\u7801\u66ff\u6362\u5230\u5f53\u524d\u5206\u9875\u4f4d\u7f6e\u4e0a\uff1a<\/p>\n<div class=\"wp-geshi-highlight-wrap5\">\n<div class=\"wp-geshi-highlight-wrap4\">\n<div class=\"wp-geshi-highlight-wrap3\">\n<div class=\"wp-geshi-highlight-wrap2\">\n<div class=\"wp-geshi-highlight-wrap\">\n<div class=\"wp-geshi-highlight\">\n<div class=\"php\">\n<ol>\n<li class=\"li1\">\n<pre class=\"de1\">&lt;div class=\"pagenavi\"&gt;<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">\t<span class=\"kw2\">&lt;?php<\/span> next_posts_link<span class=\"br0\">(<\/span><span class=\"st_h\">'\u4e0b\u4e00\u9875 \u00bb '<\/span><span class=\"br0\">)<\/span> <span class=\"sy1\">?&gt;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">\t<span class=\"kw2\">&lt;?php<\/span> previous_posts_link<span class=\"br0\">(<\/span><span class=\"st_h\">'\u00ab \u4e0a\u4e00\u9875'<\/span><span class=\"br0\">)<\/span> <span class=\"sy1\">?&gt;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">&lt;\/div&gt;<\/pre>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>3\u3001\u5728\u5f53\u524d\u4e3b\u9898\u7684 functions.php \u6587\u4ef6\u4e2d\uff0c\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801\uff1a<\/p>\n<p>\u4ee3\u7801\u4e2d\u95f4\u5305\u542b\u4e86\u4e00\u4e2a gif \u56fe\u50cf\u7ffb\u9875\u6548\u679c\u7684\u52a8\u6001\u56fe\uff0c\u5927\u5bb6\u53ef\u4ee5\u8981\u7684\u81ea\u5df1\u7684\u559c\u6b22\uff0c\u81ea\u884c\u5236\u4f5c\u6216\u662f\u6ce8\u91ca\u6389\uff0c\u8fd9\u91cc\u5927\u6316\u4e0d\u518d\u63d0\u4f9b GIF \u56fe\u7247\uff1a<\/p>\n<div class=\"wp-geshi-highlight-wrap5\">\n<div class=\"wp-geshi-highlight-wrap4\">\n<div class=\"wp-geshi-highlight-wrap3\">\n<div class=\"wp-geshi-highlight-wrap2\">\n<div class=\"wp-geshi-highlight-wrap\">\n<div class=\"wp-geshi-highlight\">\n<div class=\"php\">\n<ol>\n<li class=\"li1\">\n<pre class=\"de1\">\/*<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">\u52a0\u8f7dinfinite scroll\u63d2\u4ef6\u811a\u672c<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">*\/<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">function infinitescroll_js() {<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    wp_register_script('infinite_scroll', get_stylesheet_directory_uri() . \r\n'\/js\/jquery.infinitescroll.min.js', array('jquery'), null, true);<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    if (!is_singular()) {<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">        wp_enqueue_script('infinite_scroll');<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    }<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">}<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">add_action('wp_enqueue_scripts', 'infinitescroll_js');<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">\/*<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">\u521d\u59cb\u5316infinite scroll\u63d2\u4ef6\u914d\u7f6e\u53c2\u6570<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">*\/<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">function infinite_scroll_js() {<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    if (!is_singular() ) {<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">        ?&gt;<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">        &lt;script type=\"text\/javascript\"&gt;<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">        jQuery(document).ready(function(){<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">            var infinite_scroll = {<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">                loading: {<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">                    img: \"<span class=\"kw2\">&lt;?php<\/span> <span class=\"kw1\">echo<\/span> get_stylesheet_directory_uri<span class=\"br0\">(<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span> <span class=\"sy1\">?&gt;<\/span>\/images\/ajax-loader.gif\",<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">                    msgText: \"\u52a0\u8f7d\u4e2d...\",<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">                    finishedMsg: \"\u5df2\u52a0\u8f7d\u6240\u6709\u4ea7\u54c1...\"<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">                },<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">                nextSelector:\".pagenavi a\",<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">                navSelector:\".pagenavi\",<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">                itemSelector:\".post\",<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">                contentSelector:\".main\",<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">            };<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">            jQuery( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll );<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">        });<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">        &lt;\/script&gt;<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">        <span class=\"kw2\">&lt;?php<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\"><span class=\"br0\">}<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">add_action<span class=\"br0\">(<\/span><span class=\"st_h\">'wp_footer'<\/span><span class=\"sy0\">,<\/span> <span class=\"st_h\">'infinite_scroll_js'<\/span><span class=\"sy0\">,<\/span> <span class=\"nu0\">100<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>\u53c2\u6570\u8bf4\u660e\uff1a<\/p>\n<p>img: \u7b49\u5f85\u52a0\u8f7d\u65f6\u663e\u793a\u7684\u52a8\u6001\u56fe\u7247 URL \u8def\u5f84<\/p>\n<p>nextSelector: \u4e0b\u4e00\u9875\uff08Previous Post\uff09\u94fe\u63a5 CSS \u6837\u5f0f\u540d\u79f0 + a \u6807\u7b7e\uff08\u7c7b\u9009\u62e9\u5668\u6216 ID \u9009\u62e9\u5668\uff09<\/p>\n<p>navSelector: \u5305\u542b\u4e0a\u4e00\u9875\/\u4e0b\u4e00\u9875\u94fe\u63a5\u7684\u6837\u5f0f\u540d\u79f0\uff08\u7c7b\u9009\u62e9\u5668\u6216 ID \u9009\u62e9\u5668\uff09<\/p>\n<p>itemSelector: \u5305\u542b\u6bcf\u7bc7\u6587\u7ae0\u5185\u5bb9\u7684\u6837\u5f0f\u540d\u79f0\uff08\u7c7b\u9009\u62e9\u5668\u6216 ID \u9009\u62e9\u5668\uff09<\/p>\n<p>contentSelector: \u5305\u542b\u6240\u6709\u6587\u7ae0\u7684\u6837\u5f0f\u540d\u79f0\uff08\u7c7b\u9009\u62e9\u5668\u6216 ID \u9009\u62e9\u5668\uff09<\/p>\n<p>\u63d0\u9192\uff1a\u5982\u679c\u6309\u4e0a\u9762\u65b9\u6cd5\u6ca1\u6709\u751f\u6548\uff0c\u8bf7\u68c0\u67e5\u6837\u5f0f\u662f\u5426\u9009\u62e9\u9519\u3002<\/p>\n<p>4\u3001CSS \u6837\u5f0f\u4ee3\u7801\uff1a\uff08\u628a\u4e0b\u9762\u7684 CSS \u4ee3\u7801\u6dfb\u52a0\u5230\u5f53\u524d\u4e3b\u9898\u7684\u6837\u5f0f\u6587\u4ef6\u4e2d\uff0c\u4e00\u822c\u662f style.css\uff0c\u53ef\u6839\u636e\u81ea\u5df1\u7684\u559c\u6b22\u4fee\u6539\u5bf9\u5e94\u4ee3\u7801\uff09<\/p>\n<div class=\"wp-geshi-highlight-wrap5\">\n<div class=\"wp-geshi-highlight-wrap4\">\n<div class=\"wp-geshi-highlight-wrap3\">\n<div class=\"wp-geshi-highlight-wrap2\">\n<div class=\"wp-geshi-highlight-wrap\">\n<div class=\"wp-geshi-highlight\">\n<div class=\"css\">\n<ol>\n<li class=\"li1\">\n<pre class=\"de1\"><span class=\"re1\">.pagenavi<\/span><span class=\"sy0\">,<\/span><span class=\"re0\">#infscr-loading<\/span> <span class=\"br0\">{<\/span><span class=\"kw1\">text-align<\/span><span class=\"sy0\">:<\/span><span class=\"kw2\">center<\/span><span class=\"sy0\">;<\/span> <span class=\"kw1\">font-size<\/span><span class=\"sy0\">:<\/span><span class=\"re3\">0.75em<\/span><span class=\"sy0\">;<\/span><span class=\"br0\">}<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\"><span class=\"re1\">.pagenavi<\/span> a <span class=\"br0\">{<\/span><span class=\"kw1\">padding<\/span><span class=\"sy0\">:<\/span><span class=\"re3\">6px<\/span> <span class=\"re3\">12px<\/span><span class=\"sy0\">;<\/span> <span class=\"kw1\">background<\/span><span class=\"sy0\">:<\/span><span class=\"re0\">#F04848<\/span><span class=\"sy0\">;<\/span> <span class=\"kw1\">color<\/span><span class=\"sy0\">:<\/span><span class=\"re0\">#fff<\/span><span class=\"sy0\">;<\/span> <span class=\"kw1\">border<\/span><span class=\"sy0\">:<\/span><span class=\"re3\">1px<\/span> <span class=\"kw2\">solid<\/span> <span class=\"re0\">#dedede<\/span><span class=\"sy0\">;<\/span> \r\n<span class=\"kw1\">border-right<\/span><span class=\"sy0\">:<\/span><span class=\"kw2\">none<\/span><span class=\"sy0\">;<\/span> <span class=\"kw1\">overflow<\/span><span class=\"sy0\">:<\/span><span class=\"kw2\">hidden<\/span><span class=\"sy0\">;<\/span><span class=\"br0\">}<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\"><span class=\"re0\">#infscr-loading<\/span> img <span class=\"br0\">{<\/span><span class=\"kw1\">display<\/span><span class=\"sy0\">:<\/span><span class=\"kw2\">block<\/span><span class=\"sy0\">;<\/span> <span class=\"kw1\">margin<\/span><span class=\"sy0\">:<\/span><span class=\"nu0\">0<\/span> <span class=\"kw2\">auto<\/span><span class=\"sy0\">;<\/span> <span class=\"kw1\">text-align<\/span><span class=\"sy0\">:<\/span><span class=\"kw2\">center<\/span><span class=\"sy0\">;<\/span><span class=\"br0\">}<\/span><\/pre>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2>\u65b9\u6cd5\u4e8c\uff1a<\/h2>\n<p>\u4ee5\u4e0a\u90fd\u662f\u7528\u67d0\u4e2a js \u63d2\u4ef6\u6765\u5b9e\u73b0\u4e86\uff0c\u4e0b\u9762\u6559\u5927\u5bb6\u4e00\u4e2a\u4e0d\u7528\u63d2\u4ef6\u5b9e\u73b0\u7684\u65b9\u6cd5\uff0c\u9996\u5148\u5728 php \u91cc\u52a0\u4e0a\u76f8\u5173\u4ee3\u7801\uff1a<\/p>\n<div class=\"wp-geshi-highlight-wrap5\">\n<div class=\"wp-geshi-highlight-wrap4\">\n<div class=\"wp-geshi-highlight-wrap3\">\n<div class=\"wp-geshi-highlight-wrap2\">\n<div class=\"wp-geshi-highlight-wrap\">\n<div class=\"wp-geshi-highlight\">\n<div class=\"php\">\n<ol>\n<li class=\"li1\">\n<pre class=\"de1\">    &lt;div class=\"article-list mobantu\" id=\"article-list\"&gt;<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw2\">&lt;?php<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"re0\">$paged<\/span> <span class=\"sy0\">=<\/span> <span class=\"br0\">(<\/span>get_query_var<span class=\"br0\">(<\/span><span class=\"st_h\">'paged'<\/span><span class=\"br0\">)<\/span><span class=\"br0\">)<\/span> ? get_query_var<span class=\"br0\">(<\/span><span class=\"st_h\">'paged'<\/span><span class=\"br0\">)<\/span> <span class=\"sy0\">:<\/span> <span class=\"nu0\">1<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"re0\">$args<\/span> <span class=\"sy0\">=<\/span> <span class=\"kw3\">array<\/span><span class=\"br0\">(<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"st_h\">'caller_get_posts'<\/span> <span class=\"sy0\">=&gt;<\/span> <span class=\"nu0\">1<\/span><span class=\"sy0\">,<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"st_h\">'paged'<\/span> <span class=\"sy0\">=&gt;<\/span> <span class=\"re0\">$paged<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    query_posts<span class=\"br0\">(<\/span><span class=\"re0\">$args<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw1\">while<\/span> <span class=\"br0\">(<\/span> have_posts<span class=\"br0\">(<\/span><span class=\"br0\">)<\/span> <span class=\"br0\">)<\/span> <span class=\"sy0\">:<\/span> the_post<span class=\"br0\">(<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    get_template_part<span class=\"br0\">(<\/span> <span class=\"st_h\">'content'<\/span><span class=\"sy0\">,<\/span> get_post_format<span class=\"br0\">(<\/span><span class=\"br0\">)<\/span> <span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw1\">endwhile<\/span><span class=\"sy0\">;<\/span> wp_reset_query<span class=\"br0\">(<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"sy1\">?&gt;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    &lt;\/div&gt;<\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw2\">&lt;?php<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"re0\">$next_page<\/span> <span class=\"sy0\">=<\/span> get_next_posts_link<span class=\"br0\">(<\/span><span class=\"st_h\">'\u52a0\u8f7d\u66f4\u591a'<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw1\">if<\/span><span class=\"br0\">(<\/span><span class=\"re0\">$next_page<\/span><span class=\"br0\">)<\/span> <span class=\"kw1\">echo<\/span> <span class=\"st_h\">'&lt;div class=\"article-paging mobantu\"&gt;'<\/span><span class=\"sy0\">.<\/span><span class=\"re0\">$next_page<\/span><span class=\"sy0\">.<\/span><span class=\"st_h\">'&lt;\/div&gt;'<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"sy1\">?&gt;<\/span><\/pre>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>\u7136\u540e\uff0c\u5728 js \u91cc\u52a0\u4e0a\u76f8\u5173\u4ee3\u7801\uff08\u524d\u63d0\u9700\u8981\u52a0\u8f7d\u4e86 jquery\uff0c\u4e14\u7f51\u7ad9\u4f7f\u7528\u4e86\u4f2a\u9759\u6001\u5206\u9875\uff09\uff1a<\/p>\n<div class=\"wp-geshi-highlight-wrap5\">\n<div class=\"wp-geshi-highlight-wrap4\">\n<div class=\"wp-geshi-highlight-wrap3\">\n<div class=\"wp-geshi-highlight-wrap2\">\n<div class=\"wp-geshi-highlight-wrap\">\n<div class=\"wp-geshi-highlight\">\n<div class=\"javascript\">\n<ol>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"st0\">'.article-paging &gt; a'<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">on<\/span><span class=\"br0\">(<\/span><span class=\"st0\">'click'<\/span><span class=\"sy0\">,<\/span><span class=\"kw1\">function<\/span><span class=\"br0\">(<\/span><span class=\"br0\">)<\/span><span class=\"br0\">{<\/span> <span class=\"co1\">\/\/\u70b9\u51fb\u5b9e\u73b0\u52a0\u8f7d\u66f4\u591a\uff0c\u4f60\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u9700\u8981\u6539\u6210\u4e0b\u62c9\u81ea\u52a8\u52a0\u8f7d<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw1\">var<\/span> next_url <span class=\"sy0\">=<\/span> $<span class=\"br0\">(<\/span><span class=\"kw1\">this<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">attr<\/span><span class=\"br0\">(<\/span><span class=\"st0\">\"href\"<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw1\">var<\/span> next_text <span class=\"sy0\">=<\/span> $<span class=\"br0\">(<\/span><span class=\"kw1\">this<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">text<\/span><span class=\"br0\">(<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw1\">if<\/span><span class=\"br0\">(<\/span>next_text <span class=\"sy0\">==<\/span> <span class=\"st0\">'\u52a0\u8f7d\u66f4\u591a'<\/span><span class=\"br0\">)<\/span><span class=\"br0\">{<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"kw1\">this<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">text<\/span><span class=\"br0\">(<\/span><span class=\"st0\">'\u52a0\u8f7d\u4e2d...'<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $.<span class=\"me1\">ajax<\/span><span class=\"br0\">(<\/span><span class=\"br0\">{<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    type<span class=\"sy0\">:<\/span> <span class=\"st0\">'get'<\/span><span class=\"sy0\">,<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    url<span class=\"sy0\">:<\/span> next_url <span class=\"sy0\">+<\/span> <span class=\"st0\">'#article-list'<\/span><span class=\"sy0\">,<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    success<span class=\"sy0\">:<\/span> <span class=\"kw1\">function<\/span><span class=\"br0\">(<\/span>data<span class=\"br0\">)<\/span><span class=\"br0\">{<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    result <span class=\"sy0\">=<\/span> $<span class=\"br0\">(<\/span>data<span class=\"br0\">)<\/span>.<span class=\"me1\">find<\/span><span class=\"br0\">(<\/span><span class=\"st0\">\"#article-list .article-item\"<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    next_link <span class=\"sy0\">=<\/span> $<span class=\"br0\">(<\/span>data<span class=\"br0\">)<\/span>.<span class=\"me1\">find<\/span><span class=\"br0\">(<\/span><span class=\"st0\">\".article-paging &gt; a\"<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">attr<\/span><span class=\"br0\">(<\/span><span class=\"st0\">\"href\"<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"co1\">\/\/$(this).attr(\"href\", next_url);<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw1\">if<\/span> <span class=\"br0\">(<\/span>next_link <span class=\"sy0\">!=<\/span> <span class=\"kw2\">undefined<\/span><span class=\"br0\">)<\/span><span class=\"br0\">{<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"st0\">'.article-paging &gt; a'<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">attr<\/span><span class=\"br0\">(<\/span><span class=\"st0\">\"href\"<\/span><span class=\"sy0\">,<\/span> next_link<span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"st0\">'.article-paging &gt; a'<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">text<\/span><span class=\"br0\">(<\/span><span class=\"st0\">'\u52a0\u8f7d\u66f4\u591a'<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><span class=\"kw1\">else<\/span><span class=\"br0\">{<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"st0\">\".article-paging\"<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">remove<\/span><span class=\"br0\">(<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\"><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"kw1\">function<\/span><span class=\"br0\">(<\/span><span class=\"br0\">)<\/span><span class=\"br0\">{<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"st0\">\"#article-list\"<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">append<\/span><span class=\"br0\">(<\/span>result.<span class=\"me1\">fadeIn<\/span><span class=\"br0\">(<\/span><span class=\"nu0\">300<\/span><span class=\"br0\">)<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"st0\">'.thumb'<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">lazyload<\/span><span class=\"br0\">(<\/span><span class=\"br0\">{<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    data_attribute<span class=\"sy0\">:<\/span> <span class=\"st0\">'src'<\/span><span class=\"sy0\">,<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    placeholder<span class=\"sy0\">:<\/span> _BGJ.<span class=\"me1\">uri<\/span> <span class=\"sy0\">+<\/span> <span class=\"st0\">'\/static\/img\/thumbnail.png'<\/span><span class=\"sy0\">,<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    threshold<span class=\"sy0\">:<\/span> <span class=\"nu0\">400<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\"><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"kw1\">function<\/span><span class=\"br0\">(<\/span><span class=\"br0\">)<\/span> <span class=\"br0\">{<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw1\">if<\/span> <span class=\"br0\">(<\/span>next_url.<span class=\"me1\">indexOf<\/span><span class=\"br0\">(<\/span><span class=\"st0\">\"page\"<\/span><span class=\"br0\">)<\/span> <span class=\"sy0\">&lt;<\/span> <span class=\"nu0\">1<\/span><span class=\"br0\">)<\/span> <span class=\"br0\">{<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"st0\">\"#article-list\"<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">html<\/span><span class=\"br0\">(<\/span><span class=\"st0\">''<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    $<span class=\"br0\">(<\/span><span class=\"st0\">\"#article-list\"<\/span><span class=\"br0\">)<\/span>.<span class=\"me1\">append<\/span><span class=\"br0\">(<\/span>result.<span class=\"me1\">fadeIn<\/span><span class=\"br0\">(<\/span><span class=\"nu0\">200<\/span><span class=\"br0\">)<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"kw1\">return<\/span> <span class=\"kw2\">false<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<li class=\"li1\">\n<pre class=\"de1\">    <span class=\"br0\">}<\/span><span class=\"br0\">)<\/span><span class=\"sy0\">;<\/span><\/pre>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6700\u8fd1\u7ed9\u67d0\u4e2a\u5ba2\u6237\u5b9a\u5236\u4e3b\u9898\u65f6\u9700\u8981\u5b9e\u73b0\u65e0\u9650\u4e0b\u62c9\u52a0\u8f7d\u529f\u80fd\uff0c\u60f3\u901a\u8fc7\u51e0\u884c\u4ee3\u7801\u628a\u81ea\u5df1\u7684\u00a0wordpress\u00a0\u4e3b\u9898\u4fee\u6539\u6210\u6587\u7ae0\u81ea [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-884","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts\/884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=884"}],"version-history":[{"count":3,"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts\/884\/revisions"}],"predecessor-version":[{"id":1909,"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts\/884\/revisions\/1909"}],"wp:attachment":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}