{"id":1329,"date":"2025-10-16T23:14:57","date_gmt":"2025-10-16T15:14:57","guid":{"rendered":"https:\/\/www.myclass-lin.org\/wordpress\/?p=1329"},"modified":"2025-10-16T23:14:57","modified_gmt":"2025-10-16T15:14:57","slug":"wordpress-%e6%95%99%e5%ad%b8%ef%bc%9a%e6%96%87%e7%ab%a0%e5%88%86%e9%a1%9e%e5%88%97%e8%a1%a8%e8%a8%ad%e8%a8%88","status":"publish","type":"post","link":"https:\/\/www.myclass-lin.org\/wordpress\/archives\/1329","title":{"rendered":"WordPress \u6559\u5b78\uff1a\u6587\u7ae0\u5206\u985e\u5217\u8868\u8a2d\u8a08"},"content":{"rendered":"

\u6458\u8981\uff1a<\/strong>\u9019\u7bc7\u6559\u5b78\u8aaa\u660e\u5982\u4f55\u5728 WordPress \u4e2d\u5efa\u7acb\u4e00\u500b\u53ef\u4f9d\u5206\u985e\u5207\u63db\u7684\u6587\u7ae0\u6e05\u55ae\u9801\uff0c\u4e26\u52a0\u5165\u96d9\u884c\u5206\u9801\u529f\u80fd\u3002\u7121\u9700\u5916\u639b\u5373\u53ef\u5be6\u73fe\uff0c\u652f\u63f4\u6240\u6709\u4e3b\u984c\uff0c\u5177\u5099\u9ad8\u5b89\u5168\u6027\u8207\u826f\u597d\u76f8\u5bb9\u6027\uff0c\u9069\u5408\u524d\u7aef\u5c55\u793a\u591a\u5206\u985e\u5167\u5bb9\u7684\u7db2\u7ad9\u3002<\/p>\n

<\/p>\n

\n

\ud83d\udca1 WordPress \u6559\u5b78\uff1a\u53ef\u5207\u63db\u5206\u985e\u7684\u6587\u7ae0\u6e05\u55ae\u9801\uff08\u96d9\u884c\u5206\u9801\uff0b\u4e0b\u62c9\u5206\u985e\uff09<\/h1>\n

\u9019\u7bc7\u6559\u5b78\u793a\u7bc4\u5982\u4f55\u5efa\u7acb\u4e00\u500b \u53ef\u4f9d\u5206\u985e\u5207\u63db\u7684\u6587\u7ae0\u5217\u8868\u9801\u9762<\/strong>\uff0c\u4e26\u5728\u4e0b\u65b9\u986f\u793a\u300c\u5169\u884c\u5206\u9801\u300d\u6309\u9215\u3002
\n\u672c\u7bc4\u4f8b\u9069\u7528\u65bc\u4efb\u4f55\u50b3\u7d71 WordPress \u4e3b\u984c\uff08\u5efa\u8b70\u653e\u5728\u5b50\u4e3b\u984c\uff09\uff0c\u4e0d\u9700\u8981\u5916\u639b\u5373\u53ef\u4f7f\u7528\u3002<\/p>\n

\n

\ud83e\udde9 \u529f\u80fd\u7279\u8272<\/h2>\n
    \n
  • \u652f\u63f4\u4e0b\u62c9\u9078\u64c7\u5206\u985e\uff08slug \/ ID \u7686\u53ef\uff09<\/li>\n
  • \u652f\u63f4\u7236\u5206\u985e\u81ea\u52d5\u5305\u542b\u5b50\u5206\u985e<\/li>\n
  • \u6bcf\u9801\u53ef\u81ea\u8a02\u7b46\u6578<\/li>\n
  • \u5206\u9801\u63a1\u300c\u5169\u884c\u6a23\u5f0f\u300d\uff1a\u7b2c 1 \u884c\uff1a\u4e0a\u4e00\u9801\u3001\u9801\u78bc\u3001\u4e0b\u4e00\u9801\uff1b\u7b2c 2 \u884c\uff1a\u7b2c\u4e00\u9801\u3001\u524d 10 \u9801\u3001\u5f8c 10 \u9801\u3001\u6700\u5f8c\u4e00\u9801<\/li>\n
  • \u652f\u63f4\u6240\u6709\u4e3b\u984c\uff08Classic \/ Block\uff09<\/li>\n
  • \u7121\u9700\u5916\u639b\uff0c\u5b89\u5168\u3001\u7121\u500b\u8cc7\u98a8\u96aa<\/li>\n<\/ul>\n
    \n

    \ud83d\udcc2 \u6a94\u6848\u540d\u7a31<\/h2>\n

    page-article-list.php<\/code>
    \n\u653e\u5728\u76ee\u524d\u4e3b\u984c\u6216\u5b50\u4e3b\u984c\u7684\u6839\u76ee\u9304\uff08\u8207 page.php<\/code> \u540c\u5c64\uff09\u3002<\/p>\n

    \n

    \ud83e\uddf1 \u7a0b\u5f0f\u78bc\u5b8c\u6574\u7bc4\u4f8b<\/h2>\n

    \ud83d\udc49 \u9ede\u64ca\u4e0b\u65b9\u53ef\u5c55\u958b\u5b8c\u6574\u7a0b\u5f0f\u78bc\uff0c\u63a1\u7528 Prism Smart Lite<\/strong> \u9ad8\u4eae\u986f\u793a\uff1a<\/p>\n

    <?php\r\n\/* \r\nTemplate Name: \u6587\u7ae0\u6e05\u55ae\uff08\u6a19\u984c\uff0b\u65e5\u671f\u6642\u9593\uff0b\u5206\u985e\u4e0b\u62c9\uff0b\u5169\u884c\u5206\u9801\uff09\r\nDescription: \u53ef\u5207\u63db\u5206\u985e\u7684\u6587\u7ae0\u5217\u8868\uff08\u6bcf\u9801 20 \u7b46\uff1b\u7b2c1\u884c\uff1a\u4e0a\u4e00\u9801\/\u9801\u78bc\/\u4e0b\u4e00\u9801\uff0c\u7b2c2\u884c\uff1a\u7b2c\u4e00\u9801\/\u524d10\/\u5f8c10\/\u6700\u5f8c\u4e00\u9801\uff1b\u5206\u9801\u70ba\u81ea\u7136\u5bec\u5ea6\u81a0\u56ca\u4e14\u6709\u9593\u8ddd\uff09\r\n*\/\r\n\r\nget_header();\r\n\r\n\/* ---------------------- \u53ef\u8abf\u6574\u5340 ---------------------- *\/\r\n\/\/ \u2605 \u6539\u6bcf\u9801\u7b46\u6578\r\n$posts_per_page_default = 20;            \/\/ \u2190 \u60f3\u8981 30\u300150 \u76f4\u63a5\u6539\u9019\u88e1\r\n\/\/ \u2605 \u6539\u65e5\u671f\u683c\u5f0f\r\n$date_format            = 'Y-m-d H:i';   \/\/ \u4f8b\uff1a'Y\/m\/d H:i'\r\n\/\/ \u2605 \u6539\u6574\u9ad4\u5b57\u578b\u5927\u5c0f\uff08px \u6216 rem\uff09\r\n$font_size              = '16px';\r\n\/\/ \u2605 \u524d\/\u5f8c\u8df3\u9801\u6b65\u9577\uff08\u524d10\uff0f\u5f8c10\uff09\r\n$jump_step              = 10;\r\n\/* ------------------------------------------------------ *\/\r\n\r\n\/\/ \u76ee\u524d\u5206\u9801\uff08\u652f\u63f4 pretty \u8207 query \u53c3\u6578\uff09\r\n$paged = max(1, get_query_var('paged') ?: get_query_var('page') ?: 1);\r\n\r\n\/* ---------------------- \u5206\u985e\u53c3\u6578\u89e3\u6790\uff08slug \/ id \u7686\u53ef\uff09 ---------------------- *\/\r\n\/**\r\n * \u76f8\u5bb9\u7b56\u7565\uff1a\r\n * 1. \u4e3b\u8981\u53c3\u6578\u4ecd\u662f ?category=\uff08\u53ef\u653e slug \u6216 id\uff09\r\n * 2. \u82e5\u7121\uff0c\u56de\u9000\u63a5\u53d7 ?cat=ID\uff08WP \u5e38\u898b\u820a\u9023\u7d50\uff09\r\n * 3. \u518d\u56de\u9000 ?category_name=slug\r\n * 4. \u82e5\u6536\u5230\u820a\u7684 ID\uff08\u4f8b\u5982\u628a 1 \u7576\u672a\u5206\u985e\uff09\uff0c\u4e14\u8a72 term \u4e0d\u5b58\u5728\uff0c\u56de\u9000\u76ee\u524d\u5be6\u969b\u7684\u672a\u5206\u985e ID\r\n *\/\r\n$default_cat_id = (int) get_option('default_category'); \/\/ \u76ee\u524d\u771f\u6b63\u7684\u300c\u672a\u5206\u985e\u300dID\r\n\r\n$selected_raw = '';\r\nif (isset($_GET['category']) && $_GET['category'] !== '') {\r\n  $selected_raw = wp_unslash($_GET['category']);\r\n} elseif (isset($_GET['cat']) && $_GET['cat'] !== '') {           \/\/ \u820a\u9023\u7d50\u76f8\u5bb9\r\n  $selected_raw = wp_unslash($_GET['cat']);\r\n} elseif (isset($_GET['category_name']) && $_GET['category_name'] !== '') { \/\/ \u66f4\u820a\u7fd2\u6163\r\n  $selected_raw = wp_unslash($_GET['category_name']);\r\n}\r\n\r\n$selected_cat  = sanitize_text_field($selected_raw); \/\/ \u539f\u6a23\u4fdd\u7559\u5230\u7db2\u5740\uff08slug \u6216 id\uff09\r\n$selected_term = null;\r\n\r\nif ($selected_cat !== '' && $selected_cat !== 'all') {\r\n  if (ctype_digit($selected_cat)) {\r\n    \/\/ \u53c3\u6578\u662f\u6578\u5b57 \u2192 \u4ee5 ID \u67e5\uff1b\u82e5\u820a ID \u5df2\u5931\u6548\uff0c\u56de\u9000\u76ee\u524d\u7684\u672a\u5206\u985e ID\r\n    $maybe_id = (int) $selected_cat;\r\n    $selected_term = get_term($maybe_id, 'category');\r\n    if (!$selected_term || is_wp_error($selected_term)) {\r\n      \/\/ \u820a ID \u5931\u6548\uff0c\u4e14\u5e38\u898b\u7684\u662f\u628a 1 \u7576\u4f5c\u672a\u5206\u985e \u2192 \u6539\u6293\u73fe\u5728\u7684\u672a\u5206\u985e\r\n      $selected_term = get_term($default_cat_id, 'category');\r\n    }\r\n  } else {\r\n    \/\/ \u53c3\u6578\u662f\u5b57\u4e32 \u2192 \u5148\u7576 slug\uff0c\u518d\u5617\u8a66\u540d\u7a31\uff08\u4e2d\u6587\u7ad9\u6709\u6642\u540d\u7a31\u8207 slug \u6df7\u7528\uff09\r\n    $selected_term = get_term_by('slug', $selected_cat, 'category');\r\n    if (!$selected_term) {\r\n      $selected_term = get_term_by('name', $selected_cat, 'category');\r\n    }\r\n  }\r\n}\r\n\r\n\/* ---------------------- \u4e3b\u67e5\u8a62\u53c3\u6578 ---------------------- *\/\r\n$query_args = [\r\n  'post_type'      => 'post',\r\n  'post_status'    => 'publish',\r\n  'orderby'        => 'date',\r\n  'order'          => 'DESC',\r\n  'posts_per_page' => $posts_per_page_default,\r\n  'paged'          => $paged,\r\n  'no_found_rows'  => false, \/\/ \u9700\u8981\u5206\u9801\r\n];\r\n\r\nif ($selected_term && !is_wp_error($selected_term)) {\r\n  \/\/ \u66f4\u7a69\u5b9a\u7684 taxonomy \u67e5\u8a62\uff08\u542b\u5b50\u5206\u985e\uff09\r\n  $query_args['tax_query'] = [[\r\n    'taxonomy'         => 'category',\r\n    'field'            => 'term_id',\r\n    'terms'            => (int)$selected_term->term_id,\r\n    'include_children' => true,\r\n    'operator'         => 'IN',\r\n  ]];\r\n}\r\n\r\n$q = new WP_Query($query_args);\r\n\r\n\/* ---------------------- \u4e0b\u62c9\u9078\u55ae\u8cc7\u6599 ---------------------- *\/\r\n$categories = get_terms([\r\n  'taxonomy'   => 'category',\r\n  'hide_empty' => true,\r\n  'orderby'    => 'name',\r\n  'order'      => 'ASC',\r\n]);\r\n\r\n\/* ---------------------- \u5206\u9801\u9023\u7d50\u5de5\u5177\uff08\u4fdd\u7559\u53c3\u6578\uff09 ---------------------- *\/\r\nfunction wpz_build_page_link($page, $extra_query = []) {\r\n  $url = get_pagenum_link(max(1, (int)$page));\r\n  if (!empty($extra_query)) $url = add_query_arg($extra_query, $url);\r\n  return esc_url($url);\r\n}\r\n$persist_args = [];\r\nif ($selected_cat !== '' && $selected_cat !== 'all') {\r\n  $persist_args['category'] = $selected_cat; \/\/ \u4fdd\u7559 slug \u6216 id\uff08\u76f8\u5bb9\u5916\u90e8\u9023\u7d50\uff09\r\n}\r\n?>\r\n\r\n<style>\r\n  \/* === \u7248\u9762\u8207\u5b57\u9ad4\uff08\u6574\u9ad4\uff09 === *\/\r\n  .wpz-article-wrap { font-size: <?= esc_attr($font_size); ?>; }\r\n  .wpz-article-wrap .page-header { margin-bottom: .5rem; }\r\n  .wpz-article-wrap .page-title { margin: 0 0 .25rem; }\r\n\r\n  \/* === \u4e0b\u62c9\u7be9\u9078 === *\/\r\n  .wpz-article-wrap .article-filter { margin: .5rem 0 1rem; }\r\n\r\n  \/* === \u6587\u7ae0\u6e05\u55ae === *\/\r\n  .wpz-article-wrap .simple-article-list { margin: .5rem 0 1rem; padding: 0; }\r\n  .wpz-article-wrap .simple-article-list li { list-style: none; margin: .25rem 0; }\r\n  .wpz-article-wrap .simple-article-list .date { display: inline-block; min-width: 10.5em; opacity: .8; }\r\n  .wpz-article-wrap .simple-article-list a { text-decoration: none; }\r\n  .wpz-article-wrap .simple-article-list a:hover { text-decoration: underline; }\r\n\r\n  \/* === \u5206\u9801\uff08\u5169\u884c\uff09\uff1a\u81ea\u7136\u5bec\u5ea6\u7684\u81a0\u56ca\u6309\u9215\uff0c\u5f7c\u6b64\u5206\u958b === *\/\r\n  .wpz-article-wrap .article-pagination { margin: 1rem 0; }\r\n\r\n  \/* \u6bcf\u4e00\u884c\u7528 flex\uff0c\u9805\u76ee\u4e0d\u6490\u6eff\u3001\u4e0d\u7b49\u5206\uff0c\u4fdd\u6301\u5f7c\u6b64\u9593\u8ddd *\/\r\n  .wpz-article-wrap .pagination-row{\r\n    display: flex;\r\n    flex-wrap: wrap;                 \r\n    justify-content: center;         \r\n    gap: .6rem;                      \r\n    list-style: none;\r\n    padding: 0;\r\n    margin: .6rem 0;\r\n  }\r\n\r\n  .wpz-article-wrap .pagination-row--main{ gap: .6rem; }\r\n  .wpz-article-wrap .pagination-row--aux { gap: .8rem; }\r\n\r\n  .wpz-article-wrap .pagination-row li{\r\n    flex: 0 0 auto;                  \r\n  }\r\n\r\n  .wpz-article-wrap .pagination-row li a,\r\n  .wpz-article-wrap .pagination-row li span{\r\n    display: inline-block;\r\n    min-width: 2.6rem;               \r\n    padding: .48rem .7rem;\r\n    text-align: center;\r\n    border: 1px solid #d0d7de;\r\n    border-radius: .6rem;\r\n    text-decoration: none;\r\n    color: #1f2328;\r\n    background: #fff;\r\n    line-height: 1;\r\n    width: auto;                     \r\n  }\r\n\r\n  .wpz-article-wrap .pagination-row li a:hover{ background:#f3f4f6; }\r\n  .wpz-article-wrap .pagination-row li .current,\r\n  .wpz-article-wrap .pagination-row li span.current{\r\n    background:#0073aa; border-color:#0073aa; color:#fff;\r\n  }\r\n  .wpz-article-wrap .pagination-row li.disabled a{\r\n    pointer-events:none; opacity:.45;\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    .wpz-article-wrap .pagination-row{ gap:.45rem; }\r\n    .wpz-article-wrap .pagination-row li a,\r\n    .wpz-article-wrap .pagination-row li span{ min-width: 2.3rem; padding:.44rem .6rem; }\r\n  }\r\n<\/style>\r\n\r\n<main class=\"site-main container wpz-article-wrap\">\r\n  <header class=\"page-header\">\r\n    <h1 class=\"page-title\"><?php echo esc_html(get_the_title()); ?><\/h1>\r\n\r\n    <!-- \u5206\u985e\u4e0b\u62c9\uff08GET \u63d0\u4ea4\u4fdd\u7559\u5728\u540c\u4e00\u9801\uff09 -->\r\n    <form method=\"get\" class=\"article-filter\">\r\n      <label for=\"category\" style=\"margin-right:.5rem;\">\u5206\u985e\uff1a<\/label>\r\n      <select id=\"category\" name=\"category\" onchange=\"this.form.submit()\">\r\n        <option value=\"all\"<?php selected($selected_cat, 'all'); ?>>\u5168\u90e8<\/option>\r\n        <?php foreach ($categories as $cat): ?>\r\n          <?php\r\n            \/\/ \u9810\u8a2d value \u7528 slug\uff08\u76f8\u5bb9\u65e2\u6709\u7db2\u5740\uff09\uff1b\u5982\u60f3\u6700\u7a69\u53ef\u6539\u6210 ID\uff1a$opt_value = (string)$cat->term_id;\r\n            $opt_value = $cat->slug;\r\n          ?>\r\n          <option value=\"<?php echo esc_attr($opt_value); ?>\"\r\n            <?php selected($selected_cat, (string)$opt_value); ?>>\r\n            <?php echo esc_html($cat->name); ?>\r\n          <\/option>\r\n        <?php endforeach; ?>\r\n      <\/select>\r\n      <noscript><button type=\"submit\">\u7be9\u9078<\/button><\/noscript>\r\n    <\/form>\r\n  <\/header>\r\n\r\n  <?php if ($q->have_posts()): ?>\r\n    <ul class=\"simple-article-list\">\r\n      <?php while ($q->have_posts()): $q->the_post(); ?>\r\n        <li>\r\n          <span class=\"date\"><?php echo esc_html(get_the_date($date_format)); ?><\/span>\r\n          <a href=\"<?php the_permalink(); ?>\"><?php the_title(); ?><\/a>\r\n        <\/li>\r\n      <?php endwhile; ?>\r\n    <\/ul>\r\n\r\n    <?php\r\n      \/\/ === \u81ea\u8a02\u5206\u9801\uff08\u5169\u884c\uff1a\u7b2c1\u884c \u4e0a\/\u6578\u5b57\/\u4e0b\uff1b\u7b2c2\u884c \u9996\/\u524d10\/\u5f8c10\/\u672b\uff09 ===\r\n      $total   = max(1, (int) $q->max_num_pages);\r\n      $current = max(1, (int) $paged);\r\n      $jump    = max(1, (int) $jump_step);\r\n\r\n      if ($total > 1):\r\n        \/\/ \u9023\u7d50\uff08\u90fd\u4fdd\u7559\u5206\u985e\u7b49\u53c3\u6578\uff09\r\n        $link_first = wpz_build_page_link(1,                       $persist_args);\r\n        $link_last  = wpz_build_page_link($total,                  $persist_args);\r\n        $link_prev  = wpz_build_page_link(max(1, $current - 1),    $persist_args);\r\n        $link_next  = wpz_build_page_link(min($total, $current+1), $persist_args);\r\n        $link_prevJ = wpz_build_page_link(max(1, $current - $jump),$persist_args);\r\n        $link_nextJ = wpz_build_page_link(min($total,$current+$jump),$persist_args);\r\n\r\n        echo '<nav class=\"article-pagination\" aria-label=\"\u6587\u7ae0\u5206\u9801\">';\r\n\r\n        \/\/ \u7b2c1\u884c\uff1a\u4e0a\u4e00\u9801 + \u6578\u5b57 + \u4e0b\u4e00\u9801\r\n        echo '<ul class=\"pagination-row pagination-row--main\">';\r\n          \/\/ \u4e0a\u4e00\u9801\r\n          echo '<li class=\"prev'.($current===1?' disabled':'').'\"><a href=\"'.$link_prev.'\" aria-label=\"\u4e0a\u4e00\u9801\">‹ \u4e0a\u4e00\u9801<\/a><\/li>';\r\n\r\n          \/\/ \u6578\u5b57\u7fa4\r\n          $number_links = paginate_links([\r\n            'current'   => $current,\r\n            'total'     => $total,\r\n            'mid_size'  => 2,\r\n            'end_size'  => 1,\r\n            'prev_next' => false,\r\n            'type'      => 'array',\r\n            'add_args'  => $persist_args,\r\n          ]);\r\n          if (!empty($number_links)) {\r\n            foreach ($number_links as $html) {\r\n              $html = str_replace('page-numbers current', 'page current', $html);\r\n              $html = str_replace('page-numbers', 'page', $html);\r\n              echo '<li>'.$html.'<\/li>';\r\n            }\r\n          }\r\n\r\n          \/\/ \u4e0b\u4e00\u9801\r\n          echo '<li class=\"next'.($current===$total?' disabled':'').'\"><a href=\"'.$link_next.'\" aria-label=\"\u4e0b\u4e00\u9801\">\u4e0b\u4e00\u9801 ›<\/a><\/li>';\r\n        echo '<\/ul>';\r\n\r\n        \/\/ \u7b2c2\u884c\uff1a\u9996\u672b\uff0b\u524d\u5f8c10\r\n        echo '<ul class=\"pagination-row pagination-row--aux\">';\r\n          echo '<li class=\"first'.($current===1?' disabled':'').'\"><a href=\"'.$link_first.'\" aria-label=\"\u5230\u7b2c\u4e00\u9801\">«« \u7b2c\u4e00\u9801<\/a><\/li>';\r\n          echo '<li class=\"prev10'.($current===1?' disabled':'').'\"><a href=\"'.$link_prevJ.'\" aria-label=\"\u524d'.$jump.'\u9801\">\u524d'.$jump.'\u9801<\/a><\/li>';\r\n          echo '<li class=\"next10'.($current===$total?' disabled':'').'\"><a href=\"'.$link_nextJ.'\" aria-label=\"\u5f8c'.$jump.'\u9801\">\u5f8c'.$jump.'\u9801<\/a><\/li>';\r\n          echo '<li class=\"last'.($current===$total?' disabled':'').'\"><a href=\"'.$link_last.'\" aria-label=\"\u5230\u6700\u5f8c\u4e00\u9801\">\u6700\u5f8c\u4e00\u9801 »»<\/a><\/li>';\r\n        echo '<\/ul>';\r\n\r\n        echo '<\/nav>';\r\n      endif;\r\n    ?>\r\n\r\n  <?php else: ?>\r\n    <p>\u76ee\u524d\u6c92\u6709\u7b26\u5408\u689d\u4ef6\u7684\u6587\u7ae0\u3002<\/p>\r\n  <?php endif; wp_reset_postdata(); ?>\r\n<\/main>\r\n\r\n<?php get_footer(); ?>\r\n<\/code><\/pre><\/div>\n
    \n
    \ud83d\udee1\ufe0f \u5b89\u5168\u8207\u76f8\u5bb9\u6027\u8aaa\u660e<\/h2>\n