{"title":"Phlox Recent Posts Element","id":36639,"link":"https:\/\/env.averta.net\/en\/step\/phlox-recent-posts-element\/","parent":[35059,35048],"content":"

Almost every WordPress theme allow you to display your recent posts. This option is available in Phlox, too. The difference is you can give a style to the recent posts by editing the widget options in Widget Areas or in Page Builder. Phlox?Recent Posts?<\/strong>Element<\/strong> is available to show your most recent posts on a widget area of your website, and any page or post you want. You can customize this widget with different options such as displaying a thumbnail photo of the post image, and adding the date of the post. Also, there are various options and styles in page builder to create a recent posts page or post on your website.?Recent Posts can appear in a page or post content. Page Builder has different elements for showing the recent posts. These elements have various styles such as Grid, Carousel, Land, etc. and each of them gives you many customizations.<\/p>\n

Recommended: <\/strong>Instead of using this widget, you can add the Popular Posts Widget<\/a> and set a new tab for recent posts on that widget<\/p>\n

Follow below steps to add Phlox Recent Posts<\/strong> to a widget area or in a page content:<\/p>\n

\"recent-posts-preview\"

Recent Posts in Sidebar<\/p><\/div>\n

1- In Widget Areas<\/h3>\n
    \n
  1. Go to your WordPress Admin Panel<\/strong><\/li>\n
  2. Click the Appearance<\/b> on the Dashboard<\/b><\/li>\n
  3. Then click on the Widgets<\/strong><\/li>\n
  4. Find [Phlox] Recent Posts?<\/strong>among the available widgets and add it to your desired Widget Area<\/a><\/strong>.<\/li>\n<\/ol>\n

    2- In Page Builder<\/h3>\n
      \n
    1. Go to your WordPress Admin Panel<\/strong><\/li>\n
    2. Click?Pages?<\/b>on the Dashboard<\/b><\/li>\n
    3. Click?Add New<\/b><\/li>\n
    4. Navigate to the top right hand of the WordPress editor and find Page Builder<\/a><\/strong>, beside text tab<\/li>\n
    5. Click?Add Widget<\/strong><\/li>\n
    6. Click?Phlox?<\/strong>and choose?one of the following:\n