title: How to create a WordPress custom category page
body: <p>I want to create a category page that displays the category name, its description and thumbnail. Each category should be linked to its posts when we click on any category it should show its posts on next page.</p>
  
  <pre><code>&lt;?php get_header(); ?&gt;
  
  &lt;div class="container-wrap"&gt;
  
      &lt;div class="container main-content"&gt;
  
      &lt;div class="container"&gt;
  
                  &lt;h1 class="page-header"&gt;
                  &lt;?php echo category_description(); ?&gt;
                  &lt;/h1&gt;
  
          &lt;div class="row"&gt;
  
              &lt;div class="col-md-4 portfolio-item"&gt;
                  &lt;a href="#project-link"&gt;
                      &lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/img/700x400.png" alt="&lt;?php echo get_the_title(); ?&gt;" title="&lt;?php echo get_the_title(); ?&gt;" width="250" height="180" /&gt;
                  &lt;/a&gt;
                  &lt;h3&gt;
                  &lt;a href="&lt;?php echo get_category_link( $category_id=65 ) ?&gt;"&gt;
                  &lt;?php echo get_cat_name(65);?&gt;
                  &lt;/a&gt;
                  &lt;/h3&gt;
                  &lt;p&gt;&lt;?php  echo category_description(); ?&gt;&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="col-md-4 portfolio-item"&gt;
                  &lt;a href="#project-link"&gt;
                      &lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/img/700x400.png" alt="&lt;?php echo get_the_title(); ?&gt;" title="&lt;?php echo get_the_title(); ?&gt;" width="250" height="180" /&gt;
                  &lt;/a&gt;
                  &lt;h3&gt;
                  &lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
                  &lt;?php echo get_cat_name(68);?&gt;
                  &lt;/a&gt;
                  &lt;/h3&gt;
                  &lt;p&gt;&lt;?php  echo category_description(); ?&gt;&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="col-md-4 portfolio-item"&gt;
                  &lt;a href="#project-link"&gt;
                      &lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/img/700x400.png" alt="&lt;?php echo get_the_title(); ?&gt;" title="&lt;?php echo get_the_title(); ?&gt;" width="250" height="180" /&gt;
                  &lt;/a&gt;
                  &lt;h3&gt;
                  &lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
                  &lt;?php echo get_cat_name(70);?&gt;
                  &lt;/a&gt;
                  &lt;/h3&gt;
                  &lt;p&gt;&lt;?php  echo category_description(); ?&gt;&lt;/p&gt;
              &lt;/div&gt;
  
  
  
              &lt;/div&gt;
  
          &lt;div class="row"&gt;
  
              &lt;div class="col-md-4 portfolio-item"&gt;
                  &lt;a href="#project-link"&gt;
                      &lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/img/700x400.png" alt="&lt;?php echo get_the_title(); ?&gt;" title="&lt;?php echo get_the_title(); ?&gt;" width="250" height="180" /&gt;
                  &lt;/a&gt;
                  &lt;h3&gt;
                  &lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
                  &lt;?php echo get_cat_name(67);?&gt;
                  &lt;/a&gt;
                  &lt;/h3&gt;
                  &lt;p&gt;&lt;?php  echo category_description(); ?&gt;&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="col-md-4 portfolio-item"&gt;
                  &lt;a href="#project-link"&gt;
                      &lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/img/700x400.png" alt="&lt;?php echo get_the_title(); ?&gt;" title="&lt;?php echo get_the_title(); ?&gt;" width="250" height="180" /&gt;
                  &lt;/a&gt;
                  &lt;h3&gt;
                  &lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
                  &lt;?php echo get_cat_name(71);?&gt;
                  &lt;/a&gt;
                  &lt;/h3&gt;
                  &lt;p&gt;&lt;?php  echo category_description(); ?&gt;&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="col-md-4 portfolio-item"&gt;
                  &lt;a href="#project-link"&gt;
                      &lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/img/700x400.png" alt="&lt;?php echo get_the_title(); ?&gt;" title="&lt;?php echo get_the_title(); ?&gt;" width="250" height="180" /&gt;
                  &lt;/a&gt;
                  &lt;h3&gt;
                  &lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
                  &lt;?php echo get_cat_name(72);?&gt;
                  &lt;/a&gt;
                  &lt;/h3&gt;
                  &lt;p&gt;&lt;?php  echo category_description(); ?&gt;&lt;/p&gt;
              &lt;/div&gt;
  
  
  
              &lt;/div&gt;
  
          &lt;div class="row"&gt;
  
              &lt;div class="col-md-4 portfolio-item"&gt;
                  &lt;a href="#project-link"&gt;
                      &lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/img/700x400.png" alt="&lt;?php echo get_the_title(); ?&gt;" title="&lt;?php echo get_the_title(); ?&gt;" width="250" height="180" /&gt;
                  &lt;/a&gt;
                  &lt;h3&gt;
                  &lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
                  &lt;?php echo get_cat_name(69);?&gt;
                  &lt;/a&gt;
                  &lt;/h3&gt;
                  &lt;p&gt;&lt;?php  echo category_description(); ?&gt;&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="col-md-4 portfolio-item"&gt;
                  &lt;a href="#project-link"&gt;
                      &lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/img/700x400.png" alt="&lt;?php echo get_the_title(); ?&gt;" title="&lt;?php echo get_the_title(); ?&gt;" width="250" height="180" /&gt;
                  &lt;/a&gt;
                  &lt;h3&gt;
                  &lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
                  &lt;?php echo get_cat_name(74);?&gt;
                  &lt;/a&gt;
                  &lt;/h3&gt;
                  &lt;p&gt;&lt;?php  echo category_description(); ?&gt;&lt;/p&gt;
              &lt;/div&gt;
  +   
              &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;?php get_footer(); ?&gt;
  </code></pre>