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.