您想在管理仪表板中为自定义帖子类型选择新图标吗?
当您登录 wordpress 网站时,您会在侧边栏中看到帖子、页面和所有自定义帖子类型的条目。默认情况下,自定义帖子类型将使用与帖子相同的图标,这可能很难快速排序。
在本文中,我们将向您展示如何在 WordPress 中为自定义帖子类型添加不同的图标。
为什么要在 WordPress 中添加自定义帖子类型的图标?
大多数时候,您在使用WordPress 网站时会使用帖子或页面。但是,您可以使用自定义帖子类型创建其他类型的内容。例如,WooCommerce使用名为“产品”的自定义帖子类型来为您的商店进货。
自定义帖子类型在 WordPress 管理区域中与左侧菜单中的帖子和页面一起列出。WordPress 中的每个菜单项旁边都有一个图标,它们来自名为Dashicons的图标字体。
问题是所有自定义帖子类型都将使用与帖子相同的图标。因此,如果您有多种自定义帖子类型,并且它们都有不同的图标,那么您会发现更容易找到合适的类型。
话虽如此,让我们看看如何在 WordPress 中添加自定义帖子类型的图标。这是我们将在本教程中介绍的内容:
- 使用插件为自定义帖子类型添加图标
- 手动添加自定义帖子类型的图标
使用插件为自定义帖子类型添加图标
如果您不熟悉注册自定义帖子类型或不熟悉代码,那么我们建议您使用 自定义帖子类型 ui 插件来创建帖子类型和 分类法。
使用插件创建自定义帖子类型
首先,您需要创建自定义帖子类型。如果您已经这样做了,那么您可以跳到下面的“使用插件向自定义帖子类型添加图标”部分。
安装并激活插件后,您需要转到 CPT UI » 添加/编辑帖子类型 来创建新的自定义帖子类型。确保您位于“添加新帖子类型”选项卡上。
您需要为您的自定义帖子类型(例如“电影”)提供一个 别名。在其下方,输入复数和单数名称,例如“books”和“book”。
之后,单击“根据所选标签填充其他标签”的链接。这将自动填写下面的附加标签字段,通常会节省您的时间。
或者,您可以在“其他标签”部分中手动添加标签。
接下来,您可以向下滚动到“设置”部分,并为您的帖子类型设置不同的属性。每个选项都附有简短说明,解释其用途。
例如,您可以选择如何对帖子类型进行排序以及是否使其分层。
在常规设置下方,您将看到用于选择该帖子类型支持哪些编辑功能的选项。只需选中您想要包含的选项即可。
最后,单击“添加帖子类型”按钮保存并创建您的自定义帖子类型。
有关如何使用自定义帖子类型 UI 创建自定义帖子类型的更详细说明,请参阅有关如何在 WordPress 中创建自定义帖子类型的指南中的第一种方法。
使用插件将图标添加到自定义帖子类型
创建自定义帖子类型后,您可以选择一个图标。这很简单,因为自定义帖子类型 UI 插件默认支持 Dashicons。
首先,转到CPT UI » 添加/编辑帖子类型,然后单击页面顶部的“编辑帖子类型”选项卡。确保从下拉菜单中选择正确的帖子类型。
完成此操作后,只需向下滚动到同一页面底部附近的“设置”,然后找到“菜单图标”部分。
您现在应该看到两个选项,用于将图标添加到自定义帖子类型。“选择 dashicon”按钮可让您选择任何 Dashicon,“选择图像图标”可让您从媒体库上传或选择图像图标。
在本教程中,我们将单击“选择 dashicon”按钮。
您现在可以使用弹出窗口顶部的箭头浏览数百个图标。
您还可以搜索 Dashicon。在本教程中,我们将搜索“book”。
出现四个匹配的图标,两个“facebook”图标和两个“书籍”图标。只需单击您想要使用的那个即可。
所选图标的css 类将自动输入到“菜单图标”字段中。
确保向下滚动并单击“保存帖子类型”按钮来存储您的设置。
现在,返回管理仪表板并在左侧边栏中找到自定义帖子类型。
您应该在菜单中的帖子类型旁边看到新图标。
手动添加自定义帖子类型的图标
如果您使用代码手动创建自定义帖子类型,那么您还必须手动添加图标。
首先,您需要访问 Dashicons 网站 ,以便找到您想要用于帖子类型的图标。
对于本教程,请向下滚动到“其他”部分,然后单击“书籍”图标。
您将进入一个页面,其中包含有关图标的更多信息,例如类别名称和图标的 CSS 类。例如,在下面的屏幕截图中,类别是“Miscellaneous”,CSS 类是“dashicons-book”。
您需要将 CSS 类复制到剪贴板。
现在,您需要将一些代码添加到创建自定义帖子类型的同一位置。这可能是您主题的 functions.php文件,或者您可能使用了代码片段插件,例如WPCode。
为了查看其实际效果,下面的代码片段创建了一个名为“Books”的自定义帖子类型,并通过在第 45 行添加 Dashicons CSS 类来添加菜单图标。
要使用上面的代码注册自定义帖子类型时自定义图标,只需将以下代码片段之一添加到第 45 行。
我们希望本教程可以帮助您了解如何在 WordPress 中添加自定义帖子类型的图标。您可能还想了解如何保证网站安全,或者查看我们的常见 WordPress 错误列表以及如何修复它们。