news 2026/6/26 6:32:35

【wordpress系列教程】05 文章分类与标签

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【wordpress系列教程】05 文章分类与标签

在上一节课的末尾,我们看到在文章设置的最下面还有两个选项,分别是“分类目录”和“标签”。

分类可以体现出一篇文章的类别层级。比如我们可以设置一个“计算机”分类,下面可以写网站搭建、游戏开发相关的内容。在“网站搭建”分类下又可以写“本地建站”和“云端建站”两类内容,它是有结构上的层级关系的。

但是标签就不一样了。比如在“网站搭建”分类下有一篇文章讲到了“JavaScript”,顺便提到了编程语言;在“游戏开发”分类下也有一篇文章讲到了“JavaScript”,那么这两篇文章都可以打上“JavaScript”的标签。所以分类更体现结构层级,而标签则可以给任何文章都加上。

你的文章越来越多了之后,肯定需要对文章进行归类和打标签。先来说分类:来到 WordPress 的管理后台,在左侧“文章”菜单里点击“分类目录”。这里可以看到网站现有的分类,你也可以新增分类。可以把模板自带的分类先全选删除,不过这个“未分类”是默认的,所以删不掉。


左侧可以新增分类,比如写一个“网站搭建”。需要给分类取一个“别名” web,这个别名有点像上节课讲到的页面的链接和文章链接。可以随便写一个英文,然后点击“添加分类”。这样在右侧就会出现一个新增的分类。

你可以点击“查看”来打开这个分类的页面。这个页面现在是没有内容的,因为现在还没有“网站搭建”分类的文章。如果你写了一篇新文章,并且分类是“网站搭建”,那么文章发布后它就会出现在这里。

看一下左上角的网址栏,观察一下这个链接:先是网站域名或者 IP,后面跟上一个“/category/”也就是类别的意思,后面就是刚才设置的分类别名。

回到后台,再来添加几个分类。比如“本地建站”,别名就取一个“local”,然后选择一下“父级分类”为“网站搭建”,点击“添加分类”。这样在右侧就会出现新添加的“本地建站”分类,在它的名称前面会有一个横线,表示它是“网站搭建”下面的一个子分类。

再来添加一个“云端建站”的分类,别名叫做“cloud”,父级分类依然是“网站搭建”。这样在“网站搭建”分类下,就有了“本地建站”和“云端建站”这两个子分类。

如果你要再添加一个大的分类,比如“游戏开发”,那么这里的“父级分类”就要选择成“无”,表示它没有父级,就是最顶级的分类。取一个别名“game”,然后点击“添加分类”。可以看到“游戏开发”分类跑到了最顶部,并且它的名字前面没有横线,表示它是最顶级的分类。那么再给“游戏开发”添加一下子分类,比如“Unity”或者“Unreal”,这两个是游戏开发的引擎。新增分类时,父级分类选择“游戏开发”。这样“游戏开发”分类下就也有两个子分类了。

如果你想修改分类的名称或者别名,可以点击“快速编辑”直接修改,然后点击“更新分类”。如果要修改分类的父级分类或者其他的设置,那么可以点击“编辑”,然后进行修改。


分类设置好后,在左侧菜单的“分类目录”下就是“标签”。它的设置方法跟分类很相似,也是在左边填写信息,然后新增的标签会出现在右边的列表里。不同的是标签没有层级关系,所以它没有“父级标签”这种选项。

接下来再回到文章列表,先来编辑一篇文章。先写一个文章标题,比如“网站搭建指南”,然后给网站写点内容。你可以用 AI 工具来辅助你进行创作,或者把你写的文章润色一下。生成式 AI 发展如此迅速的年代,学会用 AI 会大幅提高你的工作效率。比如告诉 ChatGPT:“帮我写一篇网站搭建指南的博客文章,要求通俗易懂,让零基础的人也能学会。”如果你还有其他的要求也可以直接告诉 AI,或者可以让它在第一版初稿的基础上根据你的要求进行修改。你也可以使用国内大厂的 AI,比如通义、豆包等等,注册一个账号就能免费用。把 AI 写好的内容复制过来,粘贴到 WordPress 的文章里。如果你想自己创作,写出更真情实感、有人情味的文章,可以直接在页面里写内容,也可以在文章中插入图片或者其他的一些元素。

内容编辑好后,再来对文章进行设置。首先在最顶部可以设置文章的“特色图片”,也就是封面。你可以在媒体库里选择一张,或者也可以自己上传。
到这里需要跟大家补充一个知识点:上传到网站上的图片资源有时候会影响网站加载的速度。比如你的服务器带宽是 2M,但是文章里的一张图片就占到了 3M 甚至更大,那么页面在加载时,光是等这张图片完全显示出来都需要花上一秒以上。

如果图片很多,加载页面的速度就会很慢,用户体验可能就会受到影响。除非你给服务器升级带宽,但是这个价格会比较贵,不划算。所以就需要先对图片做一下处理。

先给大家推荐两个网站:Pexels最优图像优化。先打开 Pexels。

你可以在这里面搜索需要的图片,这些图片都是无版权可商用的。搜索的时候最好使用英文,搜出来的结果才会更准确。比如搜索一下“web”,结果里面你就可以选择喜欢的图片进行下载。

下载下来的图片可能会比较大,这时候就需要用到另外一个“最优图像优化”的网站。

它可以对图片进行无损压缩。意思就是表面上看起来两张图片没有任何差别,但是图片的大小被压缩到了很小的状态。点击选择图片,或者可以直接把图片拖入到网页中,可以拖入一张或者多张图片。这里图片就会自动进行压缩,会进行不同程度的压缩,压缩的强度越大,图片的大小就会变得更小。你可以选择不同的压缩程度,然后点击查看压缩后的效果。只要看起来不模糊,没有损坏原有的图片效果,就可以直接点击下载。如果是多张图片,下载下来的会是一个压缩包,把压缩包解压,里面就是被压缩好的所有图片。这时候下载下来的图片就比原来小了很多,可以把它们上传到网站上。


