Load blog post in any page wordpress

Last updated on July 31st, 2016 at 11:11 am

Wordpress is most popular platform for blog and website we know that. Now in this post i am going to explain you how to load your WordPress post in your page. This is very use full if you are building website in WordPress and also want to show blog list in your custom WordPress page.

 

Live Demo

Custom wordpress page

Please follow these simple step to create custom WordPress template.

Step 1.  Login to WordPress with ftp and move to wp-content ⇒ theme ⇒ your_theme now create a new php file inside your theme folder.

Step 2. After create your file open it and add following comment on top of it.

<?php
/*
  Template Name: Blog Page Template
*/

save your file.

Step 3. Now login  to WordPress admin section eg: yourDomain.com/wp-admin . After login click on Pages menu from left menu bar and add new page create new page name it what ever you like 🙂 and after that look for template right side menu as shown below image and save it

Load WordPress post in your page

Now again open your custom template file you create recently we need to add code here to load all posts. Note i am going to load posts of specific category  here. Paste bellow code in your page

<?php
/*
  Template Name: Blog Page Template
*/
get_header();
	global $more;
	$more = 0;
	query_posts('cat=1'); // Add your category id here
?>
<div id="primary" class="content-area">
	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>	
				<article style="margin-bottom:20px;" class="post-1665 post type-post status-publish format-standard hentry category-android">					
					<header class="entry-header">
						<h2 class="entry-title"><a href="<?php the_permalink();?>" style="font-family: 'Raleway', sans-serif;"><?php  the_title();?></a></h2>		
					</header><!-- .entry-header -->
					<div class="entry-content">
						<p><?php the_excerpt(); ?></p>
					</div>
					<footer class="entry-footer">
						<span class="posted-on">
							<span class="screen-reader-text">Posted on </span>
							<a href="<?=the_permalink();?>" rel="bookmark">
							<time class="entry-date published" datetime="<?php echo get_the_date(); ?>">
							<?php echo get_the_date(); ?>
							</time>
						</span>
					</footer>
				</article>
	<?php
		endwhile;
		endif;
	?>
</div>
<?php
get_footer();

Replace my category id 1 with your category to get your category id open category list from posts links and open any category to edit no in your browser url look for tag_id and place that it above code.

edit-tags.php?action=edit&taxonomy=category&tag_ID=1&post_type=post&wp_http_referer=%2Fwp-admin%2Fedit-tags.php%3Ftaxonomy%3Dcategory

Hope this will help you 🙂