This quick trick adds a little “5 min read” badge next to every post title — no plugins, just one line of code.
Step 1: Open Your Theme
In your theme folder, open post.hbs (or article.hbs if your theme uses that).
Step 2: Find the Title Line
Look for something like:
hbs
<h1 class="post-title">{{title}}</h1>
Step 3: Add the Badge
Replace it with:
hbs
<h1 class="post-title">
{{title}}
<span class="reading-time">{{reading_time}} min read</span>
</h1>
Step 4: Add Some CSS (optional)
In assets/css/screen.css (or your main stylesheet), add:
css
.reading-time {
font-size: 0.8em;
color: #738a94;
margin-left: 8px;
font-weight: normal;
}
Done!
Ghost auto-calculates {{reading_time}}. Refresh any post — you’ll see the badge.
Works on every post. No config. Zero effort.