Displaying Featured Posts

Highlighting some stories of your blog is always a good idea: you keep the momentum and continue to grab attention for the long game. Having in mind the layout of a foodie magazine, we came up with a set of widgets that will help you customise your online cookbook.
In this article, we walk you through how to create an unique layout for your front page by using our custom widgets, such as:

Each widget has various options that help you customize and showcase your posts and recipes to meet your needs and desires. You can use them to create a Home Page or a Recipe Index. In the following sections we share more about each widget and its particular options.

Make use of the Lists Posts

  1. Title: choose a title for the section of posts that describes them best. Leaving this field blank will not display any title.
  2. Posts Source: there are three sources from which you can select your posts to be displayed from:
    • Recent Posts – The widget selects from your most recent posts on your blog
    • Category – Your posts are selected from a category of your choice. A drop-down will be shown with all your categories if the Category option is selected.
    • Tag – Posts which have a particular tag will be displayed in the widget. A drop-down will appear with all your tags if the Tags option is selected.
  3. Order by: you can order your posts based on one of the following rules:
    • Date – Your posts will be ordered in reverse order based on the date you published them
    • Popularity – Depending on how many views a post generates, your posts will be ordered from the most popular to the least famous from the source you’ve selected above.
  4. Post IDs: if you have a post that you particularly want to bring up among the first ones, you can add it by typing the post’s ID. Once saved, it will appear as the first one in your widget. You can have more than one post inserted this way. Here’s a useful article on how you can find a post’s ID.
  5. Number of posts to show: choose how many posts you want to be displayed in your widget
  6. Image Ratio: you can change how your post’s Featured Image should be displayed. There are three options from which you can choose:
    • Portrait – 3:4
    • Square – 1:1
    • Landscape – 4:3
  7. Show Post Excerpt: you can choose if the excerpt of a post should be displayed along with it. The excerpt is either automatically set or you can set it however you want. We wrote a short article about it.
  8. Show “Read More” button: you can choose if the “Read More” button is displayed or hidden after your post.
  9. Primary Meta / Secondary Meta: you can set which information you want to display alongside your post. There are two areas above the title where the info can be displayed. You can choose from the following:
    • None
    • Category
    • Author
    • Date
    • Tags
    • Comments
  10. Show “View More” Button: set the visibility of the “View more” button that will be displayed at the end of your widget

Make use of the Grid Posts

Featured Posts – Grid widget has the same options as Featured Posts – List widget and an additional one: Number of columns. With the new option you can set how many columns your posts should be displayed. There are three options from which you can choose:
  • 1 Column
  • 2 Columns
  • 3 Columns
We took great care of layouts and how your posts could create a beautiful and readable grid on many devices. That’s why we decided to limit the number of columns to a maximum of three. It works perfectly on smaller resolutions and devices.
The Julia: Featured Posts  widget is similar to the Julia: List Posts widget, but since it has set to always display 5 posts, it will not have the Number of Posts to Show field. As for the rest of the options, they are the same as in the first described widget.
The Julia: Featured Posts Alt widget is similar to the Julia: List Posts widget, but since it has set to always display 5 posts, it will not have the Number of Posts to Show field. As for the rest of the options, they are the same as in the first described widget.
As you can see, these custom widgets offer you a lot of room to play around and make the most out of Julia. Explore each of them, but always have a clear goal in mind regarding what you want to achieve in the end.
Updated on June 27, 2017

Was this article helpful?