threadi

<p>Extends the list block in Block Editor with options for numbered ordered lists such as 1.1, 1.2, 1.3, 2.1 etc.! Use individual numbers up to the 4th level. Also reversed lists (2.2, 2.1, 1.3, 1.2, 1.1 etc.), additional list-styles (like upper- and lowercase roman and alphabet) and custom icons (with Bootstrap, Dashicons or Fontawesome) are supported.</p>
<h3>Usage</h3>
<ol>
<li>Open a page where you want to use nested ordered lists.</li>
<li>Add a normal list block.</li>
<li>Choose ordered list to be able to use its list-style.</li>
<li>Check “Use nested ordered lists” on the right to enable them.</li>
</ol>
<h3>Repository and documentation</h3>
<p>You find some documentations <a href="https://github.com/threadi/nested-ordered-lists-block-editor/tree/master/docs" rel="nofollow ugc">here</a>.</p>
<p>The development repository is on <a href="https://github.com/threadi/nested-ordered-lists-block-editor/" rel="nofollow ugc">GitHub</a>.</p>


Nested Ordered Lists for Block Editor

Extends the list block in Block Editor with options for numbered ordered lists such as 1.1, 1.2, 1.3, 2.1 etc.!

Andy Feliciotti

<p>Easily keep your listicles with numbered lists updated correctly by using this plugin’s shortcode [auto-list-number]. This will display the number 1 and increment with ever use. Perfect if you write blog posts with steps or “top 10 lists”. This will allow you to easily add items to your lists or move elements around without worrying about updating headings with the correct numbers.</p>
<h4>Shortcode Usage examples</h4>
<p>Basic usage</p>
<pre><code>[auto-list-number] Item one.
[auto-list-number] Item two.
[auto-list-number] Item three.
</code></pre>
<p>Extended example using all shortcode functions.</p>
<pre><code>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.
</code></pre>
<h4>Shortcode Options</h4>
<ul>
<li><strong>name</strong> (Default: “default”) If your article has multiple lists this will keep track of multiple numbers. If a name isn’t set it will just use the list name of “default”. But if you have multiple numbered lists you want to keep track of you can use a unique name for each list in your article.</li>
<li><strong>wrapper</strong> (Default: null) Great if you want to wrap each number with a span, div or any html tag. By default the wrapper will include the class “auto-list-number”. This can be helpful if you want to style list numbers separately from your headings.</li>
<li><strong>after</strong> (Default: “.”) After a number is displayed a period and space will be displayed by default. This option is great if you want to change this to a colon or remove it all together. Note that you will have to do this each time the shortcode is displayed, you currently can’t set a new default globally. Additionally the default value does not have white space at the end so you’ll need to include a space between the shortcode and the rest of your title by default.</li>
<li><strong>display</strong> (Default: “increase”) This allows you to display a total number from a specific list in your article. For example using [auto-list-number display=”total” list=”new-list”] will display the total number of times [auto-list-number list=”new-list”] is used. Great for adding something like “Here are our 10 tips:” at the top of your article.</li>
</ul>
<h4>Troubleshooting</h4>
<p>If you are having trouble with a table of contents plugin you can use the [auto-list-number-force-reset] shortcode to reset your post’s numbers. So ideally if your table of contents was at the top of your post you can put [auto-list-number-force-reset] below it so that all headings are reset to start at 1 again. This way the ToC plugin will loop through 1-4 for example then reset then the headlines can display 1-4 again.</p>


AutoListicle: Automatically Update Numbered List Articles

Automatically keep your numbered lists in articles displaying the correct number by using this shortcode [auto-list-number].

Nested Ordered Lists for Block Editor vs AutoListicle: Automatically Update Numbered List Articles