{"id":4631,"date":"2020-01-27T11:37:35","date_gmt":"2020-01-27T16:37:35","guid":{"rendered":"https:\/\/blog.uvm.edu\/manual-test\/?page_id=4631"},"modified":"2020-09-26T09:53:15","modified_gmt":"2020-09-26T13:53:15","slug":"how-to-make-your-news-blog-post-landing-page","status":"publish","type":"page","link":"https:\/\/blog.uvm.edu\/manual\/how-to-make-your-news-blog-post-landing-page\/","title":{"rendered":"How to make a news \/ blog landing or home page"},"content":{"rendered":"\n<p class=\"intro--left\">WordPress allows you to create a news landing page with teaser blocks for all your news or blog posts. We&#8217;ve customized this page in the UVM WordPress theme. Here&#8217;s how to incorporate a news landing page into your website. <\/p>\n\n\n\n<p>Once you have a few blog or news posts made, you need to make some decisions about where and how they are displayed. WordPress sites typically have a news landing page showing headlines from different news stories on your site with summary text and a thumbnail images. These are called news &#8220;teasers&#8221;.  This page can be a landing page on your website or can be elevated to be the home page of your site.<\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"08 Making your blog landing the home page, UVM WordPress\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/yqUCsoGtxLA?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><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"10 Static home page with internal blog landing, UVM WordPress\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/4jO7U44tiDo?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><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">How to implement your news landing page<\/h4>\n\n\n\n<p>Before you add your blog post \/ news post landing page to your menu, decide where your want it to go. Is it going to be your home page? Or, is it going to be an interior landing page for all of your news?<br \/><br \/>Neither way is correct- the placement of this page on  your site depends on how you are using the news\/blog post content and how important it is to the purpose of your website. Some UVM WordPress sites use the news teasers to report research results and the entire purpose of their site is to report on research. In this case, having the news landing page (in this case, research news overview page) be the home page could make sense. <br \/><br \/>Your choice. Here&#8217;s how to implement.<\/p>\n\n\n\n<p><br \/><br \/><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"785\" src=\"https:\/\/blog.uvm.edu\/manual-test\/files\/2020\/01\/home_Page_postsInterior-Page-1024x785.png\" alt=\"static home page with news landing on an interior page\" class=\"wp-image-4669\" srcset=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/01\/home_Page_postsInterior-Page-1024x785.png 1024w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/01\/home_Page_postsInterior-Page-300x230.png 300w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/01\/home_Page_postsInterior-Page-768x589.png 768w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/01\/home_Page_postsInterior-Page.png 1131w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Static home page with news landing as an interior page<\/h3>\n\n\n\n<p>First, go to Settings\/Reading in the dashboard. Select &#8220;A Static Page&#8221; for your home page.<br \/><br \/>To define where you want your news landing page to be, just pick your desired page for this content from the drop down menu next to &#8220;Posts Page&#8221;. Your post teasers will appear on that page, providing a landing page for all your posts.<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:180px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"770\" src=\"https:\/\/blog.uvm.edu\/manual-test\/files\/2020\/01\/home_latest_posts-1024x770.png\" alt=\"set home page to latest Posts\" class=\"wp-image-4668\" srcset=\"https:\/\/blog.uvm.edu\/manual\/files\/2020\/01\/home_latest_posts-1024x770.png 1024w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/01\/home_latest_posts-300x225.png 300w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/01\/home_latest_posts-768x577.png 768w, https:\/\/blog.uvm.edu\/manual\/files\/2020\/01\/home_latest_posts.png 1191w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">News landing as your home page<\/h3>\n\n\n\n<p>If you want to lead with your post teasers on the home page, go to Settings\/Reading in the dashboard. Select the radio button &#8220;Your latest posts&#8221; for your home page.<br \/><br \/>That will make a news teaser landing page as your home page.<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:180px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Add Navigation Menu in WordPress\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/ZzNwCHG_VWk?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><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Need help creating your navigation menu?<\/h3>\n\n\n\n<p>You&#8217;ll need to create a navigation menu for your site so your visitors can find your content and navigate between your pages, posts and sections on your site. WP Beginner has a good video tutorial and <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/\">article<\/a> about this. <\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress allows you to create a news landing page with teaser blocks for all your news or blog posts. We&#8217;ve customized this page in the UVM WordPress theme. Here&#8217;s how to incorporate a news landing page into your website. Once you have a few blog or news posts made, you need to make some decisions &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.uvm.edu\/manual\/how-to-make-your-news-blog-post-landing-page\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to make a news \/ blog landing or home page&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5625,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4631","page","type-page","status-publish","hentry","entry"],"featured_image_src":null,"featured_image_src_square":null,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"WordPress allows you to create a news landing page with teaser blocks for all your news or blog posts. We&#8217;ve customized this page in the UVM WordPress theme. Here&#8217;s how to incorporate a news landing page into your website. Once you have a few blog or news posts made, you need to make some decisions&hellip;","_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/4631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/users\/5625"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/comments?post=4631"}],"version-history":[{"count":40,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/4631\/revisions"}],"predecessor-version":[{"id":5364,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/pages\/4631\/revisions\/5364"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/media?parent=4631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}