图片上传好后再来看“分类目录”和“标签”。你可以直接在这里选择文章的分类。比如它是属于“网站搭建”分类。如果这篇文章的内容是关于“Unreal”引擎的游戏开发教程,那么你就可以选择“游戏开发”分类,然后还可以选择一个“Unreal”子分类。下面还有标签。编辑文章时你可以直接在这里填上标签,比如网站开发当中会用到的“JavaScript”编程语言,那么就可以直接填写“JavaScript”,接着按下回车键或者英文状态下的逗号,标签就成功打上了。你也可以点击这个“×”来移除标签。这样文章整体就编辑好了。

接下来终于可以点击右上角的“发布”按钮把文章发布出去了。这里会让你确定文章的可见性和发布时间,没问题的话点击“发布”就可以了。

然后你可以点击“查看文章”。打开文章后可以看到页面中会显示很大一张封面图,在手机上面看可能还好,但是在电脑端看起来就会不太习惯。如果文章详情页面中没有侧边栏小工具,那么整体内容所占的空间看起来就会比较狭窄,两边会有一些空白间距。

我们给文章填写的分类在最底部可以看到,但是文章的标签却没有显示出来。这些问题你都可以点击页面的“自定义”功能来进行设置。

在左侧菜单中找到“文章详情页”,这里就可以修改文章的结构。

比如让它的宽度变成“正常宽度”,两边就不会有那么多的空白;

如果你想让两边稍微有一点间距,可以选择下面的“盒子”选项。

下面是“内容区垂直间距”,这个跟你在设置页面时看到的四个按钮是一模一样的。

然后是“特色缩略图”,如果你把它关掉,文章的顶部就不会显示特别大的一张封面图。当然你也可以把它开启,然后点击进去对这个缩略图做一些更细致的设置,比如设置它的宽高比以及图像的大小。这里“大小”的意思其实是图片的清晰度,清晰度越高,加载所需要的时间就会多一点。你还可以设置图像的可见性,比如电脑端不显示、手机端显示。

回到上一层,在下面还有“文章标签”可以打开,这样在文章的最底部就会把你给文章添加的标签显示出来,用户也可以点击这个标签查看到有这个标签的所有文章。

点击发布,文章详情页也就编辑好了。

这里的设置会影响所有的文章页面,后面发布的新文章就不需要你重复修改了。

文章成功发布后,再回到 WordPress 后台。这时候打开“文章”菜单里面的“标签”,可以看到刚才在编辑文章时打上的“JavaScript”标签就出现在这里了。

OK,以上就是本集课的全部内容。我们成功地设置了文章的分类和标签,并且发布了文章。下集课再来把文章嵌入到页面中,并且设置一下网站的菜单。下集课见!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/20 6:12:08

基于python框架的房产交易服务平台的设计与实现

目录房产交易服务平台的设计与实现摘要开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!房产交易服务平台的设计与实现摘要 该平台基于Python框架开发,旨在为用户提供高效、安全的…

作者头像 李华
网站建设 2026/6/12 16:28:06

LLM提示工程让遗传咨询更精准

📝 博客主页:Jax的CSDN主页 LLM提示工程:精准遗传咨询的革命性突破 目录 LLM提示工程:精准遗传咨询的革命性突破 引言:遗传咨询的精准化困局 一、提示工程如何重塑遗传咨询全流程 1. 从痛点到价值:维度一的…

作者头像 李华
网站建设 2026/6/12 19:13:19

基于51/STM32单片机自动售货机扫码支付无人超市缺货补货语音设计(设计源文件+万字报告+讲解)(支持资料、图片参考_相关定制)_文章底部可以扫码

基于51/STM32单片机自动售货机扫码支付无人超市缺货补货语音设计STM32-S144-4种商品4路步进电机出货选货支付库存缺货提醒找零声光提醒按键TFT彩屏(无线方式选择) STM32-S144N无无线-无APP版: STM32-S144B蓝牙无线-APP版: STM32-S144W-WIFI无线-APP版: STM32-S144CAN-视频监控W…

作者头像 李华
网站建设 2026/6/20 23:47:18

免费Claude接入终极指南:5分钟搭建个人AI代理服务

免费Claude接入终极指南:5分钟搭建个人AI代理服务 【免费下载链接】AIClient-2-API Simulates Gemini CLI, Qwen Code, and Kiro client requests, compatible with the OpenAI API. It supports thousands of Gemini model requests per day and offers free use o…

作者头像 李华
网站建设 2026/6/15 21:00:52

高效VR视频下载全攻略:N_m3u8DL-RE专业工具深度解析

高效VR视频下载全攻略:N_m3u8DL-RE专业工具深度解析 【免费下载链接】N_m3u8DL-RE 跨平台、现代且功能强大的流媒体下载器,支持MPD/M3U8/ISM格式。支持英语、简体中文和繁体中文。 项目地址: https://gitcode.com/GitHub_Trending/nm3/N_m3u8DL-RE …

作者头像 李华
网站建设 2026/6/25 15:37:47

华硕笔记本风扇噪音终极解决方案:告别恼人异响的静音革命

华硕笔记本风扇噪音终极解决方案:告别恼人异响的静音革命 【免费下载链接】g-helper Lightweight Armoury Crate alternative for Asus laptops. Control tool for ROG Zephyrus G14, G15, G16, M16, Flow X13, Flow X16, TUF, Strix, Scar and other models 项目…

作者头像 李华