Numerical list

The numerical list pattern is used to show a list of ranked links in the aside of a WordPress blog site.

Rules for numerical lists

  • Must only be used within an aside.
  • Must only be used on blog sites.
  • Must only have one list per page.
  • There must be no more than ten links.
  • There must be no fewer than five links.

Options available

Aside list

Link titles in the numerical list are automated from WordPress post titles.

Example

Most read

Television historian tells the “Story of Us” Sir James MacMillan reignites the creative power of Christian inspiration Earth holds the key to detecting life beyond our solar system Regius Chair in Maths St Andrews summer sports camps launched Museum redevelopment will enhance exhibitions at St Andrews Newly discovered premiere of Debussy children’s ballet to be performed in St Andrews Rats help each other out just as humans do Careers are Not Like Ladders: Female academics talk complexity Killer whale can mimic human speech
Code 
<!-- Begin pattern: numerical list //-->
<h2>Most read</h2>
<div class="list-group numerical-list">
    <a class="list-group-item" href="#"><span class="item-label">Television historian tells the “Story of Us”</span></a>
    <a class="list-group-item" href="#"><span class="item-label">Sir James MacMillan reignites the creative power of Christian inspiration</span></a>
    <a class="list-group-item" href="#"><span class="item-label">Earth holds the key to detecting life beyond our solar system</span></a>
    <a class="list-group-item" href="#"><span class="item-label">Regius Chair in Maths</span></a>
    <a class="list-group-item" href="#"><span class="item-label">St Andrews summer sports camps launched</span></a>
    <a class="list-group-item" href="#"><span class="item-label">Museum redevelopment will enhance exhibitions at St Andrews</span></a>
    <a class="list-group-item" href="#"><span class="item-label">Newly discovered premiere of Debussy children’s ballet to be performed in St Andrews</span></a>
    <a class="list-group-item" href="#"><span class="item-label">Rats help each other out just as humans do</span></a>
    <a class="list-group-item" href="#"><span class="item-label">Careers are Not Like Ladders: Female academics talk complexity</span></a>
    <a class="list-group-item" href="#"><span class="item-label">Killer whale can mimic human speech</span></a>
</div>
<!-- End pattern: numerical list //-->