0

0

如何在 WordPress 中添加自定义帖子类型的图标

舞夢輝影

舞夢輝影

发布时间:2025-04-24 17:58:12

|

942人浏览过

|

来源于php中文网

原创

您想在管理仪表板中为自定义帖子类型选择新图标吗?

当您登录 WordPress 网站时,您会在侧边栏中看到帖子、页面和所有自定义帖子类型的条目。默认情况下,自定义帖子类型将使用与帖子相同的图标,这可能很难快速排序。

在本文中,我们将向您展示如何在 WordPress 中为自定义帖子类型添加不同的图标。

如何在 WordPress 中添加自定义帖子类型的图标

为什么要在 WordPress 中添加自定义帖子类型的图标?

大多数时候,您在使用WordPress 网站时会使用帖子或页面。但是,您可以使用自定义帖子类型创建其他类型的内容。例如,WooCommerce使用名为“产品”的自定义帖子类型来为您的商店进货。

自定义帖子类型在 WordPress 管理区域中与左侧菜单中的帖子和页面一起列出。WordPress 中的每个菜单项旁边都有一个图标,它们来自名为Dashicons的图标字体。

问题是所有自定义帖子类型都将使用与帖子相同的图标。因此,如果您有多种自定义帖子类型,并且它们都有不同的图标,那么您会发现更容易找到合适的类型。

如何在 WordPress 中添加自定义帖子类型的图标

话虽如此,让我们看看如何在 WordPress 中添加自定义帖子类型的图标。这是我们将在本教程中介绍的内容:

  • 使用插件为自定义帖子类型添加图标
  • 手动添加自定义帖子类型的图标

使用插件为自定义帖子类型添加图标

如果您不熟悉注册自定义帖子类型或不熟悉代码,那么我们建议您使用 自定义帖子类型 UI 插件来创建帖子类型和 分类法。

使用插件创建自定义帖子类型

首先,您需要创建自定义帖子类型。如果您已经这样做了,那么您可以跳到下面的“使用插件向自定义帖子类型添加图标”部分。

安装并激活插件后,您需要转到 CPT UI » 添加/编辑帖子类型 来创建新的自定义帖子类型。确保您位于“添加新帖子类型”选项卡上。

如何在 WordPress 中添加自定义帖子类型的图标

 您需要为您的自定义帖子类型(例如“电影”)提供一个 别名。在其下方,输入复数和单数名称,例如“books”和“book”。

之后,单击“根据所选标签填充其他标签”的链接。这将自动填写下面的附加标签字段,通常会节省您的时间。

或者,您可以在“其他标签”部分中手动添加标签。

接下来,您可以向下滚动到“设置”部分,并为您的帖子类型设置不同的属性。每个选项都附有简短说明,解释其用途。

如何在 WordPress 中添加自定义帖子类型的图标

例如,您可以选择如何对帖子类型进行排序以及是否使其分层。

在常规设置下方,您将看到用于选择该帖子类型支持哪些编辑功能的选项。只需选中您想要包含的选项即可。

如何在 WordPress 中添加自定义帖子类型的图标

最后,单击“添加帖子类型”按钮保存并创建您的自定义帖子类型。

有关如何使用自定义帖子类型 UI 创建自定义帖子类型的更详细说明,请参阅有关如何在 WordPress 中创建自定义帖子类型的指南中的第一种方法。

使用插件将图标添加到自定义帖子类型

创建自定义帖子类型后,您可以选择一个图标。这很简单,因为自定义帖子类型 UI 插件默认支持 Dashicons。

首先,转到CPT UI » 添加/编辑帖子类型,然后单击页面顶部的“编辑帖子类型”选项卡。确保从下拉菜单中选择正确的帖子类型。

如何在 WordPress 中添加自定义帖子类型的图标

完成此操作后,只需向下滚动到同一页面底部附近的“设置”,然后找到“菜单图标”部分。

AlegroCart
AlegroCart

AlegroCart新功能:维类:包括在这两种线性长宽高或面积或体积长波产品尺寸允许与期权产品:让产品/期权组合独特的数量,尺寸,图像和型号。选择店铺标识管理 图片放大镜:显示一个图片放大上空盘旋时,产品形象弹出框。自定义错误报告:设置在管理员启用。 开发者只可以显示详细的信息。错误信息都写入到错误日志文件每天可以通过电子邮件发送给管理员。仓库皮卡航运模块:允许客户指定产品在商店的位置回升。增加了

下载

您现在应该看到两个选项,用于将图标添加到自定义帖子类型。“选择 dashicon”按钮可让您选择任何 Dashicon,“选择图像图标”可让您从媒体库上传或选择图像图标。

如何在 WordPress 中添加自定义帖子类型的图标

在本教程中,我们将单击“选择 dashicon”按钮。

您现在可以使用弹出窗口顶部的箭头浏览数百个图标。

如何在 WordPress 中添加自定义帖子类型的图标

您还可以搜索 Dashicon。在本教程中,我们将搜索“book”。

出现四个匹配的图标,两个“Facebook”图标和两个“书籍”图标。只需单击您想要使用的那个即可。

如何在 WordPress 中添加自定义帖子类型的图标

所选图标的CSS 类将自动输入到“菜单图标”字段中。

确保向下滚动并单击“保存帖子类型”按钮来存储您的设置。

如何在 WordPress 中添加自定义帖子类型的图标

现在,返回管理仪表板并在左侧边栏中找到自定义帖子类型。

您应该在菜单中的帖子类型旁边看到新图标。

如何在 WordPress 中添加自定义帖子类型的图标

手动添加自定义帖子类型的图标

如果您使用代码手动创建自定义帖子类型,那么您还必须手动添加图标。

首先,您需要访问 Dashicons 网站 ,以便找到您想要用于帖子类型的图标。

如何在 WordPress 中添加自定义帖子类型的图标

对于本教程,请向下滚动到“其他”部分,然后单击“书籍”图标。

您将进入一个页面,其中包含有关图标的更多信息,例如类别名称和图标的 CSS 类。例如,在下面的屏幕截图中,类别是“Miscellaneous”,CSS 类是“dashicons-book”。

如何在 WordPress 中添加自定义帖子类型的图标

您需要将 CSS 类复制到剪贴板。

现在,您需要将一些代码添加到创建自定义帖子类型的同一位置。这可能是您主题的 functions.php文件,或者您可能使用了代码片段插件,例如WPCode。

为了查看其实际效果,下面的代码片段创建了一个名为“Books”的自定义帖子类型,并通过在第 45 行添加 Dashicons CSS 类来添加菜单图标。

如何在 WordPress 中添加自定义帖子类型的图标

要使用上面的代码注册自定义帖子类型时自定义图标,只需将以下代码片段之一添加到第 45 行。

如何在 WordPress 中添加自定义帖子类型的图标

我们希望本教程可以帮助您了解如何在 WordPress 中添加自定义帖子类型的图标。您可能还想了解如何保证网站安全,或者查看我们的常见 WordPress 错误列表以及如何修复它们。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

435

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

335

2024.04.15

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

22

2026.03.10

Kotlin Android模块化架构与组件化开发实践
Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开,重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析,帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系,提升团队协作效率与项目迭代速度。

48

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

93

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

216

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

413

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

143

2026.03.04

Swift iOS架构设计与MVVM模式实战
Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践,系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例,帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

221

2026.03.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

相关下载

更多

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

CSS教程
CSS教程

共754课时 | 42.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号