Customize the order of posts

[Nitrohedge21]

Is it possible to customize the order of posts? Thanks in advance 😄

[sharadcodes]

Yeah you could do so by editing the loop

[Nitrohedge21]

Thanks for the quick response!

This is my first time using a Jekyll website so I was wondering if you could be more specific?

[sharadcodes]

Okay, @Nitrohedge21 do you need me to point out to the file ?

[sharadcodes]

Step 1: Add an "order" parameter to your post frontmatter

For each post, add an order parameter in the frontmatter section. Lower numbers will appear first.

---
layout: post
title: "First Post in Custom Order"
date: 2023-01-15
categories: ["jekyll"]
order: 1
---

Post content here...

---
layout: post
title: "Second Post in Custom Order"
date: 2023-02-20
categories: ["jekyll"]
order: 2
---

Post content here...

Step 2: Modify your blog layout to use the custom ordering

Edit your _layouts/blog.html file to sort posts by the order parameter:

<section class="articles">
  {% assign sorted_posts = site.posts | sort: 'order' %}
  {% for post in sorted_posts %}
  <article class="article">
    <h2 class="article-title">
      <a href="{{site.baseurl}}{{post.url}}"> {{post.title}} </a>
    </h2>
    <small class="date">{{post.date | date_to_string}}</small>
    <div class="categories">
      {% for c in post.categories %}
      <a href="#!" data-base-url="{{site.baseurl}}" class="category">{{c}}</a>
      {% endfor %}
    </div>
  </article>
  {% endfor %}
</section>

The key change here is using {% assign sorted_posts = site.posts | sort: 'order' %} and then iterating through sorted_posts instead of directly using site.posts.

This way, posts will be displayed according to their order value rather than by date. If some posts don't have an order parameter, they'll typically be sorted to the beginning.

You could also combine ordering criteria, for example:

{% assign sorted_posts = site.posts | sort: 'order' | sort: 'featured', 'last' %}

This would first sort by order, then put all featured posts at the end.

[Nitrohedge21]

Oh my god, I wasn't expecting this much help. Thank you so much man!
I will implement it to mine as soon as possible and let you know if I have any issues!

[Nitrohedge21]

Thanks a lot man! I appreciate your help because this was professionally done in my opinion and as I said previously, I wasn't expecting this much help! I love your website theme/template! 😄

[sharadcodes]

By the way @Nitrohedge21 I've added two new features in the theme, you can check out the README