The blog: listings, views and pagination - Auno

Pages, blog and patterns

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 All posts section in the grid view: two post cards with large covers, and the list, grid and exposition buttons beside the title with a dot under Grid
The grid view, picked beside the section title.

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.

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?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.