Custom post types are content types like posts and pages. Since WordPress evolved from a simple blogging platform into a robust CMS, the term post stuck to it. However, a post type can be any kind of content.<\/p>\r\n
By default, WordPress comes with these post types: <\/p>\r\n
- \r\n
- \r\n
Post<\/p>\r\n<\/li>\r\n
- \r\n
Page<\/p>\r\n<\/li>\r\n<\/ul>\r\n
You can create your own custom post types and call them whatever you want. For example if you run a movie review website, then you would probably want to create a movie reviews post type. This post type can have different custom fields and even its own custom category structure. Other examples of post types are: Portfolio, Testimonials, Products, etc. <\/p>\r\n
In order to create custom post type in WordPress, you should do the following:<\/p>\r\n
- \r\n
- \r\n
Open your WordPress dashboard.<\/p>\r\n<\/li>\r\n
- \r\n
Go to Appearance -> Editor<\/strong>. In the top right corner select themeXXXXX files to edit.<\/p>\r\n<\/li>\r\n
- \r\n
Click Select<\/strong> button to show themeXXXXX files.<\/p>\r\n<\/li>\r\n
- \r\n
Select theme-init.php<\/strong> file from the list shown on the screenshot below:<\/p>\r\n
![\"Wordpress.How_to_create_custom_post_type-1\"](\"\/help\/wp-content\/uploads\/2014\/10\/Wordpress.How_to_create_custom_post_type-1-300x168.jpg\")
<\/a><\/p>\r\n<\/li>\r\n- \r\n
In the file you will find all custom post types defined in the template.<\/p>\r\n<\/li>\r\n
- \r\n
Each custom post type is highlighted with the php comment.<\/p>\r\n<\/li>\r\n
- \r\n
Find the location you want to add new custom post type and paste the following code:<\/p>\r\n
\r\n\/* Recipes*\/\r\n function my_post_type_recipe() {\r\n\t register_post_type( 'recipe',\r\n\t array(\r\n\t\t 'label' => __('Recipe', CURRENT_THEME),\r\n\t\t 'public' => true,\r\n\t\t 'show_ui' => true,\r\n\t\t 'show_in_nav_menus' => false,\r\n\t\t 'menu_position' => 5,\r\n\t\t 'menu_icon' => 'dashicons-book-alt',\r\n\t\t 'rewrite' => array(\r\n\t\t 'slug' => 'recipes-view',\r\n\t\t 'with_front' => FALSE,\r\n\t ),\r\n\t 'supports' => array(\r\n\t\t 'title',\r\n\t\t 'thumbnail',\r\n\t\t 'editor'\r\n\t\t )\r\n\t )\r\n\t );\r\n }\r\n add_action('init', 'my_post_type_recipe');\r\n<\/pre>\r\n<\/li>\r\n- \r\n
In our case we will add the code above the Services<\/strong> custom post type.<\/p>\r\n<\/li>\r\n
- \r\n
Now we can see our new custom post type Recipe<\/strong> added:<\/p>\r\n
![\"Wordpress.How_to_create_custom_post_type-2\"](\"\/help\/wp-content\/uploads\/2014\/10\/Wordpress.How_to_create_custom_post_type-2-300x168.jpg\")
<\/a><\/p>\r\n<\/li>\r\n- \r\n
In order to save changes, please click Update file<\/strong> button.<\/p>\r\n<\/li>\r\n
- \r\n
Recipe custom post type is now in your dashboard.<\/p>\r\n<\/li>\r\n<\/ol>\r\n
Now let’s change the icon for this custom post type in WordPress dashboard:<\/p>\r\n
- \r\n
- \r\n
Find the following line of the code added:<\/p>\r\n
'menu_icon' => 'dashicons-visibility',<\/pre>\r\n<\/li>\r\n
- \r\n
dashicons-visibility<\/strong> is an icon code – you can replace it with another icon code;<\/p>\r\n<\/li>\r\n
- \r\n
Copy the icon code:<\/p>\r\n
![\"Wordpress.How_to_create_custom_post_type-3\"](\"\/help\/wp-content\/uploads\/2014\/10\/Wordpress.How_to_create_custom_post_type-3-300x171.jpg\")
<\/a><\/p>\r\n<\/li>\r\n- \r\n
Replace the icon code in the file:<\/p>\r\n
- \r\n
- \r\n
- \r\n
![\"Wordpress.How_to_create_custom_post_type-4\"](\"\/help\/wp-content\/uploads\/2014\/10\/Wordpress.How_to_create_custom_post_type-4-300x168.jpg\")
<\/a><\/p>\r\n<\/li>\r\n