So, in this article, we will show you how to create custom post types archive pages in WordPress.<\/p>\n
What is the Custom Post Type Archive Page in WordPress?<\/strong><\/p>\n We can say, a custom post type archive page is where users can view all post items filed under a particular custom post type.<\/p>\n Normally, WordPress comes with two commonly used post types, known as\u00a0Posts and Pages. And many WordPress plugins may also create their own custom post types.<\/p>\n So, you can also\u00a0create custom post types<\/a>\u00a0and use them for different types of content for your WordPress website.<\/p>\n IF you want then buy a good, reliable, secure web\u00a0hosting<\/a>\u00a0service \u00a0from here:\u00a0click here<\/a><\/strong><\/em><\/p>\n After creating your custom post type like the previous article, you will use it inside the WordPress admin panel. Although, your WordPress theme is responsible for displaying all of your content.<\/p>\n Now, if your theme does not have any template for a particular post type, then WordPress will use the default archive template like archive.php<\/strong> to display any post type for the archive page.<\/p>\n So, if you want to change how your custom post types archive page is displayed, then you need to do so by creating a custom template.<\/p>\n It is said that, let\u2019s take a look at how to create a custom post types archive page in WordPress.<\/p>\n Before you create and use the custom post type in archive page, firstly you need to make sure that your custom post type has enabled archive functionality.<\/p>\n So, if you see a\u00a0404 error page\u00a0when you are visiting this archive page, then you can be sure your post type doesn\u2019t have enabled archive functionality.<\/p>\n You can create a custom template for your custom post types archive page for allows you to customize it to fit your needs.<\/p>\n In this case, you can remove the sidebar, change the layout of the page, and provide more context to make the archive page more looking good and arrange it your own way.<\/p>\n Following are a few examples of custom post types archive pages with their own custom templates.<\/p>\n We have given below a custom post types archive template code, you need to just copy and paste your own theme file.<\/p>\n Now, go to your theme folder and create a file like page-products.php<\/strong>, because we already created a products post type<\/p>\n Now go to your website admin dashboard and open your page and select this page template<\/p>\n Finally you go to your Products page and let see your all products item show there, that’s it.<\/p>\n That\u2019s it. If you enjoyed reading this article and have more questions please reach out to our\u00a0support team<\/a>\u00a0via live chat or\u00a0email<\/a>\u00a0and we would be glad to help you. we provide server\u00a0hosting<\/a>\u00a0for all types of need and we can even get your\u00a0server<\/a>\u00a0up and running with the service of your choice.<\/p>\n","protected":false},"excerpt":{"rendered":" Do you want to create a custom post types archive page or create an archive template in WordPress without using any plugin or page builder? By default, custom post types in WordPress would use your own or premium theme\u2019s archive template. Also, you can create your own custom archive page for any custom post type. […]<\/p>\n","protected":false},"author":8,"featured_media":5221,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[153,44,146,155,154],"tags":[54,47,105,103,48,113],"class_list":["post-5220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-theme-customization","category-kvm-xen","category-wordpress","category-wordpress-theme","category-wp-custom-theme","tag-best-vps-hosting-server-maryland","tag-cheap-cloud-servers","tag-cheap-storage-server-hosting","tag-cheapest-vps","tag-dedicated-server-hosting-in-washington-d-c","tag-speed-test-vps"],"yoast_head":"\n![\"how](\"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2022\/07\/how-to-display-custom-post-types-archive-page.png\")
<\/p>\nEnable Archive for Custom Post Type in WordPress<\/h4>\n
Create Custom Post Types Archive Pages and Template in WordPress<\/h4>\n
So now copy and paste the below code into your file:<\/h4>\n
\r\n<?php\r\n\/**\r\n* BR Theme - Page\r\n* Template Name: Product Page\r\n**\/\r\nget_header(); ?>\r\n\r\n<section class=\"main-products-area products-area\">\r\n<div class=\"container-fluid cproducts_area\">\r\n<div class=\"container\">\r\n<div class=\"cproducts-page\">\r\n<div class=\"row\">\r\n<?php\r\n$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;\r\n$args = array(\r\n'post_type'=>'product', \/\/ Your post type name\r\n\/\/'posts_per_page' => 3,\r\n'paged' => $paged,\r\n);\r\n$loop = new WP_Query( $args );\r\nif ( $loop->have_posts() ) {\r\nwhile ( $loop->have_posts() ) : $loop->the_post();\r\n?>\r\n<?php $ad_image= get_post_meta($post->ID, 'ad_image', true); ?>\r\n<div class=\"cproducts col-md-3\">\r\n<div class=\"cproduct-item text-center\">\r\n<div class=\"cproduct-img\"><a href=\"<?php echo get_the_permalink() ?>\"><?php echo get_the_post_thumbnail()?><\/a><\/div>\r\n<div class=\"cproduct-content\">\r\n<div class=\"cproduct-title\">\r\n<h5><a href=\"<?php echo get_the_permalink() ?>\"><?php echo get_the_title() ?><\/a><\/h5>\r\n<\/div>\r\n<div class=\"cproduct-info\">\r\n<h6>\r\n<span>\r\n<?php\r\necho '<i class=\"fa fa-external-link\" aria-hidden=\"true\"><\/i> Brand:';\r\n$terms = get_the_terms( $post->ID, 'cproducts-categories' );\r\nforeach ($terms as $term) {\r\n$name = $term->name;\r\n$cat_link = get_term_link( $term->slug, 'cproducts-categories' );?>\r\n<a href=\"<?php echo $cat_link; ?>\"> <?php echo $name; ?><\/a>\r\n<?php };?>\r\n<\/span>\r\n<i class=\"fa fa-download\" aria-hidden=\"true\"><\/i> <a href=\"<?php echo $ad_image;?>\" target=\"_blank\">Catalog<\/a><\/h6>\r\n<h6 style=\"font-size: 14px;\">\r\n<i class=\"fa fa-pencil-square-o\" aria-hidden=\"true\"><\/i> <a href=\"\/purchase-inquiry\" target=\"_blank\">Purchase Inquiry<\/a>\r\n<\/h6>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<?php endwhile; ?>\r\n<\/div>\r\n<div class=\"custom-page-navi row\">\r\n<?php\r\n$total_pages = $loop->max_num_pages;\r\nif ($total_pages > 1){\r\n$current_page = max(1, get_query_var('paged'));\r\necho paginate_links(array(\r\n'base' => get_pagenum_link(1) . '%_%',\r\n'format' => '\/page\/%#%',\r\n'current' => $current_page,\r\n'total' => $total_pages,\r\n'prev_text' => __('Prev'),\r\n'next_text' => __('Next'),\r\n));\r\n}\r\n}\r\nwp_reset_postdata();\r\n?>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<?php get_footer(); ?>\r\n\r\n<\/pre>\n![\"Do-you-want-to-create-a-custom-post-type-archive-page-in-WordPress\"](\"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2022\/07\/Do-you-want-to-create-a-custom-post-type-archive-page-in-WordPress.png\")
<\/p>\n