Xidipity

Knowledge Base

list posts
Template: List Posts Title Links
Xidipity WordPress Theme Knowledge Base Template Content Header Image

The purpose of this template is to display a filtered hierarchical list of post title links. The template is useful in creating a table of contents or quick links.

 

Appearance

Editor view
Post List
Short Stories

 

Web view
Post List
Short Stories

 

Template

<!-- wpX:LIST/POST/LINKS -->
<div class="bdr:bas-2 bdr:lt-so-3x bkg:tint-bas-1 cnr:arch-sm fx:r fxa:1 fxc:3 web[dsp:none]">
  <div class="pad:hrz+0.5">
    <span class="fnt:siz-lg-5x sm)fnt:siz-lg-6x"><i class="icon:lst_unordered_solid"></i></span>
  </div>
  <div class="pad:hrz+0.5">
    <h5>Post List</h5>
    <div>
      <span class="pad:rt+0.125"><i class="icon:paperclip"></i></span>
      <span class="fnt:wgt-500">#title#</span>
    </div>
  </div>
</div>
<div class="mce[dsp:none]">
  [blst css='#css#' bullet='#bullet#' orderby='#orderby#' order='#order#' cnt=#cnt#]#category#[/blst]
</div>
<!-- /wpX:LIST/POST/LINKS -->
 

​Template may scroll horizontally in some circumstances.

Markers

#title#

The goal of the title marker is to provide a reference as to the purpose of the template and is displayed in the editor as a component of the annotation.

#css#

Optional class rule to apply to list.

#bullet#

Optional Font Awesome / Google / Xidipity icon tag

#orderby#

Identify the data element which will determine the list order.

#order#

Display images in either ascending or descending order.

  • a = ascending
  • d = descending
#cnt#

Maximum number of posts to display (0=all).

#category#

Limit list by identifying a post library category.

 

Installation

Steps
  1. highlight & copy template to clipboard
  2. click the line in your content where the list will be placed
  3. open the Xidipity Template Editor in a separate tab
  4. paste clipboard into the editor
  5. update the #title# marker as desired
  6. update the #css# marker as desired
  7. update the #bullet# marker as desired
  8. update the #orderby# marker as desired
  9. update the #order# marker as desired
  10. update the #cnt# marker as desired
  11. update the #category# marker as desired
  12. highlight & copy updated template to clipboard
  13. go back to your content
  14. click the toolbar insert template (  ) icon
  15. paste clipboard into the tool
  16. click OK to insert
​Notes

A common class rule to apply is the list item vertical spacing adjustment. Choices include the following:

  • li:qtr-spaced (quarter spaced)
  • li:dbl-spaced (double spaced)
  • li:tpl-spaced (triple spaced)

 

The icon tag used in this demo is from Google.

<span class="material-icons-outlined">auto_stories</span>

  • Since: v1.0.0

 

May 20, 2022