![\"\u5982\u4f55\u5728](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2021\/10\/show-a-page-list-with-thumbnails-in-WordPress-og.png\" "\\"\u5982\u4f55\u5728")
<\/figure>\n\n\n\n\u4e3a\u4ec0\u4e48\u5728 WordPress \u4e2d\u663e\u793a\u5e26\u6709\u7f29\u7565\u56fe\u7684\u9875\u9762\u5217\u8868\uff1f<\/h4>\n\n\n\n
WordPress \u6709\u4e24\u79cd\u4e0d\u540c\u7684\u5e16\u5b50\u7c7b\u578b\uff0c\u79f0\u4e3a\u5e16\u5b50\u548c\u9875\u9762<\/a>\u3002<\/p>\n\n\n\n \u9875\u9762\u7528\u4e8e\u66f4\u5e38\u9752\u7684\u5185\u5bb9\uff0c\u4f8b\u5982\u201c\u5173\u4e8e\u6211\u4eec\u201d\u3001\u201c\u8054\u7cfb\u6211\u4eec\u201d\u548c\u201c\u670d\u52a1\u201d\u9875\u9762\uff0c\u800c\u5e16\u5b50\u7528\u4e8e\u66f4\u65b0\u66f4\u9891\u7e41\u7684\u535a\u5ba2\u5185\u5bb9\u3002<\/p>\n\n\n\n \u60a8\u6700\u91cd\u8981\u7684\u9875\u9762<\/a>\u901a\u5e38\u4ece\u4e3b\u5bfc\u822a\u83dc\u5355\u94fe\u63a5\u5230\uff0c\u4f46\u60a8\u53ef\u80fd\u6709\u66f4\u591a\u60f3\u8981\u663e\u793a\u7684\u9875\u9762\u3002<\/p>\n\n\n\n \u901a\u8fc7\u6dfb\u52a0\u5e26\u6709\u7f29\u7565\u56fe\u7684\u9875\u9762\u5217\u8868\uff0c\u60a8\u53ef\u4ee5\u4f7f\u94fe\u63a5\u6bd4\u6807\u51c6\u6587\u672c\u94fe\u63a5\u66f4\u5177\u5438\u5f15\u529b\uff0c\u5e76\u4f7f\u8bbf\u95ee\u8005\u66f4\u597d\u5730\u4e86\u89e3WordPress \u7f51\u7ad9<\/a>\u4e0a\u6bcf\u4e2a\u9875\u9762\u7684\u5185\u5bb9\u3002<\/p>\n\n\n\n \u5f53\u8bbf\u95ee\u8005\u53c2\u4e0e\u5e76\u611f\u5174\u8da3\u65f6\uff0c\u4ed6\u4eec\u53ef\u80fd\u4f1a\u8bbf\u95ee\u66f4\u591a\u9875\u9762\u5e76\u5728\u60a8\u7684\u7f51\u7ad9\u4e0a\u505c\u7559\u66f4\u957f\u65f6\u95f4\uff0c\u8fd9\u4f7f\u5f97\u4ed6\u4eec\u66f4\u6709\u53ef\u80fd\u8fdb\u884c\u8d2d\u4e70\u6216\u52a0\u5165\u60a8\u7684\u7535\u5b50\u90ae\u4ef6\u5217\u8868<\/a>\u3002<\/p>\n\n\n\n \u8bdd\u867d\u8fd9\u4e48\u8bf4\uff0c\u8ba9\u6211\u4eec\u770b\u4e00\u4e0b\u5728\u7f51\u7ad9\u4e0a\u663e\u793a\u5e26\u6709\u7f29\u7565\u56fe\u7684\u9875\u9762\u5217\u8868\u7684\u51e0\u79cd\u4e0d\u540c\u65b9\u6cd5\u3002\u53ea\u9700\u4f7f\u7528\u4e0b\u9762\u7684\u5feb\u901f\u94fe\u63a5\u5373\u53ef\u76f4\u63a5\u8df3\u81f3\u60a8\u8981\u4f7f\u7528\u7684\u65b9\u6cd5\uff1a<\/p>\n\n\n\n \u663e\u793a\u5e26\u6709\u7f29\u7565\u56fe\u7684\u9875\u9762\u5217\u8868\u7684\u4e00\u79cd\u65b9\u6cd5\u662f\u5c06\u4ee3\u7801\u6dfb\u52a0\u5230 WordPress \u6587\u4ef6\u4e2d\u3002<\/p>\n\n\n\n \u8fd9\u79cd\u65b9\u6cd5\u66f4\u5148\u8fdb\uff0c\u4f46\u4f18\u70b9\u662f\u60a8\u5c06\u80fd\u591f\u4f7f\u7528\u53ef\u81ea\u5b9a\u4e49\u7684\u77ed\u4ee3\u7801<\/a>\u3002\u6bcf\u5f53\u60a8\u53d1\u5e03\u65b0\u9875\u9762\u65f6\uff0c\u65e0\u9700\u624b\u52a8\u66f4\u65b0\u5217\u8868\uff0c\u77ed\u4ee3\u7801\u5c06\u81ea\u52a8\u4e3a\u60a8\u751f\u6210\u66f4\u65b0\u7684\u9875\u9762\u5217\u8868\u3002<\/p>\n\n\n\n \u5982\u679c\u60a8\u4e4b\u524d\u6ca1\u6709\u5411 WordPress \u7f51\u7ad9\u6dfb\u52a0\u8fc7\u4ee3\u7801\uff0c\u90a3\u4e48\u60a8\u53ef\u4ee5\u53c2\u9605\u6211\u4eec\u7684\u521d\u5b66\u8005\u6307\u5357\uff0c\u5c06\u7f51\u9875\u4e0a\u7684\u4ee3\u7801\u7247\u6bb5\u7c98\u8d34\u5230 WordPress \u4e2d<\/a>\u3002<\/p>\n\n\n\n \u7136\u540e\uff0c\u60a8\u9700\u8981\u5c06\u4ee5\u4e0b\u4ee3\u7801\u6dfb\u52a0\u5230\u60a8\u7684functions.php<\/a>\u6587\u4ef6\u4e2d\uff0c\u5728\u7279\u5b9a\u4e8e\u7ad9\u70b9\u7684\u63d2\u4ef6<\/a>\u4e2d\uff0c\u6216\u8005\u4f7f\u7528\u50cfWPCode\u8fd9\u6837\u7684<\/a>\u4ee3\u7801\u7247\u6bb5\u63d2\u4ef6<\/a>\uff08\u63a8\u8350\uff09\u3002<\/a><\/p>\n\n\n\n \u7531<\/p>\n\n\n\n WPCode\u4e0e \u2764\ufe0f \u4e3b\u529e<\/a><\/strong><\/p>\n\n\n\n\n
\u65b9\u6cd5 1. \u901a\u8fc7\u5411 WordPress \u6dfb\u52a0\u4ee3\u7801\u6765\u663e\u793a\u5e26\u6709\u7f29\u7565\u56fe\u7684\u9875\u9762\u5217\u8868<\/h4>\n\n\n\n
1234567891011121314151617 \u53f71819202122232425262728293031323334353637383940414243<\/td> add_shortcode(<\/code>'pagelist'<\/code>, <\/code>function<\/code>(<\/code>$args<\/code>) {<\/code> <\/code>$args<\/code>= wp_parse_args(<\/code>$args<\/code>, [<\/code> <\/code>'type'<\/code>=> <\/code>'page'<\/code>,<\/code> <\/code>'limit'<\/code>=> 10,<\/code> <\/code>]);<\/code> <\/code>$out<\/code>= [];<\/code> <\/code>$ids<\/code>= [];<\/code> <\/code>\/\/ Check if we have a predefined list od IDs<\/code> <\/code>if<\/code>( ! <\/code>empty<\/code>(<\/code>$args<\/code>[<\/code>'id'<\/code>])) {<\/code> <\/code>$ids<\/code>= <\/code>array_filter<\/code>(<\/code>explode<\/code>(<\/code>','<\/code>, <\/code>$args<\/code>[<\/code>'id'<\/code>]), <\/code>function<\/code>(<\/code>$id<\/code>) {<\/code> <\/code>return<\/code>! <\/code>empty<\/code>(<\/code>$id<\/code>);<\/code> <\/code>});<\/code> <\/code>$ids<\/code>= <\/code>array_map<\/code>(<\/code>'intval'<\/code>, <\/code>$ids<\/code>);<\/code> <\/code>}<\/code> <\/code>\/\/ If we don't have a predefined list od IDs, get the latest posts based on 'limit' parameter<\/code> <\/code>if<\/code>(<\/code>empty<\/code>(<\/code>$ids<\/code>)) {<\/code> <\/code>$queryArgs<\/code>= [<\/code> <\/code>'post_type'<\/code>=> isset(<\/code>$args<\/code>[<\/code>'type'<\/code>]) && post_type_exists(<\/code>$args<\/code>[<\/code>'type'<\/code>]) ? <\/code>$args<\/code>[<\/code>'type'<\/code>] : <\/code>'page'<\/code>,<\/code> <\/code>'posts_per_page'<\/code>=> ! <\/code>empty<\/code>(<\/code>$args<\/code>[<\/code>'limit'<\/code>]) && <\/code>is_numeric<\/code>(<\/code>$args<\/code>[<\/code>'limit'<\/code>]) ? <\/code>intval<\/code>(<\/code>$args<\/code>[<\/code>'limit'<\/code>]) : 10,<\/code> <\/code>'ignore_sticky_posts'<\/code>=> true,<\/code> <\/code>'fields'<\/code>=> <\/code>'ids'<\/code>,<\/code> <\/code>'cache_results'<\/code>=> false,<\/code> <\/code>'update_post_meta_cache'<\/code>=> false,<\/code> <\/code>'update_post_term_cache'<\/code>=> false,<\/code> <\/code>];<\/code> <\/code>$ids<\/code>= get_posts(<\/code>$queryArgs<\/code>);<\/code> <\/code>wp_reset_postdata();<\/code> <\/code>}<\/code> <\/code>foreach<\/code>(<\/code>$ids<\/code>as<\/code>$id<\/code>) {<\/code> <\/code>$img<\/code>= has_post_thumbnail(<\/code>$id<\/code>)<\/code> <\/code>? get_the_post_thumbnail(<\/code>$id<\/code>, [60, 60])<\/code> <\/code>: <\/code>'<span class=\"wpb-post-list__no-image\"><\/span>'<\/code>;<\/code> <\/code>$excerpt<\/code>= has_excerpt(<\/code>$id<\/code>) ? wpautop(get_the_excerpt(<\/code>$id<\/code>)) : <\/code>''<\/code>;<\/code> <\/code>$out<\/code>[] = <\/code>\"<a href='\"<\/code>. get_the_permalink(<\/code>$id<\/code>) . \"' <\/code>class<\/code>=<\/code>'wpb-page-list__item'<\/code>><\/code> <\/code><div>{<\/code>$img<\/code>}<\/div><\/code> <\/code><div><\/code> <\/code><div><h4><\/code>\" . get_the_title($id) . \"<\/code><\/h4><\/div><\/code> <\/code>{<\/code>$excerpt<\/code>}<\/code> <\/code><\/div><\/code> <\/code><\/a>\";<\/code> <\/code>}<\/code> <\/code>return<\/code>\"<div class='wpb-page-list'>\"<\/code>. implode(<\/code>''<\/code>, <\/code>$out<\/code>) . <\/code>\"<\/div>\"<\/code>;<\/code>});<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n