Member Avatar for Azmah

Our blog uses the fluid theme but there's an issue, it doesn't support read more and that is crucial for our blog. I can't seem to get the tag working and am wondering how; or, is there a better theme to use?

Edited by happygeek because: self promotional link snipped
  • 2 Contributors
  • 2 Replies
  • 185 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by Azmah

Dani AI

Generated

The Fluid theme itself doesn’t add a “read more” break automatically — Tumblr provides a post-level Read More break (insertable from the post editor or as an HTML tag) and themes must render it with the {block:More} tag. That means two practical routes: (A) make the theme render post breaks inserted by authors, or (B) add an index-page truncation/fallback (CSS or JS) so long posts get shortened even when authors don’t insert a break. ’s JavaScript idea is the usual fallback when editing the theme isn’t wanted. (staff.tumblr.com)

Quick theme fix (recommended when possible): back up the theme, open Customize → Edit HTML, find the post loop (the {block:Posts} / relevant {block:Text}, {block:Photo}, etc.), and insert a {block:More} block right after the post body so a readable “Read more” link appears only when a break exists. Example (place inside the post-type block):

{block:Text}
  {Body}
  {block:More}
    <div class="read-more"><a href="{Permalink}">Read more</a></div>
  {/block:More}
{/block:Text}

Add simple styling in the theme CSS (or {CustomCSS}). This approach uses Tumblr’s theme tags and keeps permalink behavior intact. (tumblr.com)

Fallbacks if posts don’t include breaks: (1) CSS line-clamp to visually truncate on the index and show an inline “read more” link that points to {Permalink} (modern, no JS). Example CSS:

.post-excerpt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }

(line-clamp compatibility notes apply). (2) A short JS/jQuery snippet can truncate by characters/words and append a permalink link or toggle expansion — exactly what suggested when a full theme edit isn’t desired. (developer.mozilla.org)

Notes and troubleshooting: back up the theme before edits; test in Preview or a duplicate blog; {block:More} only renders when a post actually contains a Read More break (authors can insert it from the editor or via <!-- more -->), so use a theme-level truncation if automatic cutting is required. Clear caches and check mobile behavior after changes. (staff.tumblr.com)

Recommended Answers

All 2 Replies

Member Avatar for Arkinder

I'm at school right now, so I don't have access to Tumblr. However, you could make your own theme or try inserting the tags you need with JavaScript.

Regards
Arkinder

commented: thanks :D +1
Member Avatar for Azmah

Ok, thanks. Would you know how?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.