exist WordPress Custom Post Types (CPT) is a powerful tool for managing content categories and differentiating front-end styles. For example, if you want to make a recipe website, you can use CPT to create a separate "Recipe" type, which is separate from blog posts, and has its own structure of pages, archives, categories, and so on.
This tutorial will demonstrate how to use the MetaBox Plugin Create custom article types and combine Blocksy thematicStyling it to achieve a full-featured, uniformly styled content module.
![图片[1]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508143413364-image.png)
I. Why use CPT?
- Categorize content and manage it without mixing it with articles
- Each type can define independent styles, fields, layouts
- Better for displaying structured content (e.g. products, case studies, courses, recipes, etc.)
II. Creating Custom Post Types (CPT)
Before you start, make sure the following plugins are installed and enabled:
- MetaBox main plug-in
- MetaBox CPT & Custom Taxonomies plug-in (software component)
Upon completion.WordPress A new one will appear in the background Post Types menu, the operation procedure is as follows:
- Click "New Post Type" to create a new post type.
![图片[2]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508144217181-image.png)
- Enter basic information such as Name, Slug, Description, Icon, etc.
![图片[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)
- It is recommended that a separate Taxonomy be created for each CPT.
![图片[5]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508144510238-image.png)
- Click "Publish" to complete the creation.
The CPT name created in this example is RecipesThe
Next, you can import some demo content to make it easier to view the layout on the front end and add the archive page links to the main menu, and don't forget to update the fixed link structure.
![图片[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)
Customize the style of the CPT (using Blocksy)
1. Styling of archive pages
Open the front-end and click on "Recipes" in the navigation menu to go to the archive page for the CPT.
![图片[8]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508145029818-image.png)
At this point the page inherits the default style and we can:
- show (a ticket) Customizer
![图片[9]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151002688-image.png)
- In the left-hand menu, select Recipes (CPT name)
![图片[10]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151042932-image.png)
- Access to archive page settings: hiding titles, rearranging post card layouts, etc.
![图片[11]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151210481-image.png)
- Real-time preview of modification effects
2. Single page customization (Single Page)
Click on a "Recipes" article to go to the details page:
- Also in the Customizer, go to Recipes > Single
![图片[12]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151311757-image.png)
- Setting the Title Area Style (Title Hero)
![图片[13]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151356701-image.png)
- start usinga side-bar (in software)The following is a list of additional information that can be used to display
![图片[14]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151435505-image.png)
- Turn on elements such as "share buttons", "related posts", etc.
![图片[15]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151506300-image.png)
Blocksy's support for CPT is excellent, and each content type automatically generates a separate entry in the customizer for easy tweaking.
IV. Enhancing extended support
Blocksy CPT support also includes the ability to expand:
- enabling Post Types Extra Extensions to enable article filtering, scrolling progress bar, displaying custom fields, etc.
![图片[16]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式](https://www.361sale.com/wp-content/uploads/2025/05/20250508151635992-image.png)
- Custom fields can be created in conjunction with MetaBox to further enhance the structure of a single piece of content
V. Summary
The MetaBox is connected to the Blocksy The combination of creating and beautifyingCustomized ArticlesTypes made easy. Whether it's displaying different types of content or implementing separate styling layouts in just a few steps, Blocksy's intelligent recognition and built-in styling support make the process easy and efficient, making it ideal for professional websites with clearly categorized content.
Recent Updates
Link to this article:https://www.361sale.com/en/53264/The article is copyrighted and must be reproduced with attribution.


















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments