{"id":2656,"date":"2016-08-04T11:46:33","date_gmt":"2016-08-04T15:46:33","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=2656"},"modified":"2021-10-08T10:22:01","modified_gmt":"2021-10-08T14:22:01","slug":"setting-up-a-blog-page","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/wordpress-tutorials\/setting-up-a-blog-page\/","title":{"rendered":"How to Set up a Blog Page in WordPress"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p>When you first create a <a href=\"https:\/\/www.boldgrid.com\/\">WordPress website<\/a>, the blog posts will show on the front page, or homepage, of your site. Each new blog post will show at the top of the page. However, if you&rsquo;d prefer to show static content instead of posts, you can!<\/p>\n<p>Many web designers choose to have a homepage with custom content instead of posts. To do this, you will need to create a separate page for your posts, called a <strong>blog page<\/strong>. In WordPress, the blog page is a page on your website that shows all your blog posts. New posts appear on the blog page from newest to oldest. The <a href=\"https:\/\/www.starwars.com\/news\" target=\"_blank\" rel=\"noopener\">News section<\/a> of the Star Wars website is one example of a WordPress blog page.<\/p>\n<p>In this article, we will show you <strong>how to set up a blog page<\/strong> in WordPress and start posting in a few simple steps.<\/p>\n<h2 id=\"create-a-blog-page-in-wordpress-posts-archive\">Create a Blog Page in WordPress (Posts Archive)<\/h2>\n<p>The <strong>blog page<\/strong> is the page on a website that displays recent blog posts instead of static content. Blog page is the term for that type of page, you don&rsquo;t have to literally name the page Blog unless you want to. You can call your blog page News, Articles, or anything else you&rsquo;d like.<\/p>\n<p>Creating a blog page is a simple two step process &ndash; create the page and then assign that page as your blog page in the WordPress settings.<\/p>\n<ol>\n<li>First, navigate to <strong>Pages &gt; Add New<\/strong> and create a new page.<\/li>\n<li>Next, name the page. We&rsquo;ve chosen Blog but you can name it whatever you&rsquo;d like. Keep in mind the name will show in the header of the page and in the URL as part of the <a href=\"\/support\/wordpress-tutorials\/wordpress-permalink-settings\/\">permalink<\/a>. Leave the page content area blank. Click <strong>Publish<\/strong>.<\/li>\n<li>You will also need to decide what page will be the homepage. If you do not have one, please create another new page now called Home.<\/li>\n<li>Now navigate to <strong>Settings &gt; Reading<\/strong> and look for the <strong>Your homepage displays<\/strong> section at the top.<br>\n<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/create-a-blog-page-in-wordpress.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-41614 alignnone\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/create-a-blog-page-in-wordpress-300x230.jpg\" alt=\"Create a Blog Page in WordPress\" width=\"300\" height=\"230\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/create-a-blog-page-in-wordpress-300x230.jpg 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/create-a-blog-page-in-wordpress.jpg 601w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\n<li>Select <strong>A static page<\/strong> and then use the dropdowns to choose a Homepage and a Posts page. Select the page you created in step 2 (in our case Blog) in the Posts page dropdown and click <strong>Save Changes.<\/strong><\/li>\n<\/ol>\n<p><strong>Please note:<\/strong> If you are using the BoldGrid <a href=\"https:\/\/www.boldgrid.com\/website-builder\/\">Inspirations Website Builder plugin<\/a>, your WordPress admin menu may look a bit different. Instead of Settings &gt; Reading you will need to navigate to <strong>Settings &gt; Blog<\/strong> to see the same options.<\/p>\n<h2 id=\"view-your-blog-page\">View Your Blog Page<\/h2>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/view-blog-page.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-41616\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/view-blog-page.jpg\" alt=\"View Blog Page Link\" width=\"239\" height=\"106\"><\/a>Now you can see what your blog page looks like on the front end of your website. In the dashboard, click on Pages. There are now labels for <strong>Posts Page<\/strong> and <strong>Front Page<\/strong> next to the page titles so you can always see the active settings.<\/p>\n<p>Hover over the Posts Page title and click view. The page will load and show the front end of your site. You&rsquo;ll see all blog posts from the newest to oldest date of original publication. Below is an example from the Core theme Twenty Twenty-One.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-41709\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-1024x620.png\" alt=\"Blog Page in WordPress\" width=\"1024\" height=\"620\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-1024x620.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-300x182.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-768x465.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page.png 1323w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>The design of this page is set by your active <a href=\"https:\/\/www.boldgrid.com\/wordpress-themes\/\">WordPress theme<\/a>. We recommend opening the Customizer to check for design options, but not all themes have them. For example, Twenty Twenty-One only has 1 blog page option &ndash; show a post summary or the post&rsquo;s full text.<\/p>\n<h2 id=\"style-the-blog-page-in-wordpress\">Style the Blog Page in WordPress<\/h2>\n<p>If you&rsquo;re using Twenty Twenty-One and want to control how your blog page looks, we recommend the plugin <a href=\"https:\/\/wordpress.org\/plugins\/twentig\/\" target=\"_blank\" rel=\"noopener\">Theme Kit by Twentig.<\/a> It adds blog page (posts page) and single post design options in the Customizer. To style your blog page, please follow these step by step instructions after installing and activating the plugin.<\/p>\n<ol>\n<li>Navigate to your Blog Page on the front end of your website.<\/li>\n<li>Open the Customizer.<\/li>\n<li>Click on <strong>Twentig Options <\/strong>and then <strong>Blog<\/strong>.<\/li>\n<li>Your screen should look similar to ours shown below.<br>\n<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/customizer-blog-settings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-43482\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/customizer-blog-settings-1024x479.png\" alt=\"WordPress Blog Page Design Options\" width=\"1024\" height=\"479\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/customizer-blog-settings-1024x479.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/customizer-blog-settings-300x140.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/customizer-blog-settings-768x360.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/customizer-blog-settings-1536x719.png 1536w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/customizer-blog-settings.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/li>\n<\/ol>\n<p>From here you can start changing the settings until you find a design you are happy with. Example elements you can change are:<\/p>\n<ul>\n<li>Blog Layout &ndash; 1 column or multiple<\/li>\n<li>Blog Style &ndash; the styling around each post to tell them apart<\/li>\n<li>Featured Images &ndash; if selected to display you can change the image placement, width, and aspect ratio<\/li>\n<li>Post Title Font Size<\/li>\n<li>Text Alignment<\/li>\n<li>Post Meta controls &ndash; date, author, categories, tags, comments<\/li>\n<li>Pagination Styles &ndash; 2 new options available<\/li>\n<\/ul>\n<h3 id=\"create-a-blog-page-with-columns\">Create a Blog Page with Columns<\/h3>\n<p>If you&rsquo;d like to have a blog page with columns, in the <strong>Blog Layout <\/strong>drop-down select <strong>Grid<\/strong>. A new drop-down will then appear for the number of columns you&rsquo;d like to use. Keep in mind if you are on a smaller screen size (like a laptop) you may see less columns than you entered until the Customizer is closed.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-layout-columns.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43483\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-layout-columns.jpg\" alt=\"WordPress Blog Page with Columns\" width=\"329\" height=\"293\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-layout-columns.jpg 329w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-layout-columns-300x267.jpg 300w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/><\/a><\/p>\n<p>We chose 3 columns and now our blog page is shown below.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-columns.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-43484\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-columns-1024x479.png\" alt=\"Blog Page Columns\" width=\"1024\" height=\"479\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-columns-1024x479.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-columns-300x140.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-columns-768x360.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-columns-1536x719.png 1536w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/blog-page-columns.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3 id=\"get-more-design-options-with-boldgrid-crio\">Get More Design Options with BoldGrid Crio<\/h3>\n<p><a href=\"https:\/\/www.boldgrid.com\/crio-wordpress-theme-for-business\/\">BoldGrid Crio<\/a> can control the same elements as the plugin mentioned above, plus more! Using BoldGrid&rsquo;s unique color palette system, your blog page will use colors exactly how you want. Choose from 4 featured image locations, set the posts that display per page, and choose icons for your meta links. You can also set the width of your blog page &ndash; it can fill the entire screen if you want or stay contained with space on the sides.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/crio-blog-page.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-43530\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/crio-blog-page-1024x388.png\" alt=\"Crio Blog Page\" width=\"1024\" height=\"388\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/crio-blog-page-1024x388.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/crio-blog-page-300x114.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/crio-blog-page-768x291.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/crio-blog-page-1536x582.png 1536w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/08\/crio-blog-page.png 1871w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>If you do not have many posts yet your screen might look a little empty. Next we will discuss how to create blog posts that will display on the blog page.<\/p>\n<h2 id=\"create-blog-posts-in-wordpress\">Create Blog Posts in WordPress<\/h2>\n<p>Now that we have created a page to display our posts, follow the steps below to start posting:<\/p>\n<ol>\n<li><!-- 010 -->In your WordPress dashboard click Posts &gt; <strong>Add New.<\/strong><br>\n<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_010.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2705 alignnone\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_010-300x178.png\" alt=\"Click Add New\" width=\"300\" height=\"178\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_010-300x178.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_010.png 531w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><!-- 011 -->Enter a title and content for your post.<br>\n<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_011.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2706 alignnone\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_011-300x135.png\" alt=\"Enter Title and Content\" width=\"300\" height=\"135\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_011-300x135.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_011.png 753w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><!-- 012 -->(Consider adding tags and categories; this helps organize your posts).<br>\n<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_012.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-2707 alignnone\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_012-300x178.png\" alt=\"Categories and Tags\" width=\"300\" height=\"178\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_012-300x178.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_012-768x455.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_012.png 784w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><!-- 013 -->When ready, click <strong>Publish.<\/strong><br>\n<a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_013.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2708 alignnone\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2656_Selection_013.png\" alt=\"Click Publish\" width=\"300\" height=\"109\"><\/a>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<\/ol>\n<p>Click the permalink or <strong>View post<\/strong> to see your post live.<\/p>\n<h3 id=\"wordpress-pages-vs-blog-posts\">WordPress Pages vs Blog Posts<\/h3>\n<p>WordPress comes with two main types of content &ndash; Pages and Posts. Pages are static, informational content like an About or Contact page. The content on pages generally doesn&rsquo;t change very often. Generally speaking each page should appear in your main navigation menu.<\/p>\n<p>Blog posts are like journal entries or news articles that all show on your blog page. It&rsquo;s not necessary to link each post from the navigation menu, a link to the blog page is enough. You can watch our video below for more information on posts and pages.<\/p>\n<div class=\"video-responsive\">\n<iframe loading=\"lazy\" title=\"Set up a WordPress Blog - the difference between Posts and Pages\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/BzpwnSSrmCM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div>\n<p>Well done! We have just created a blog page and added a post. Remember that your blog is available at the <a href=\"\/support\/wordpress-tutorials\/wordpress-permalink-settings\/\">permalink<\/a> of the blog page. Feel free to share that link, so others can see your new blog.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>When you first create a WordPress website, the blog posts will show on the front page, or homepage, of your site. Each new blog post will show at the top of the page. However, if you&rsquo;d prefer to show static content instead of posts, you can! Many web designers choose to have a homepage with [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to Set up a Blog Page | BoldGrid","bgseo_description":"Learn how to set up a blog page in BoldGrid with a few easy steps. BoldGrid is a drag and drop website builder for WordPress. ","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[151],"tags":[163,164,108],"class_list":["post-2656","post","type-post","status-publish","format-standard","hentry","category-wordpress-tutorials","tag-blog","tag-blog-page","tag-blogging"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/2656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=2656"}],"version-history":[{"count":39,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/2656\/revisions"}],"predecessor-version":[{"id":54888,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/2656\/revisions\/54888"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=2656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=2656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=2656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}