[auto-list-number display="total"] Best Coffee Grinders
It works in the page title, the browser tab, RSS feeds, the REST API, the titles and descriptions of Yoast SEO, Rank Math, All in One SEO, SEOPress and The SEO Framework, and the social tags of Yoast SEO, Rank Math and SEOPress. In SEO title templates you can also use %%autolisticle_total%% (Yoast, SEOPress) or %autolisticle_total% (Rank Math). The count is kept out of the URL WordPress makes from the title. Add name="my-list" to count a named list and format="words" for "Seventeen".
Block editor
Choose "Insert list number" from the More menu (the arrow) of the text toolbar to add [auto-list-number] at the cursor. The AutoListicle panel in the post sidebar shows how many items the post has, and its "Number headings automatically" switch numbers every heading of the chosen level with no shortcodes at all.
Paginated posts
In posts split into pages with the Page Break block, numbering carries on from page to page, and countdown, position ("4 of 12") and total displays count every page. To number a page by hand, give its first item a start value.
Number headings automatically
Add this once, above your list, and every H2 that follows gets a number in front of it:
[auto-list-number-headings]
It takes the same options as the item shortcode, plus level to pick the heading tag:
[auto-list-number-headings level="h3" display="countdown" before="#" after=""]
Numbers are wrapped in a span with the class "auto-list-number" so you can style them (set wrapper="none" to skip the span). Headings above the shortcode are left alone, and a second [auto-list-number-headings] starts a new count from where it sits.
Shortcode Usage examples
Basic usage
[auto-list-number] Item one. [auto-list-number] Item two. [auto-list-number] Item three.
Countdown example (for "Top 10" style lists)
[auto-list-number display="countdown"] Best item (displays 3) [auto-list-number display="countdown"] Second best (displays 2) [auto-list-number display="countdown"] Third best (displays 1)
Position display example
[auto-list-number display="position"] First item (displays "1 of 3") [auto-list-number display="position"] Second item (displays "2 of 3") [auto-list-number display="position"] Third item (displays "3 of 3")
Custom start number (for multi-part articles)
[auto-list-number start="11"] This displays 11 [auto-list-number] This displays 12 [auto-list-number] This displays 13
Number formats
[auto-list-number format="roman"] Displays I, II, III, IV... [auto-list-number format="alpha"] Displays A, B, C, D... [auto-list-number format="padded"] Displays 01, 02, 03...
Before and after text
[auto-list-number before="#" after=":"] Displays "#1:" [auto-list-number before="Step " after=" -"] Displays "Step 2 -"
Spaces inside the quotes are kept. An underscore also works as a space (before="Step_"), which older versions required.
Extended example using all shortcode functions.
`Here is my list of [auto-list-number display="total"] items.
[auto-list-number] Here is the first item in the list.
[auto-list-number] Make long listicles with ease.
[auto-list-number] You can even have multiple lists in one article.
[auto-list-number name="my-new-list" after=":" wrapper="span"] My new list (this will start at number one).
[auto-list-number name="my-new-list" after=":" wrapper="span"] This will be a second item.
[auto-list-number] This item will be number 4.`
Shortcode Options
auto_list_number_wrapper_tags filter, add or translate number formats with auto_list_number_format, and turn ItemList schema on for every list with add_filter( 'auto_list_number_itemlist_schema', '__return_true' );.
Yes. Put [auto-list-number display="total"] in the title, or %%autolisticle_total%% (Yoast, SEOPress) or %autolisticle_total% (Rank Math) in an SEO title template. Only the total works in titles; numbering individual items is for post content.
Yes. Lists in block widgets and visual Text widgets are numbered on their own, page builder widgets inside a post continue the post's list, and a post shown inside another one (a Query Loop with full content, or a shortcode that embeds a post) is numbered separately from the page around it.
Use the wrapper option (or the automatic heading numbering, which wraps by default) and target the "auto-list-number" class in your CSS.
Yes. Totals for countdown, position and total displays are counted from the rendered content, so shortcodes inside synced patterns are included.