在 WordPress 中,自定义文章类型(CPT)是实现内容分类管理和前端风格差异化展示的强大工具。比如,你想做一个菜谱网站,就可以通过 CPT 创建一个独立的“食谱”类型,与博客文章分离,拥有独立的页面、归档、分类等结构。
本教程将演示如何使用 MetaBox 插件 创建自定义文章类型,并结合 Blocksy 主题对其进行样式美化,实现一个功能完整、样式统一的内容模块。
![图片[1]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508143413364-image.png)
一、为什么使用 CPT?
- 将内容分类管理,不和文章混在一起
- 每种类型都可以定义独立的样式、字段、布局
- 更适合展示结构化内容(如产品、案例、课程、食谱等)
二、创建自定义文章类型(CPT)
在开始前,确保已安装并启用以下插件:
- MetaBox 主插件
- MetaBox CPT & Custom Taxonomies 插件
完成后,WordPress 后台会出现新的 Post Types 菜单,操作流程如下:
- 点击“New Post Type”新建文章类型
![图片[2]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508144217181-image.png)
- 输入名称、Slug、描述、图标等基础信息
![图片[3]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508144421293-image.png)
![图片[4]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508144446906-image.png)
- 建议为每种 CPT 创建独立的分类法(Taxonomy)
![图片[5]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508144510238-image.png)
- 点击“发布”完成创建
本示例中创建的 CPT 名为 Recipes(食谱)。
接下来,可导入一些演示内容,便于在前端查看排版效果,并将归档页链接添加至主菜单中,别忘了更新固定链接结构。
![图片[6]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508144726469-image.png)
![图片[7]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508144909996-image.png)
三、自定义 CPT 的样式(使用 Blocksy)
1. 归档页样式调整
打开前端,点击导航菜单中的“Recipes”项,即可进入该 CPT 的归档页面。
![图片[8]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508145029818-image.png)
此时页面继承了默认样式,我们可以:
- 打开 Customizer(主题自定义器)
![图片[9]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151002688-image.png)
- 在左侧菜单中选择 Recipes(CPT 名)
![图片[10]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151042932-image.png)
- 进入归档页面设置:隐藏标题、重新排列文章卡片布局等
![图片[11]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151210481-image.png)
- 实时预览修改效果
2. 单页样式定制(Single Page)
点击某一篇“食谱”文章进入详情页:
- 同样在 Customizer 中,进入 Recipes > Single
![图片[12]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151311757-image.png)
- 设置标题区域样式(Title Hero)
![图片[13]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151356701-image.png)
- 启用侧边栏,用于展示额外信息
![图片[14]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151435505-image.png)
- 打开“分享按钮”、“相关文章”等元素
![图片[15]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151506300-image.png)
Blocksy 对 CPT 的支持非常好,每个内容类型都会自动在自定义器中生成独立入口,便于调整。
四、增强扩展支持
Blocksy 的 CPT 支持还包含扩展能力:
- 可启用 Post Types Extra 扩展,实现文章筛选、滚动进度条、显示自定义字段等功能
![图片[16]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151635992-image.png)
- 可结合 MetaBox 创建自定义字段,进一步增强单篇内容的结构性
五、总结
通过 MetaBox 与 Blocksy 的结合,创建和美化自定义文章类型变得非常简单。无论是展示不同类型的内容,还是实现独立的风格排版,只需几个步骤即可完成。Blocksy 的智能识别和内置样式支持,让整个过程轻松高效,非常适合内容分类明确的专业网站使用。
最近更新
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |




















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容