{"title":"Phlox Recent News Element","id":50526,"link":"https:\/\/env.averta.net\/en\/step\/phlox-recent-news-element\/","parent":[50516],"content":"<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/news_recent-1.gif\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-50530 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/news_recent-1.gif\" alt=\"\" width=\"450\" height=\"286\" \/><\/a>Displaying <strong>Recent News<\/strong> is one of the available options for <strong>Phlox News<\/strong>. Recent news can appear 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.<\/p>\n<p>Follow below steps to add <strong>Phlox Recent News<\/strong> to a page content:<\/p>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click?<b>Pages?<\/b>on the <b>Dashboard<\/b><\/li>\n<li>Click?<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?<strong>Add Widget<\/strong><\/li>\n<li>Click?<strong>Phlox?<\/strong>and choose?one of the following:\n<ul>\n<li><a href=\"https:\/\/env.averta.net\/en\/step\/phlox-recent-news-element\/?b=50526,50526\" title=\"Phlox Recent News Element\">Recent News<\/a><\/li>\n<li><a href=\"https:\/\/env.averta.net\/en\/step\/displaying-recent-news-in-big-grid\/?b=50528,50528\" title=\"Displaying Recent News in Big Grid\">Big Grid Recent News<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Click the?<strong>Edit?<\/strong>on the right side of the widget on?<strong><strong>Page Builder<\/strong><\/strong><\/li>\n<\/ol>\n<hr \/>\n<h3>Recent News Options<a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-news-element.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-50527 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-news-element.jpg\" alt=\"\" width=\"350\" height=\"1903\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-news-element.jpg 350w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-news-element-55x300.jpg 55w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/recent-news-element-32x173.jpg 32w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/a><\/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>Number of Items 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 News<\/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 News<\/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>Layouts<\/h4>\n<p>&nbsp;<\/p>\n<h4>Different Features<\/h4>\n<p>You are able to enable:<\/p>\n<ul>\n<li>Show big post<\/li>\n<li>Show big post image<\/li>\n<li>Show posts image<\/li>\n<li>Insert news title<\/li>\n<li>Insert news info\n<ul>\n<li>Post info position\n<ul>\n<li>After Title<\/li>\n<li>Before Title<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Insert news date<\/li>\n<li>Insert news author<\/li>\n<li>Insert news categories<\/li>\n<li>Show filters\n<ul>\n<li>Filter by\n<ul>\n<li>Categories<\/li>\n<li>Tag<\/li>\n<\/ul>\n<\/li>\n<li>Filter Button Style:?Slide up, Fill, Cube, Underline, Float frame, Bordered, Float underline<\/li>\n<li>Category Filter Color<\/li>\n<\/ul>\n<\/li>\n<li>Paginate<\/li>\n<\/ul>\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"}