The blog: listings, views and pagination - Auno
The blog page lists every post as a row: a square thumbnail, the title and the date. Visitors can switch the list to a grid or to one large cover after another, and move through the pages without the page reloading. The page is the Blog Home template at AppearanceEditorTemplates.
#What the blog page shows
- Title with the post count
The heading reads Blog (12): the With post count style on a Heading adds the number of published posts. Archives use it on their Query Title.
- Intro
A line of text under the title. Edit it in the template.
- Topics
Your categories as a list marked with an arrow, using the Topics style.
- All posts
The rows, with the view buttons beside the section title and page numbers under them that swap the posts in place.
How many posts a page holds is set at SettingsReading in Blog pages show at most.
#List, grid and exposition
The three buttons beside All posts switch the view: List (the rows), Grid (two columns of cards with large covers, one on phones) and Exposition (one post after another, each with a wide cover over its title). The posts glide to their new places as the view changes, and a cover zooms in a little under the pointer in every view. The choice is remembered in the visitor's browser for every listing of posts, and a visitor without JavaScript sees the rows.

The buttons come from the Switchable views style on the Query block. To use them on another listing, select its Query block and pick the style. Take it off to fix a listing to its built-in view.
With Auno Pro, the same Query block has a Views panel: Opens in sets the view the listing starts in, and that view's button moves to the front. A view a visitor picks is still remembered over it.
#Pagination
Select the Pagination block under a listing and pick a style in its Styles panel:
- Default
Numbered pages that open as ordinary pages.
- Numbers, no reload
Numbered pages that swap the posts in place, without loading a new page. The blog page and the Works archive use it.
- Load more
A button that adds the next posts under the current ones. Its arrow drops out and a second one follows under the pointer.
- Infinite scroll
The next posts arrive as the reader nears the end of the list.
While posts load, the controls read Loading, and the whole pagination hides after the last page. The page numbers have their own styles, Boxed and Plain, on the Page Numbers block. Posts that arrive without a reload take the view the visitor picked, and their pictures load at the size of that view.
#Archives and search
Category, tag and date pages use the All Archives template: the archive's name with its count and the same post rows, with numbered pages. Search uses Search Results. Both are edited at AppearanceEditorTemplates.
#Questions
The blog page shows nothing, or the wrong posts
Check SettingsReading: the page you use for the blog must be set as Posts page. The Blog Home template draws that page.
Does the view a visitor picks change what others see?
No. The choice is kept in that visitor's browser only. Everyone else starts from the rows, or from the view set in Opens in.
Can the blog use Load more instead of page numbers?
Yes. Open the Blog Home template, select the Pagination block under All posts and pick Load more or Infinite scroll in its Styles panel, then save.
Last updated
Was this article helpful?