Pagination plug-in does not work with Tiny theme

Quinn · October 24, 2023, 3:47pm

Hi everyone,

I run a blog using tiny theme (quentinlucantis.com). I noticed that the loading of images is quite slow so I figured I needed to find a pagination solution for my homepage.

I installed the pagination plug-in and played around with the settings (currently supposed to show only 6 posts per page). However, my blog is still not paginated, even though I tried to check with many browsers and devices.

Is the pagination plug-in not compatible with tiny theme, or do I need to do additional setup ? Do you have alternatives to activate it ?

I saw on the blog’s theme creator website (https://mattlangford.com/) that he managed to have a pagination feature enabled but I cannot find a way to replicate it.

Many thanks for your help !

jsonbecker · October 24, 2023, 3:55pm

github.com

MattSLangford/Tiny-Theme-for-Micro.blog/blob/main/layouts/index.html

{{ define "main" }}
<div class="posts h-feed">
    <div class="post_list" role="main">
        {{ $paginator := .Paginate (where .Site.Pages.ByDate.Reverse "Type" "post") (index .Site.Params "archive-paginate" | default 20) }}
        {{ range $paginator.Pages  }}
        <div class="post-preview h-entry {{ range .Params.categories }} {{ . | urlize | lower }}{{ end }}">
          <a href="{{ .Permalink }}" class="post-date u-url"><time class="dt-published" datetime="{{ .Date.Format "2006-01-02 15:04:05 -0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time> ∞</a>
          {{ if .Title }}
          <h2 class="post-title p-name"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
          {{ if templates.Exists "partials/summary.html" }}
          <div class="p-summary">
            {{ .Summary | safeHTML }}
            {{ if .Truncated }}
            <p><a class="read-more" href="{{ .Permalink }}">{{ .Site.Params.read_more_text | safeHTML }}</a></p>
            {{ end }}
          </div>
          {{ else }}
          <div class="e-content">
            {{ .Content }}
          </div>

This file has been truncated. show original

Based this, pagination is set at 20 by default. You could override in your config.json with the paginate property to set it to another number. There should be no need to add the pagination plug-in.

sod · October 24, 2023, 4:14pm

Pinging @Mtt, who might be interested in adding support for the official Micro.blog pagination parameters defined here.

Mtt · October 25, 2023, 3:24pm

I’ve tweaked a few things relating to how Tiny handled pagination. As @jsonbecker pointed out, you should be able to modify the pagination number in config.json without need for the plugin. The default (20 for Tiny) is now provided through that method instead of inline.

To be clear: Tiny has pagination enabled by default with a breakpoint of 20 posts.

Quinn · October 25, 2023, 3:39pm

Many thanks to all of you for the help and detailed responses. I have managed to set it up the way I wanted to - quite amazed by the response times I see on this forum, what a great community!