{"title":"Displaying Recent News in Big Grid","id":50528,"link":"https:\/\/env.averta.net\/en\/step\/displaying-recent-news-in-big-grid\/","parent":[50516],"content":"<p>Displaying <strong>Recent News<\/strong> is one of the available options for <strong>Phlox News<\/strong>. Recent news can appear on Widget Areas or on a page by using Page Builder. You can customize it with different options. Each post on recent posts page can have its title, image, date of the post, categories, etc. Besides, there are some layouts available to display recent news.<a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-big-4.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-50535\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-big-4.jpg\" alt=\"\" width=\"1000\" height=\"495\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-big-4.jpg 1500w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-big-4-300x148.jpg 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-big-4-768x380.jpg 768w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-big-4-1024x507.jpg 1024w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-big-4-318x157.jpg 318w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p><strong>Big Grid Recent News?<\/strong>is one of Phlox News elements on Page Builder, for collecting recent posts in a page\/post and gives big grid style to your recent news. Big grid recent news can appear in seven different patterns and each news post can include the post title and post meta (date and category\/categories).<\/p>\n<p>The big grid layout is the best choice to show recent news in online magazines.<\/p>\n<p>Follow below steps to add recent news in big grid?with Page Builder:<\/p>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click the <b>Pages?<\/b>on the <b>Dashboard<\/b><\/li>\n<li>Click the <b>Add New<\/b><\/li>\n<li>Navigate to the top right hand of the WordPress editor and find <strong><a href=\"https:\/\/env.averta.net\/en\/step\/getting-started-with-siteorigin-page-builder\/?b=36079,36079\" title=\"Getting Started with SiteOrigin Page Builder\">Page Builder<\/a><\/strong>, beside text tab<\/li>\n<li>Click?the?<strong>Add Widget<\/strong><\/li>\n<li>Click the?<strong>Phlox?<\/strong>and choose?<strong>Big Grid Recent News<\/strong><\/li>\n<li>Click the?<strong>Edit?<\/strong>on the right side of the widget on?<strong>Page Builder<\/strong><\/li>\n<\/ol>\n<hr \/>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-50533 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/biggrid-recent-news.jpg\" alt=\"\" width=\"351\" height=\"1337\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/biggrid-recent-news.jpg 351w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/biggrid-recent-news-79x300.jpg 79w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/biggrid-recent-news-269x1024.jpg 269w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/p>\n<h3>Big Grid Recent News Options<\/h3>\n<h4>Title<\/h4>\n<p>Choosing a title for the recent posts is optional. You can leave this field empty.<\/p>\n<h4>Categories<\/h4>\n<p>This section allows you to select?all available categories to show posts from them, or choose specific categories.<\/p>\n<h4>Number of News to Show<\/h4>\n<p>This option lets you choose the number of posts you want to appear in recent posts.<\/p>\n<h4>Exclude News without Media<\/h4>\n<p>Enable this option to exclude news posts without media.<\/p>\n<h4>Order by and Order<\/h4>\n<ul>\n<li><strong>Date:<\/strong> Order the posts by their publication date<\/li>\n<li><strong>Menu Order:<\/strong>?Order by page order<\/li>\n<li><strong>Title:?<\/strong>Order by post title<\/li>\n<li><strong>ID:?<\/strong>Order by post ID<\/li>\n<li><strong>Random:<\/strong> Your posts appear randomly<\/li>\n<li><strong>Comments:?<\/strong>Order the posts by number of comments<\/li>\n<li><strong>Date Modified:<\/strong>?Order by last modified date<\/li>\n<li><strong>Author:?<\/strong>Order by the posts&#8217; author<\/li>\n<\/ul>\n<p>The posts can be either descending or ascending.<\/p>\n<h4>Only Posts<\/h4>\n<p>To show only specific news posts on the page, you can insert their ID in this field.<\/p>\n<h4>Include and Exclude Posts<\/h4>\n<p>By writing the posts ID in Include and Exclude News fields, you are able to include and exclude news from unspecified categories.<\/p>\n<h4>Start Offset<\/h4>\n<p>Here you can write the number of posts you would like to skip.<\/p>\n<h4>Post Big Grid Style<\/h4>\n<p>&nbsp;<\/p>\n<h4>Insert Post Title<\/h4>\n<p>Enable this option to show the title of each post.<\/p>\n<h4>Insert News Meta<\/h4>\n<p>Post meta will appear after enabling this option and it contains date and category\/categories of post.<\/p>\n<h4>Extra Class Name<\/h4>\n<p>In this section, you are able to set a style for the widget. Write the style on?your CSS file, then add the defined class name here.<\/p>\n","type":"solution"}