Custom page template should be used when you want a different layout on any page. There can be multiple reasons for actual uses in your site created on wordpress. This is simple and can be done by following below steps , you just need simple knowledge about php, html and css. 1. Create template file, let us take the example of creating a template where we can display all the posts from a particular category. Also User should be able to navigate easily to each post of that category. a) Create a template file and add the below code,
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 |
<?php /** * Template Name: Category - Content * * @package Your theme's package name */ get_header(); ?> // Display title of page <?php while ( have_posts() ) : the_post(); ?> <?php the_title( '<h1>', '</h1>' ); ?> <?php the_content(); ?> <?php endwhile; // end of the loop. ?> // query used to retrive the posts of a specific category and one post per page <?php $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : '1'; $post = array( 'nopaging' => false, 'paged' => $paged, 'posts_per_page' => 1, 'post_type' => 'post', 'category' => 'Your category', 'order' => 'ASC', 'post_status' => 'publish' ); // The Query $query = new WP_Query( $post ); if ( $query->have_posts() ) { while ( $query->have_posts() ) { $query->the_post(); echo '<table width="100%"><tr>'; echo '<td width="15%" style="font-size:larger">'; previous_posts_link( '« Previous ' ); echo '</td>'; echo '<td width="70%">'; echo '</td>'; echo '<td width="15%" style="font-size:larger">'; next_posts_link( 'Next »', $query->max_num_pages ); echo '</td>'; echo '</tr>'; echo '<tr>'; echo '<td colspan="3" style="text-align:center;">'; echo '<h2>'; echo the_title(); echo '</h2>'; echo '</td>'; echo '</tr>'; echo '<tr>'; echo '<td colspan="3">'; echo the_content(); echo '</td>'; echo '</tr>'; echo '<tr>'; echo '<tr>'; echo '<td colspan="3">'; echo comments_template(); echo '</td>'; echo '</tr>'; echo '<tr>'; echo '<td width="15%" style="font-size:larger">'; previous_posts_link( '« Previous ' ); echo '</td>'; echo '<td width="70%">'; echo '</td>'; echo '<td width="15%" style="font-size:larger">'; next_posts_link( 'Next »', $query->max_num_pages ); echo '</td>'; echo '</table>'; } } else { // no posts found echo '<h1>No Articles Found</h1>'; } wp_reset_postdata(); ?> <?php get_footer(); ?> |
b) Few things to note down which are following, i. Template name must be defined and same name will appear on page while choosing the template ii. Be cautious while writing the php code mixed with html code as these have different syntax iii. Above code is used to display… Read more“How to create custom page template in WordPress”