{"id":111,"date":"2026-01-30T10:35:14","date_gmt":"2026-01-30T02:35:14","guid":{"rendered":"http:\/\/47.100.165.17\/wordpress\/?p=111"},"modified":"2026-01-31T13:59:59","modified_gmt":"2026-01-31T05:59:59","slug":"%e6%b5%8b%e8%af%951","status":"publish","type":"post","link":"https:\/\/yunyanglib.cn\/?p=111","title":{"rendered":"\u3010\u7f51\u7ad9\u5efa\u8bbe\u3011\u201c\u521b\u4f5c\u65f6\u95f4\u7ebf\u201d\u6a21\u5757\u521b\u5efa\u8fc7\u7a0b"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u5728\u6d4f\u89c8\u5176\u4ed6\u4eba\u7684\u535a\u5ba2\u65f6\uff0c\u65e0\u610f\u95f4\u770b\u5230\u8fd9\u4e2a\u529f\u80fd\uff0c\u89c9\u5f97\u5f88\u9002\u5408\uff0c\u4fbf\u81ea\u5df1\u52a8\u624b\u5728\u4e2a\u4eba\u535a\u5ba2\u7f51\u7ad9\u4e0a\u4e5f\u5b9e\u73b0\u8fd9\u4e2a\u529f\u80fd\uff0c\u8bb0\u5f55\u4e00\u4e0b\u3002<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">1.\u4f7f\u7528\u300c\u5b50\u4e3b\u9898\u300d\u7f16\u8f91\u6587\u4ef6<\/h1>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"http:\/\/47.100.165.17\/wordpress\/wp-content\/uploads\/2026\/01\/image-1024x495.png\" alt=\"\" class=\"wp-image-122\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">2. \u5728\u5b50\u4e3b\u9898<code>functions.php<\/code>\u4e2d\u521b\u5efa\u81ea\u5b9a\u4e49\u77ed\u4ee3\u7801<\/h1>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"http:\/\/47.100.165.17\/wordpress\/wp-content\/uploads\/2026\/01\/image-1-1024x468.png\" alt=\"\" class=\"wp-image-123\"\/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u81ea\u5b9a\u4e49\u521b\u4f5c\u65f6\u95f4\u7ebf\u77ed\u4ee3\u7801\uff08\u524d\u53f0\u8c03\u7528&#91;custom_create_timeline]\uff09\n\/\/ \u5b9e\u73b0\uff1a1. \u6587\u7ae0\u5217\u8868\u5012\u5e8f\uff08\u6700\u65b0\u5728\u524d\uff09 2. \u5e8f\u53f7\u89c4\u5219\uff08\u6700\u65e9=1\uff0c\u6700\u65b0=N\uff0c\u7b2c\u4e00\u9875\u7b2c\u4e00\u7bc7\u663e\u793aN\uff09 3. \u540c\u4e00\u5929\u6587\u7ae0\u5171\u7528\u4e00\u4e2a\u65e5\u671f\uff0c\u4e0d\u91cd\u590d\u663e\u793a\nfunction custom_create_timeline() {\n    ob_start(); \/\/ \u5f00\u542f\u8f93\u51fa\u7f13\u51b2\uff0c\u907f\u514d\u4ee3\u7801\u6267\u884c\u987a\u5e8f\u5f02\u5e38\n\n    \/\/ 1. \u517c\u5bb9\u9875\u9762\u5206\u9875\u53c2\u6570page\/paged\uff0c\u89e3\u51b3\u5206\u9875\u91cd\u590d\n    $paged = (get_query_var('paged')) ? get_query_var('paged') : (get_query_var('page') ? get_query_var('page') : 1);\n    $paged = intval($paged);\n\n    \/\/ 2. \u5b9a\u4e49\u67e5\u8be2\u57fa\u7840\u53c2\u6570\uff08\u590d\u7528\uff0c\u907f\u514d\u91cd\u590d\u4ee3\u7801\uff09\n    $base_args = array(\n        'post_type' => 'post',\n        'post_status' => 'publish',\n        'ignore_sticky_posts' => true, \/\/ \u5ffd\u7565\u7f6e\u9876\u6587\u7ae0\uff0c\u4fdd\u8bc1\u5e8f\u53f7\u8fde\u7eed\u4e0d\u6df7\u4e71\n    );\n\n    \/\/ 3. \u83b7\u53d6\u7b26\u5408\u6761\u4ef6\u7684\u300c\u603b\u6587\u7ae0\u6570\u300d\uff08\u7528\u4e8e\u8ba1\u7b97\u5e8f\u53f7\uff0c\u4ec5\u83b7\u53d6ID\u63d0\u5347\u6027\u80fd\uff09\n    $total_posts_query = new WP_Query(array_merge($base_args, array(\n        'posts_per_page' => -1, \/\/ \u67e5\u8be2\u6240\u6709\u7b26\u5408\u6761\u4ef6\u7684\u6587\u7ae0\n        'fields' => 'ids' \/\/ \u53ea\u83b7\u53d6\u6587\u7ae0ID\uff0c\u51cf\u5c11\u6570\u636e\u5e93\u538b\u529b\n    )));\n    $total_posts = $total_posts_query->post_count; \/\/ \u603b\u6587\u7ae0\u6570\uff08\u6700\u65b0\u6587\u7ae0\u7684\u5e8f\u53f7=N\uff09\n    wp_reset_postdata(); \/\/ \u91cd\u7f6e\u67e5\u8be2\uff0c\u4e0d\u5f71\u54cd\u540e\u7eed\u903b\u8f91\n\n    \/\/ 4. WP_Query\u67e5\u8be2\uff1a\u6587\u7ae0\u5217\u8868\u4ecd\u4fdd\u6301\u5012\u5e8f\uff08DESC\uff09\uff0c\u6bcf\u9875\u663e\u793a\u6307\u5b9a\u6570\u91cf\n    $posts_per_page = 10; \/\/ \u6bcf\u9875\u663e\u793a10\u7bc7\uff0c\u53ef\u6309\u9700\u8c03\u6574\n    $args = array_merge($base_args, array(\n        'posts_per_page' => $posts_per_page,\n        'orderby' => 'date',\n        'order' => 'DESC', \/\/ \u6838\u5fc3\uff1a\u4fdd\u6301\u6587\u7ae0\u5012\u5e8f\u5c55\u793a\uff08\u6700\u65b0\u5728\u524d\uff09\uff0c\u4e0d\u4fee\u6539\n        'paged' => $paged,\n    ));\n    $timeline_query = new WP_Query($args);\n\n    \/\/ 5. \u6838\u5fc3\u4fee\u6539\uff1a\u8ba1\u7b97\u5f53\u524d\u9875\u9762\u7684\u300c\u5e8f\u53f7\u8d77\u59cb\u503c\u300d\uff08\u6700\u65b0\u6587\u7ae0\u5bf9\u5e94\u5e8f\u53f7N\uff0c\u5206\u9875\u9012\u51cf\uff09\n    \/\/ \u903b\u8f91\uff1a\u603b\u6587\u7ae0\u6570 - (\u5f53\u524d\u9875\u7801-1)*\u6bcf\u9875\u6570\u91cf = \u5f53\u524d\u9875\u9762\u7b2c\u4e00\u7bc7\u6587\u7ae0\u7684\u5e8f\u53f7\uff08\u5982\u603b2\u7bc7\uff0c\u7b2c1\u9875\u8d77\u59cb=2\uff0c\u7b2c2\u9875\u8d77\u59cb=1\uff09\n    $start_serial = $total_posts - ($paged - 1) * $posts_per_page;\n    $current_serial = $start_serial; \/\/ \u5f53\u524d\u6587\u7ae0\u7684\u5e8f\u53f7\uff08\u5faa\u73af\u4e2d\u9012\u51cf\uff09\n\n    \/\/ 6. \u65b0\u589e\uff1a\u5b9a\u4e49\u4e00\u4e2a\u53d8\u91cf\uff0c\u7528\u4e8e\u8bb0\u5f55\u300c\u4e0a\u4e00\u7bc7\u6587\u7ae0\u7684\u65e5\u671f\u300d\uff08\u6838\u5fc3\uff1a\u5b9e\u73b0\u540c\u4e00\u5929\u5171\u7528\u65e5\u671f\uff09\n    $previous_post_date = ''; \/\/ \u521d\u59cb\u5316\u4e0a\u4e00\u7bc7\u65e5\u671f\u4e3a\u7a7a\n\n    \/\/ 7. \u751f\u6210\u65f6\u95f4\u7ebfHTML\u7ed3\u6784\uff08\u5305\u542b\u76ee\u6807\u5e8f\u53f7+\u540c\u65e5\u671f\u5408\u5e76\uff09\n    if ($timeline_query->have_posts()) {\n        echo '&lt;div class=\"custom-timeline-container\">';\n        \n        echo '&lt;div class=\"custom-timeline\">';\n\n        while ($timeline_query->have_posts()) {\n            $timeline_query->the_post();\n            \/\/ \u63d0\u53d6\u6587\u7ae0\u6838\u5fc3\u4fe1\u606f\n            $post_title = get_the_title();\n            $post_link = get_permalink();\n            $post_date = get_the_date('Y\u5e74m\u6708d\u65e5'); \/\/ \u5f53\u524d\u6587\u7ae0\u65e5\u671f\uff08\u683c\u5f0f\u7edf\u4e00\uff0c\u786e\u4fdd\u5bf9\u6bd4\u51c6\u786e\uff09\n\n            \n            \/\/ \u5bf9\u6bd4\u5f53\u524d\u6587\u7ae0\u65e5\u671f\u4e0e\u4e0a\u4e00\u7bc7\u6587\u7ae0\u65e5\u671f\uff0c\u53ea\u6709\u4e0d\u540c\u65f6\u624d\u8f93\u51fa\u65e5\u671f\u548c\u65f6\u95f4\u7ebf\u5706\u70b9\n            $is_same_date = ($post_date == $previous_post_date); \/\/ \u5224\u65ad\u662f\u5426\u4e3a\u540c\u4e00\u5929\n\n            \/\/ \u5355\u4e2a\u65f6\u95f4\u7ebf\u6761\u76ee\u5bb9\u5668\uff08\u65e0\u8bba\u662f\u5426\u540c\u65e5\u671f\uff0c\u90fd\u9700\u8981\u5bb9\u5668\uff0c\u4ec5\u5185\u90e8\u5143\u7d20\u6309\u9700\u6e32\u67d3\uff09\n            echo '&lt;div class=\"timeline-item\">';\n            \n            \/\/ \u975e\u540c\u4e00\u5929\uff1a\u8f93\u51fa\u65f6\u95f4\u7ebf\u5706\u70b9\u548c\u65e5\u671f\uff08\u4e0d\u91cd\u590d\u6e32\u67d3\uff09\n            if (!$is_same_date) {\n                echo '&lt;div class=\"timeline-dot\">&lt;\/div>';\n                echo '&lt;div class=\"timeline-date\">' . $post_date . '&lt;\/div>';\n            } else {\n                \/\/ \u540c\u4e00\u5929\uff1a\u8f93\u51fa\u7a7a\u7684\u5706\u70b9\u548c\u65e5\u671f\u5bb9\u5668\uff08\u4fdd\u6301\u5e03\u5c40\u5bf9\u9f50\uff0c\u4e0d\u663e\u793a\u5185\u5bb9\uff09\n                echo '&lt;div class=\"timeline-dot timeline-dot-hidden\">&lt;\/div>';\n                echo '&lt;div class=\"timeline-date timeline-date-hidden\">&lt;\/div>';\n            }\n\n            echo '&lt;div class=\"timeline-content\">';\n            \/\/ \u663e\u793a\u5168\u5c40\u5e8f\u53f7\uff08\u6700\u65e9=1\uff0c\u6700\u65b0=N\uff0c\u5217\u8868\u5012\u5e8f\uff09\n            echo '&lt;h5>&lt;a href=\"' . esc_url($post_link) . '\" target=\"_blank\">\u7b2c ' . $current_serial . ' \u7bc7\uff1a' . $post_title . '&lt;\/a>&lt;\/h5>';\n            echo '&lt;\/div>';\n            echo '&lt;\/div>';\n            \n\n            \/\/ \u6838\u5fc3\u4fee\u6539\uff1a\u5e8f\u53f7\u9012\u51cf\uff08\u6bcf\u5faa\u73af\u4e00\u7bc7\uff0c\u5e8f\u53f7-1\uff0c\u5bf9\u5e94\u66f4\u65e9\u7684\u6587\u7ae0\uff09\n            $current_serial--;\n\n           \n            $previous_post_date = $post_date; \/\/ \u5c06\u5f53\u524d\u65e5\u671f\u8d4b\u503c\u7ed9\u300c\u4e0a\u4e00\u7bc7\u65e5\u671f\u300d\uff0c\u7528\u4e8e\u4e0b\u4e00\u6b21\u5faa\u73af\u5bf9\u6bd4\n            \n        }\n\n        echo '&lt;\/div>'; \/\/ \u5173\u95edcustom-timeline\n\n        \/\/ \u5206\u9875\u5bfc\u822a\uff08\u65e0\u4fee\u6539\uff0c\u4fdd\u6301\u539f\u6709\u529f\u80fd\uff09\n        echo '&lt;div class=\"timeline-pagination\">';\n        $pagination_args = array(\n            'base' => str_replace('999999999', '%#%', esc_url(get_pagenum_link(999999999))),\n            'format' => '',\n            'total' => $timeline_query->max_num_pages,\n            'current' => $paged,\n            'show_all' => false,\n            'end_size' => 1,\n            'mid_size' => 2,\n            'prev_next' => true,\n            'prev_text' => '\u00ab \u4e0a\u4e00\u9875',\n            'next_text' => '\u4e0b\u4e00\u9875 \u00bb',\n            'type' => 'list'\n        );\n        echo paginate_links($pagination_args);\n        echo '&lt;\/div>'; \/\/ \u5173\u95edtimeline-pagination\n\n        echo '&lt;\/div>'; \/\/ \u5173\u95edcustom-timeline-container\n        wp_reset_postdata();\n    } else {\n        echo '&lt;p>\u6682\u65e0\u521b\u4f5c\u5185\u5bb9\uff0c\u656c\u8bf7\u671f\u5f85~&lt;\/p>';\n    }\n\n    return ob_get_clean();\n}\nadd_shortcode('custom_create_timeline', 'custom_create_timeline');<\/code><\/pre>\n\n\n\n<h1 class=\"wp-block-heading\">3. \u5728\u5185\u7f6e CSS \u7f16\u8f91\u5668\u4e2d\u6dfb\u52a0\u7f8e\u5316\u6837\u5f0f<\/h1>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"http:\/\/47.100.165.17\/wordpress\/wp-content\/uploads\/2026\/01\/image-2-1024x459.png\" alt=\"\" class=\"wp-image-124\" srcset=\"https:\/\/yunyanglib.cn\/wp-content\/uploads\/2026\/01\/image-2-1024x459.png 1024w, https:\/\/yunyanglib.cn\/wp-content\/uploads\/2026\/01\/image-2-300x134.webp 300w, https:\/\/yunyanglib.cn\/wp-content\/uploads\/2026\/01\/image-2-768x344.png 768w, https:\/\/yunyanglib.cn\/wp-content\/uploads\/2026\/01\/image-2-1536x688.png 1536w, https:\/\/yunyanglib.cn\/wp-content\/uploads\/2026\/01\/image-2.webp 1830w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"http:\/\/47.100.165.17\/wordpress\/wp-content\/uploads\/2026\/01\/image-3-1024x452.png\" alt=\"\" class=\"wp-image-125\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u6dfb\u52a0css\u4ee3\u7801\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* \u65b0\u589e\uff1a\u65f6\u95f4\u7ebf\u6838\u5fc3\u5e03\u5c40\u6837\u5f0f\uff08\u5fc5\u52a0\uff0c\u5426\u5219\u5706\u70b9\u548c\u7ad6\u7ebf\u4e0d\u663e\u793a\uff09 *\/\n.custom-timeline-container {\n    max-width: 1200px;\n    margin: 50px auto;\n    padding: 0 20px;\n}\n\n.custom-timeline {\n    position: relative; \/* \u4f5c\u4e3a\u65f6\u95f4\u7ebf\u7ad6\u7ebf\u548c\u5706\u70b9\u7684\u5b9a\u4f4d\u5bb9\u5668\uff0c\u6838\u5fc3 *\/\n}\n\n\/* \u65b0\u589e\uff1a\u65f6\u95f4\u7ebf\u4e3b\u8f74\uff08\u7ad6\u7ebf\uff09\uff0c\u8d2f\u7a7f\u6574\u4e2a\u65f6\u95f4\u7ebf *\/\n.custom-timeline::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 4px;\n    height: 100%;\n    background-color: #e0e0e0; \/* \u7ad6\u7ebf\u989c\u8272\uff0c\u53ef\u6309\u9700\u4fee\u6539 *\/\n    z-index: 1; \/* \u786e\u4fdd\u7ad6\u7ebf\u5728\u5706\u70b9\u4e0b\u65b9\uff0c\u4e0d\u906e\u6321\u5706\u70b9 *\/\n}\n\n\/* \u65b0\u589e\uff1a\u65f6\u95f4\u7ebf\u6761\u76ee\u57fa\u7840\u5e03\u5c40\uff0c\u652f\u6491\u5706\u70b9\u548c\u65e5\u671f\u5b9a\u4f4d *\/\n.timeline-item {\n    position: relative;\n    margin-bottom: 60px; \/* \u6761\u76ee\u4e4b\u95f4\u7684\u95f4\u8ddd\uff0c\u53ef\u6309\u9700\u8c03\u6574 *\/\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* \u65b0\u589e\uff1a\u5706\u70b9\u6838\u5fc3\u6837\u5f0f\uff08\u5173\u952e\uff0c\u786e\u4fdd\u5706\u70b9\u6b63\u5e38\u663e\u793a\uff09 *\/\n.timeline-dot {\n    position: absolute;\n    width: 20px; \/* \u5706\u70b9\u5927\u5c0f *\/\n    height: 20px; \/* \u5706\u70b9\u5927\u5c0f *\/\n    border-radius: 50%; \/* \u5706\u5f62\u6837\u5f0f *\/\n    background-color: #2c7ae0; \/* \u5706\u70b9\u989c\u8272\uff0c\u53ef\u6309\u9700\u4fee\u6539 *\/\n    z-index: 2; \/* \u786e\u4fdd\u5706\u70b9\u5728\u7ad6\u7ebf\u4e0a\u65b9\uff0c\u663e\u793a\u6e05\u6670 *\/\n    left: 50%;\n    transform: translateX(-50%);\n    border: 2px solid #fff; \/* \u53ef\u9009\uff1a\u6dfb\u52a0\u767d\u8272\u8fb9\u6846\uff0c\u8ba9\u5706\u70b9\u66f4\u9192\u76ee *\/\n    box-shadow: 0 0 0 2px rgba(44, 122, 224, 0.2); \/* \u53ef\u9009\uff1a\u6dfb\u52a0\u9634\u5f71\uff0c\u63d0\u5347\u89c6\u89c9\u6548\u679c *\/\n}\n\n\/* \u65b0\u589e\uff1a\u65e5\u671f\u57fa\u7840\u6837\u5f0f\uff0c\u786e\u4fdd\u548c\u5706\u70b9\u5bf9\u9f50 *\/\n.timeline-date {\n    position: absolute;\n    top: -30px; \/* \u65e5\u671f\u5728\u5706\u70b9\u4e0a\u65b9\u7684\u95f4\u8ddd *\/\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: 1.1rem;\n    color: #666;\n    font-weight: 500;\n}\n\n\/* \u65b0\u589e\uff1a\u6587\u7ae0\u5185\u5bb9\u533a\u5e03\u5c40\uff0c\u786e\u4fdd\u5bf9\u9f50\u7f8e\u89c2 *\/\n.timeline-content {\n    width: 45%;\n    padding: 20px;\n    background-color: #fff;\n    border-radius: 8px;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); \/* \u53ef\u9009\uff1a\u6dfb\u52a0\u9634\u5f71\uff0c\u63d0\u5347\u8d28\u611f *\/\n}\n\n\/* \u65b0\u589e\uff1a\u5de6\u53f3\u4ea4\u66ff\u6392\u5217\uff0c\u63d0\u5347\u65f6\u95f4\u7ebf\u7f8e\u89c2\u5ea6\uff08\u4fdd\u6301\u539f\u6709\u5e03\u5c40\u903b\u8f91\uff09 *\/\n.timeline-item:nth-child(even) .timeline-content {\n    margin-left: 55%;\n}\n\n.timeline-item:nth-child(odd) .timeline-content {\n    margin-right: 55%;\n}\n\n\/* \u4f60\u539f\u6709\uff1a\u81ea\u5b9a\u4e49\u65f6\u95f4\u7ebf\u5206\u9875\u6837\u5f0f *\/\n.timeline-pagination {\n    margin-top: 60px;\n    text-align: center;\n}\n\n.timeline-pagination ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: inline-flex;\n    gap: 8px; \/* \u9875\u7801\u4e4b\u95f4\u7684\u95f4\u8ddd *\/\n}\n\n.timeline-pagination li {\n    margin: 0;\n}\n\n.timeline-pagination a,\n.timeline-pagination span {\n    display: inline-block;\n    padding: 10px 16px;\n    background-color: #fff;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    color: #2c7ae0;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}\n\n\/* \u5f53\u524d\u9875\u7801\u6837\u5f0f *\/\n.timeline-pagination .current {\n    background-color: #2c7ae0;\n    color: #fff;\n    border-color: #2c7ae0;\n    font-weight: 500;\n}\n\n\/* \u9875\u7801 hover \u6548\u679c *\/\n.timeline-pagination a:hover {\n    background-color: #f5f9ff;\n    border-color: #1a5bb8;\n    color: #1a5bb8;\n}\n\n\/* \u7981\u7528\u72b6\u6001\uff08\u5982\u7b2c\u4e00\u9875\u7684\u4e0a\u4e00\u9875\u3001\u6700\u540e\u4e00\u9875\u7684\u4e0b\u4e00\u9875\uff09 *\/\n.timeline-pagination .disabled {\n    color: #ccc;\n    cursor: not-allowed;\n    background-color: #f9f9f9;\n    border-color: #eee;\n}\n\n\/* \u4f60\u539f\u6709\uff1a\u6587\u7ae0\u5168\u5c40\u5e8f\u53f7\u6837\u5f0f *\/\n.timeline-serial {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #1a5bb8;\n    margin-bottom: 10px;\n    padding: 5px 0;\n    border-bottom: 1px dashed #e0e0e0;\n}\n\n\/* \u4f60\u539f\u6709\uff1a\u9690\u85cf\u540c\u4e00\u5929\u7684\u91cd\u590d\u5706\u70b9\u548c\u65e5\u671f\uff0c\u4fdd\u6301\u5e03\u5c40\u5bf9\u9f50 *\/\n.timeline-dot-hidden {\n    visibility: hidden; \/* \u9690\u85cf\u4f46\u4fdd\u7559\u5360\u4f4d\uff0c\u4e0d\u7834\u574f\u5e03\u5c40 *\/\n}\n\n.timeline-date-hidden {\n    visibility: hidden; \/* \u9690\u85cf\u4f46\u4fdd\u7559\u5360\u4f4d\uff0c\u786e\u4fdd\u5185\u5bb9\u5bf9\u9f50 *\/\n}\n\n\/* \u65b0\u589e\uff1a\u540c\u4e00\u5929\u6587\u7ae0\u5185\u5bb9\u95f4\u8ddd\u4f18\u5316\uff0c\u89c6\u89c9\u66f4\u7d27\u51d1 *\/\n.timeline-item + .timeline-item .timeline-content {\n    margin-top: -20px;\n}\n\n\/* \u4f60\u539f\u6709\uff1a\u624b\u673a\u7aef\u9002\u914d\uff08\u6574\u5408\u8865\u5145\u6838\u5fc3\u6837\u5f0f\u7684\u624b\u673a\u7aef\u9002\u914d\uff09 *\/\n@media (max-width: 768px) {\n    \/* \u8865\u5145\uff1a\u624b\u673a\u7aef\u65f6\u95f4\u7ebf\u4e3b\u8f74\u548c\u5706\u70b9\u5b9a\u4f4d *\/\n    .custom-timeline::before {\n        left: 20px;\n    }\n\n    .timeline-dot {\n        left: 20px;\n    }\n\n    .timeline-date {\n        left: 60px;\n        transform: none;\n        top: -25px;\n        font-size: 1rem;\n    }\n\n    .timeline-content {\n        width: 100%;\n        margin-left: 60px !important;\n        margin-right: 0 !important;\n    }\n\n    \/* \u4f60\u539f\u6709\uff1a\u624b\u673a\u7aef\u5206\u9875\u9002\u914d *\/\n    .timeline-pagination a,\n    .timeline-pagination span {\n        padding: 8px 12px;\n        font-size: 0.9rem;\n    }\n\n    \/* \u4f60\u539f\u6709\uff1a\u624b\u673a\u7aef\u5e8f\u53f7\u9002\u914d *\/\n    .timeline-serial {\n        font-size: 0.9rem;\n        margin-bottom: 8px;\n    }\n\n    \/* \u4f60\u539f\u6709\uff1a\u624b\u673a\u7aef\u9690\u85cf\u91cd\u590d\u5185\u5bb9 *\/\n    .timeline-dot-hidden,\n    .timeline-date-hidden {\n        visibility: hidden;\n    }\n\n    \/* \u8865\u5145\uff1a\u624b\u673a\u7aef\u540c\u4e00\u5929\u6587\u7ae0\u95f4\u8ddd\u4f18\u5316 *\/\n    .timeline-item + .timeline-item .timeline-content {\n        margin-top: -15px;\n    }\n}<\/code><\/pre>\n\n\n\n<h1 class=\"wp-block-heading\">4. \u5b9e\u73b0\u6548\u679c<\/h1>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"http:\/\/47.100.165.17\/wordpress\/wp-content\/uploads\/2026\/01\/image-4-1024x460.png\" alt=\"\" class=\"wp-image-126\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u6d4f\u89c8\u5176\u4ed6\u4eba\u7684\u535a\u5ba2\u65f6\uff0c\u65e0\u610f\u95f4\u770b\u5230\u8fd9\u4e2a\u529f\u80fd\uff0c\u89c9\u5f97\u5f88\u9002\u5408\uff0c\u4fbf\u81ea\u5df1\u52a8\u624b\u5728\u4e2a\u4eba\u535a\u5ba2\u7f51\u7ad9\u4e0a\u4e5f\u5b9e\u73b0\u8fd9\u4e2a\u529f\u80fd\uff0c\u8bb0\u5f55\u4e00\u4e0b\u3002 1<\/p>\n<div class=\"more-link\">\n\t\t\t\t <a href=\"https:\/\/yunyanglib.cn\/?p=111\" class=\"link-btn theme-btn\"><span>Read More <\/span> <i class=\"fa fa-caret-right\"><\/i><\/a>\n\t\t\t<\/div>\n","protected":false},"author":1,"featured_media":127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[13],"class_list":["post-111","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-construction","tag-web-devement"],"_links":{"self":[{"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=\/wp\/v2\/posts\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=111"}],"version-history":[{"count":2,"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=\/wp\/v2\/posts\/111\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=\/wp\/v2\/posts\/111\/revisions\/128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=\/wp\/v2\/media\/127"}],"wp:attachment":[{"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yunyanglib.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}