Blocksy Tutorial: Using MetaBox to Create and Beautify Custom Post Types (CPT)

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 创建自定义文章类型并美化样式

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 创建自定义文章类型并美化样式
  • Enter basic information such as Name, Slug, Description, Icon, etc.
图片[3]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式
图片[4]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式
  • It is recommended that a separate Taxonomy be created for each CPT.
图片[5]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式
  • 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 创建自定义文章类型并美化样式
图片[7]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式

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 创建自定义文章类型并美化样式

At this point the page inherits the default style and we can:

  • show (a ticket) Customizer
图片[9]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式
  • In the left-hand menu, select Recipes (CPT name)
图片[10]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式
  • Access to archive page settings: hiding titles, rearranging post card layouts, etc.
图片[11]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式
  • 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 创建自定义文章类型并美化样式
  • Setting the Title Area Style (Title Hero)
图片[13]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式
图片[14]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式
  • Turn on elements such as "share buttons", "related posts", etc.
图片[15]-WordPress 教程:使用 MetaBox 和 Blocksy 创建自定义文章类型并美化样式

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 创建自定义文章类型并美化样式
  • 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


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:托尼屎大颗
THE END
If you like it, support it.
kudos6232 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments