{"id":2975,"date":"2025-06-11T09:57:38","date_gmt":"2025-06-11T01:57:38","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2975.html"},"modified":"2025-06-11T09:57:38","modified_gmt":"2025-06-11T01:57:38","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e8%87%aa%e5%ae%9a%e4%b9%89%e6%96%87%e7%ab%a0%e7%b1%bb%e5%9e%8b%e5%ad%98%e6%a1%a3%e9%a1%b5%e9%9d%a2%e4%b8%ad%e6%b7%bb%e5%8a%a0%e7%bd%ae%e9%a1%b6%e5%b8%96%e5%ad%90","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2975.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u81ea\u5b9a\u4e49\u6587\u7ae0\u7c7b\u578b\u5b58\u6863\u9875\u9762\u4e2d\u6dfb\u52a0\u7f6e\u9876\u5e16\u5b50"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

要为WordPress的自定义文章类型创建存档页面并将其设置为置顶（即显示最新的帖子），你可以按照以下步骤操作：<\/p>\n

步骤 1: 创建自定义文章类型<\/h3>\n

首先，你需要创建一个新的文章类型。这可以通过编辑wp-includes\/post-template.php<\/code>文件来实现，或者通过使用插件如“Custom Post Type UI”来完成。<\/p>\n

使用插件方法：<\/h4>\n
    \n
  1. 安装插件<\/strong>：下载并安装“Custom Post Type UI”插件。<\/li>\n
  2. 激活插件<\/strong>：激活该插件。<\/li>\n
  3. 创建新文章类型<\/strong>：在“Custom Post Type UI”界面中，选择“Create a new post type”，然后输入新的文章类型名称，例如“Top Stories”。确保勾选“Allow comments and trackbacks”。<\/li>\n<\/ol>\n

    步骤 2: 配置文章类型属性<\/h3>\n

    一旦创建了新文章类型，你需要配置其属性以满足你的需求。具体来说，你可能需要调整一些选项来确定哪些文章可以被列为置顶。<\/p>\n

    示例代码：<\/h4>\n
    \/\/ 定义文章类型\nfunction create_top_stories_post_type() {\n    $labels = array(\n        'name'                => _x( 'Top Stories', 'Post Type General Name', 'text_domain' ),\n        'singular_name'       => _x( 'Top Story', 'Post Type Singular Name', 'text_domain' ),\n        \/\/ 其他标签...\n    );\n\n    $args = array(\n        'label'               => __( 'Top Stories', 'text_domain' ),\n        'description'         => __( 'Posts related to top stories.', 'text_domain' ),\n        'public'              => true,\n        'show_ui'             => true,\n        'show_in_menu'        => true,\n        'menu_position'       => 5,\n        'menu_icon'           => 'dashicons-format-aside',\n        'rewrite'             => array( 'slug' => 'top-stories' ),\n        'capability_type'     => 'post',\n        'has_archive'         => true,\n        'hierarchical'        => false,\n        'supports'            => array( 'title', 'editor', 'author', 'thumbnail', 'excerpt', 'comments', 'revisions' )\n    );\n    register_post_type( 'top_stories', $args );\n}\nadd_action( 'init', 'create_top_stories_post_type' );<\/code><\/pre>\n
    步骤 3: 添加置顶功能<\/h3>\n
    接下来，你需要在文章类型的具体行中添加置顶功能。这通常通过修改模板文件来实现，特别是single-top-stories.php<\/code>或类似的文件。<\/p>\n
    示例代码：<\/h4>\n
    假设你已经成功创建了文章类型，并且它已经被注册为“top_stories”，那么在单个文章类型的模板文件中，你可以在特定的位置添加置顶标志。<\/p>\n
    <!-- 指定文章类型 -->\n<?php if ( is_single( 'top_stories' ) ) : ?>\n    <!-- 置顶标志 -->\n    <div class=\"sticky-post\">\n        <span class=\"fa fa-star\"><\/span>\n        <strong><?php the_title(); ?><\/strong>\n    <\/div>\n\n    <!-- 标题、正文等常规内容 -->\n    <?php the_content(); ?>\n\n    <!-- 评论部分 -->\n    <?php wp_list_comments(); ?>\n\n    <!-- 友情链接部分 -->\n    <?php echo '<a href=\"' . get_permalink() . '\">Read More<\/a>'; ?>\n<?php endif; ?><\/code><\/pre>\n
    步骤 4: 测试和验证<\/h3>\n
    最后，测试您的网站以确保文章类型按预期工作。检查文章是否正确地显示置顶标志以及是否有其他期望的功能。<\/p>\n
    效果说明：<\/h3>\n
    当你访问具有自定义文章类型的存档页面时，你会看到最新的帖子作为置顶出现在顶部。此外，所有相关的置顶标记会显示在标题旁边，方便用户快速识别最热门的内容。<\/p>\n
    注意事项：<\/h3>\n
      \n
    • 确保你的文章类型和模板文件结构与上述示例相符。<\/li>\n
    • 如果你在使用插件，请确保更新到最新版本，因为某些功能可能会有改进或修复错误。<\/li>\n<\/ul>\n
      通过以上步骤，你应该能够成功地为WordPress自定义文章类型创建一个置顶的存档页面。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
      \r\n
      \r\n
      \r\n
      \r\n
      \r\n
      \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
      黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
      \r\n
      \r\n
      教案大纲<\/h3>\n
      1. 引言<\/h4>\n
        \n
      • WordPress文章类型的概述。<\/li>\n
      • 自定义存档页面的基本概念。<\/li>\n<\/ul>\n
        2. 前提知识<\/h4>\n
          \n
        • HTML和CSS的基础知识。<\/li>\n
        • WordPress的主题和插件使用方法。<\/li>\n<\/ul>\n
          3. 添加置顶帖子的方法<\/h4>\n
            \n
          • 使用WordPress主题功能。<\/li>\n
          • 使用WordPress插件功能。<\/li>\n<\/ul>\n
            4. 示例代码<\/h4>\n
              \n
            • 通过主题功能实现置顶帖子。<\/li>\n
            • 通过插件功能实现置顶帖子。<\/li>\n<\/ul>\n
              5. 结语<\/h4>\n
                \n
              • 总结知识点。<\/li>\n
              • 提供后续学习资源。<\/li>\n<\/ul>\n
                6. 演示代码<\/h4>\n
                步骤1：通过主题功能添加置顶帖子<\/strong><\/p>\n
                <!-- 主题文件 -->\n<?php get_header(); ?>\n\n<!-- 存档页布局 -->\n<div class=\"archive\">\n    <div class=\"container\">\n        <!-- 首页标题 -->\n        <h1><?php the_title(); ?><\/h1>\n        <!-- 存档页面正文区域 -->\n        <section class=\"posts\">\n            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>\n                <!-- 博客文章内容 -->\n                <article class=\"post\">\n                    <header>\n                        <h2><a href=\"<?php the_permalink() ?>\"><?php the_title(); ?><\/a><\/h2>\n                        <time><?php the_time('F j, Y'); ?><\/time>\n                    <\/header>\n                    <div class=\"content\">\n                        <p><?php the_content(); ?><\/p>\n                    <\/div>\n                    <footer>\n                        <span class=\"tags\">标签: <?php echo get_the_tags_list(', '); ?><\/span>\n                        <a href=\"<?php the_permalink() ?>\" title=\"阅读全文\" rel=\"bookmark\">阅读全文<\/a>\n                    <\/footer>\n                <\/article>\n            <?php endwhile; else : ?>\n                <p><?php _e('没有找到相关的内容', 'your-theme' ); ?><\/p>\n            <?php endif; ?>\n        <\/section>\n    <\/div>\n<\/div>\n\n<!-- 动态生成主题样式 -->\n<style>\n    .archive {\n        padding: 20px;\n    }\n    .post {\n        margin-bottom: 30px;\n    }\n    .post h2 {\n        font-size: 18px;\n    }\n    .post .content p {\n        font-size: 16px;\n    }\n    .post .tags {\n        font-size: 14px;\n        color: #777;\n    }\n    .post a {\n        color: #333;\n    }\n    .post footer {\n        text-align: right;\n    }\n<\/style>\n\n<!-- 插入动态加载的主题库 -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script>\n<script>\n$(document).ready(function(){\n    \/\/ 从服务器获取文章列表\n    $.get('\/wp-admin\/admin-ajax.php?action=get-posts&post_type=category', function(data){\n        \/\/ 将数据渲染到存档页面\n        data.forEach(function(post){\n            $('#posts').append('<article class=\"post\"><header><h2><a href=\"' + post.url + '\">' + post.title + '<\/a><\/h2><time>' + post.date + '<\/time><\/header><div class=\"content\">' + post.content + '<\/div><footer><span class=\"tags\">' + post.tags + '<\/span><a href=\"' + post.url + '\" title=\"阅读全文\" rel=\"bookmark\">阅读全文<\/a><\/footer><\/article>');\n        });\n    });\n\n});\n<\/script>\n\n<!-- 获取文章列表 -->\n<script type=\"text\/javascript\">\n    function getPosts() {\n        var url = '\/wp-admin\/admin-ajax.php?action=get-posts&post_type=category';\n        jQuery.ajax({\n            url: url,\n            method: \"GET\",\n            success: function(response) {\n                \/\/ 根据响应处理数据\n                response.forEach(function(post) {\n                    \/\/ 将数据渲染到存档页面\n                    $('#posts').append(\n                        '<article class=\"post\"><header><h2><a href=\"' + post.url + '\">' + post.title + '<\/a><\/h2><time>' + post.date + '<\/time><\/header><div class=\"content\">' + post.content + '<\/div><footer><span class=\"tags\">' + post.tags + '<\/span><a href=\"' + post.url + '\" title=\"阅读全文\" rel=\"bookmark\">阅读全文<\/a><\/footer><\/article>'\n                    );\n                });\n            },\n            error: function(xhr, status, error) {\n                console.error(error);\n            }\n        });\n    }\n<\/script>\n<\/code><\/pre>\n
                步骤2：通过插件功能添加置顶帖子<\/strong><\/p>\n
                <!-- 系统插件文件 -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@wordpress\/core-ui-state@latest\/dist\/core-ui-state.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@wordpress\/hooks@latest\/dist\/hooks.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@wordpress\/icons@latest\/dist\/icons.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@wordpress\/block-editor@latest\/src\/plugins\/blocks.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@wordpress\/block-editor@latest\/src\/plugins\/custom-blocks.min.js\"><\/script>\n\n<!-- 自定义文章类型存档插件 -->\n<template name=\"custom-post-type-archive\">\n    <div class=\"posttype-archive\">\n        <header>\n            <h1><?php esc_html_e( 'Custom Post Type Archives', 'your-plugin' ); ?><\/h1>\n        <\/header>\n        <div class=\"posttype-archive-content\">\n            <ul id=\"archive-list\">\n                <li>\n                    <a href=\"<?php echo esc_url(get_category_link(1)); ?>\" class=\"category-title\"><?php printf(esc_html__('Category %d', 'your-plugin'), get_category_by_ID(1)->name); ?><\/a>\n                    <ul class=\"posts\">\n                        <?php $categories = get_categories(array(\"orderby\"=>\"count\", \"order\"=>\"desc\")); foreach ($categories as $cat): ?>\n                            <li>\n                                <a href=\"<?php echo esc_url(get_category_link($cat->term_id)); ?>\">\n                                    <h2><?php echo esc_html($cat->name); ?><\/h2>\n                                    <span><?php echo esc_html($cat->count); ?><\/span>\n                                <\/a>\n                            <\/li>\n                        <?php endforeach; ?>\n                    <\/ul>\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/template>\n\n<!-- 在主题目录下创建一个名为“custom-post-type”或类似名称的新文件夹 -->\nmkdir wp-content\/themes\/mytheme\/libraries\/custom-post-type\/\n\n<!-- 创建包含以下代码的新文件 -->\ntouch wp-content\/themes\/mytheme\/libraries\/custom-post-type\/templates\/custom-post-type-archive.php\n<\/code><\/pre>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                Bug编译狮 要为WordPress的自定义文章类型创建存档页&#3..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[59],"tuisongtax":[],"class_list":["post-2975","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=2975"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2975\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2975"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}