{"id":2892,"date":"2025-06-11T08:40:13","date_gmt":"2025-06-11T00:40:13","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2892.html"},"modified":"2025-06-11T08:40:13","modified_gmt":"2025-06-11T00:40:13","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e4%b8%ad%e4%b8%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e6%96%87%e7%ab%a0%e7%b1%bb%e5%9e%8b%e6%b7%bb%e5%8a%a0%e5%9b%be%e6%a0%87","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2892.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4e2d\u4e3a\u81ea\u5b9a\u4e49\u6587\u7ae0\u7c7b\u578b\u6dfb\u52a0\u56fe\u6807"},"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

    \n
  1. \n

    创建自定义文章类型<\/strong>：首先，在 WordPress 后台的“设置” -> “文章类型”页面上，点击“添加新类型”，然后输入文章类型名称和描述。<\/p>\n<\/li>\n

  2. \n

    注册自定义文章类型<\/strong>：在编辑的文章类型后，点击“保存更改”。这将在后台注册了一个新的文章类型。<\/p>\n<\/li>\n

  3. \n

    创建自定义文章类型模板<\/strong>：为了显示文章类型的图标，你需要创建一个新的文章模板文件。在“内容”标签页下找到你刚刚创建的文章类型，然后点击“编辑”。<\/p>\n<\/li>\n

  4. \n

    插入图标<\/strong>：在模板文件中，找到一个地方（通常是在文章标题或正文开始处）插入一个HTML标签来显示图标。例如：<\/p>\n

    <div class=\"custom-icon\">\n   <img src=\"<?php echo get_stylesheet_directory_uri() . '\/path\/to\/icon.png'; ?>\" alt=\"Custom Icon\" \/>\n<\/div><\/code><\/pre>\n<\/li>\n
  5. \n
    样式化图标<\/strong>：根据需要调整 class<\/code>、src<\/code> 和 alt<\/code> 属性以确保图标正确显示。<\/p>\n<\/li>\n
  6. \n
    测试并部署<\/strong>：保存修改后的模板，然后发布文章。打开文章查看是否显示了自定义图标。<\/p>\n<\/li>\n<\/ol>\n
    下面是一个完整的示例代码，假设我们有一个名为 “My Custom Type” 的文章类型，并且我们希望在文章标题下方显示一个图片图标：<\/p>\n
    <div class=\"custom-icon\">\n    <img src=\"<?php echo get_stylesheet_directory_uri() . '\/wp-content\/themes\/your-theme\/path\/to\/icon.png'; ?>\" alt=\"My Custom Icon\" \/>\n<\/div>\n\n<h1>Your Custom Title<\/h1><\/code><\/pre>\n
    使用步骤说明<\/h3>\n
      \n
    • \n
        \n
      1. 登录到 WordPress 后台。<\/li>\n<\/ol>\n<\/li>\n
      2. \n
          \n
        1. 转到“设置” -> “文章类型”。<\/li>\n<\/ol>\n<\/li>\n
        2. \n
            \n
          1. 添加新类型并填写相关信息。<\/li>\n<\/ol>\n<\/li>\n
          2. \n
              \n
            1. 在“内容”标签页下的文章类型页面，点击“编辑”。<\/li>\n<\/ol>\n<\/li>\n
            2. \n
                \n
              1. 插入上述 HTML 标签，替换路径和属性。<\/li>\n<\/ol>\n<\/li>\n
              2. \n
                  \n
                1. 保存并发布文章。<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n
                  效果展示<\/h3>\n
                  当你打开带有自定义文章类型的页面时，你应该会看到一个在文章标题下方显示的图标。<\/p>\n
                  注意事项<\/h3>\n
                    \n
                  • 确保提供的 URL 是正确的，并且文件存在于指定的位置。<\/li>\n
                  • 如果你在多个文章类型之间切换，请检查每个类型都已应用此代码。<\/li>\n
                  • 保持 CSS 样式一致，以便图标在整个网站中具有统一外观。<\/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
                    标题：在WordPress中为自定义文章类型添加图标<\/p>\n
                    一、引言\nWordPress是一种流行的开放源码的内容管理系统（CMS），广泛用于创建各种类型的网站和博客。本文将介绍如何在WordPress中为自定义文章类型添加图标。<\/p>\n
                    二、步骤<\/p>\n
                      \n
                    1. 创建自定义文章类型\n首先，需要创建一个自定义文章类型，以便为不同的文章类型分配图标。可以使用WordPress提供的“新建文章类型”功能来完成这一操作。<\/li>\n
                    2. 设置文章类型属性\n接下来，需要设置文章类型的属性，以确保它能够显示图标。这可以通过修改文章类型的属性面板中的设置来实现。<\/li>\n
                    3. 添加图标到文章类型\n最后一步是为文章类型添加图标。这可以通过在文章编辑器中插入图像或链接来完成。例如，如果文章类型是关于书籍的，那么可以为该类型添加一个与书籍相关的图片作为图标。<\/li>\n<\/ol>\n
                      三、示例代码\n以下是一些示例代码，展示了如何在WordPress中为自定义文章类型添加图标：<\/p>\n
                        \n
                      1. \n
                        在文章类型属性面板中设置图标：<\/p>\n
                        <article type=\"book\" class=\"post\">\n<h2><?php the_title(); ?><\/h2>\n<?php the_content(); ?>\n<img src=\"<?php echo get_image_link($post->ID); ?>\" alt=\"<?php echo $post->post_title; ?>\">\n<\/article><\/code><\/pre>\n<\/li>\n
                      2. \n
                        使用外部图片文件作为文章类型的图标：<\/p>\n
                        <article type=\"book\" class=\"post\">\n<h2><?php the_title(); ?><\/h2>\n<?php the_content(); ?>\n<img src=\"images\/book.png\" alt=\"<?php echo $post->post_title; ?>\">\n<\/article><\/code><\/pre>\n<\/li>\n<\/ol>\n
                        四、总结\n以上就是如何在WordPress中为自定义文章类型添加图标的方法。通过这些步骤，你可以轻松地为文章类型添加合适的图标，使网站更加美观和专业。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                        Bug编译狮 要为 WordPress 自定义文章类型添加图标，你&..<\/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-2892","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\/2892","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=2892"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2892\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2892"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}