Displaying Featured Posts

High­light­ing some sto­ries of your blog is always a good idea: you keep the momen­tum and con­tin­ue to grab atten­tion for the long game. Hav­ing in mind the lay­out of a food­ie mag­a­zine, we came up with a set of wid­gets that will help you cus­tomise your online cook­book.
In this arti­cle, we walk you through how to cre­ate an unique lay­out for your front page by using our cus­tom wid­gets, such as:

Each wid­get has var­i­ous options that help you cus­tomize and show­case your posts and recipes to meet your needs and desires. You can use them to cre­ate a Home Page or a Recipe Index. In the fol­low­ing sec­tions we share more about each wid­get and its par­tic­u­lar options.

Make use of the Lists Posts

  1. Title: choose a title for the sec­tion of posts that describes them best. Leav­ing this field blank will not dis­play any title.
  2. Posts Source: there are three sources from which you can select your posts to be dis­played from:
    • Recent Posts — The wid­get selects from your most recent posts on your blog
    • Cat­e­go­ry — Your posts are select­ed from a cat­e­go­ry of your choice. A drop-down will be shown with all your cat­e­gories if the Cat­e­go­ry option is select­ed.
    • Tag - Posts which have a par­tic­u­lar tag will be dis­played in the wid­get. A drop-down will appear with all your tags if the Tags option is select­ed.
  3. Order by: you can order your posts based on one of the fol­low­ing rules:
    • Date — Your posts will be ordered in reverse order based on the date you pub­lished them
    • Pop­u­lar­i­ty — Depend­ing on how many views a post gen­er­ates, your posts will be ordered from the most pop­u­lar to the least famous from the source you’ve select­ed above.
  4. Post IDs: if you have a post that you par­tic­u­lar­ly want to bring up among the first ones, you can add it by typ­ing the post’s ID. Once saved, it will appear as the first one in your wid­get. You can have more than one post insert­ed this way. Here’s a use­ful arti­cle on how you can find a post’s ID.
  5. Num­ber of posts to show: choose how many posts you want to be dis­played in your wid­get
  6. Image Ratio: you can change how your post’s Fea­tured Image should be dis­played. There are three options from which you can choose:
    • Por­trait — 3:4
    • Square — 1:1
    • Land­scape — 4:3
  7. Show Post Excerpt: you can choose if the excerpt of a post should be dis­played along with it. The excerpt is either auto­mat­i­cal­ly set or you can set it how­ev­er you want. We wrote a short arti­cle about it.
  8. Show “Read More” but­ton: you can choose if the “Read More” but­ton is dis­played or hid­den after your post.
  9. Pri­ma­ry Meta / Sec­ondary Meta: you can set which infor­ma­tion you want to dis­play along­side your post. There are two areas above the title where the info can be dis­played. You can choose from the fol­low­ing:
    • None
    • Cat­e­go­ry
    • Author
    • Date
    • Tags
    • Com­ments
  10. Show “View More” But­ton: set the vis­i­bil­i­ty of the “View more” but­ton that will be dis­played at the end of your wid­get

Make use of the Grid Posts

Fea­tured Posts — Grid wid­get has the same options as Fea­tured Posts — List wid­get and an addi­tion­al one: Num­ber of columns. With the new option you can set how many columns your posts should be dis­played. There are three options from which you can choose:
  • 1 Col­umn
  • 2 Columns
  • 3 Columns
We took great care of lay­outs and how your posts could cre­ate a beau­ti­ful and read­able grid on many devices. That’s why we decid­ed to lim­it the num­ber of columns to a max­i­mum of three. It works per­fect­ly on small­er res­o­lu­tions and devices.
The Julia: Fea­tured Posts  wid­get is sim­i­lar to the Julia: List Posts wid­get, but since it has set to always dis­play 5 posts, it will not have the Num­ber of Posts to Show field. As for the rest of the options, they are the same as in the first described wid­get.
The Julia: Fea­tured Posts Alt wid­get is sim­i­lar to the Julia: List Posts wid­get, but since it has set to always dis­play 5 posts, it will not have the Num­ber of Posts to Show field. As for the rest of the options, they are the same as in the first described wid­get.
As you can see, these cus­tom wid­gets 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 regard­ing what you want to achieve in the end.
Updated on June 27, 2017

Was this article helpful?