Features

Layout

Select a custom layout for each instance of the Advanced Page List block allowing you to create everything from a simple sidebar navigation to a services list.

  • Unordered List (such as a sidebar navigation).
  • 1, 2,3,4 & 6 Column Layout(s).
  • Add a custom class to the page list wrapper to match your theme.

Content

  • Include the page description to your page list.
  • Or use the pages content instead of the description.
  • Truncate either content type (excerpt length).
  • Page Title Markup – select the HTML markup for your page titles including headings (h1-h6), divisions <div>,  paragraphs <p>, bold <strong>, span <span> and no wrapper.
  • Add custom read more text.

Page Meta

  • Add page meta to your page list including the publish date, page author, as well as event location (optional custom page attribute ‘event_location’).
  • Add custom text that precedes each page meta option such as the text, ‘Posted On’, before the publish date.
  • Select from 3 page meta locations, allow you to create more page list variations to fit your needs including Below Page Title, Above Page Title, Above Page Image, & Below Page Content.

Images

  • Add an image to your page list.
  • Customize the image dimensions on a block by block basis.
  • Crop the image or allow the image to resize to fit the desired image dimensions.
  • Link the image to the page as well as the page title.
  • Select an image alignment, either left, right or center aligned.

Blog Options

  • Show blog meta in your page list
  • Show the ‘Add Comment’ leading visitors directly to the page comment area for that page.
  • Show Page Parent / ‘Category’ including a custom heading such as ‘Filed Under:’, allowing visitors to click on the parent page such as a main News page for better interlinking from a list of articles or blog posts.

3 Sample Custom Templates

These provide 3 simple examples of how you can customize the Advanced page list block to include additional styling either through a custom template or directly through your specific theme.

Example block templates include (see screenshots for examples):

  • Image Border - A simple image border with a 5 pixels of white space and a light grey image border creating a clean frame around your page list images.
  • Image Shadow – A simple CSS3 technique that creates a shadow below your page list images, bringing the images forward within the design of the page list.

Text Overlay – This example may require you to customize the text overlay margin depending on the page list title size and image sizing but can create a clean look by overlaying the page list titles over each image.