User guides for PizazzWP blocks and plugins for Headway and WordPress
ExcerptsPlus User Guide

Examples

The following examples provide some info on how different lexcerpts layouts on the Excerpts+ demo pages were formed

Using Pagination

media_1327822461784.jpg

Pagination is when WordPress allows you to page through your posts. You’ll see the “Previous” and “Next” buttons at the foot of posts when pagination is enabled.

Key settings:
Layout- Pagination: Enabled;
Layout – Number to show full width: 1;
Images – Image Location: Title;
Images – Image Position: Left;
Images – Title aligned with content: Enabled

Using Excerpts+ like an Image Rotator

media_1327822525651.jpg

An image rotator takes its image from a gallery or specified URLs. With Excerpts+, they are taken from the posts or pages. Consequently, it would be a little clunkier to use Excerpts+ as an image rotator than a specific plugin or block, but sometimes, it might be the right tool for the job.

Key settings:
StructureCell Row 1: Image (others: None)
LayoutNumber Across: 1
FiltersInclude Categories: Choose a category were all the posts have images
Image Sizing – Image Height: Of your choosing
SlidersDisplay as a slider: Show
SlidersPager type: NoneNote: The Image Width is not used, because locating the image in a cell makes the image the full width of the cell.

media_1327822529122.jpg

Key settings:
Structure – Cell Row 1: Title
Structure – Cell Row 2: Content
Structure – Vertical Alignment: Bottom
Layout – Number Across: 1
Filters – Include Categories: Choose a category were all the posts have images
Image Sizing – Image Height: Of your choosing
Sliders – Display as a slider: ShowNote: The Image Width is not used, because locating the image in a cell makes the image the full width of the cell.

Using the Title and Content alignment

media_1327822666660.jpg

A popular design feature is showing an image, then aligning all the content with its right edge, so that the space underneath the image is empty. This is as simple as enabling it in Excerpts+. Plus, if a post doesn’t contain a Featured Image, the layout in that cell will adjust accordingly, keeping everything very neat.

Key settings:
Images – Align excerpt with title when image in title: Enabled
Images – Image Location: Title
Images – Image Position: Left(right works too, but it’s not as obvious)

Note: Don’t overdo the image width, because if the image takes up too much width of the cell, the content will get all squished.

media_1327822699619.jpg

Show one excerpt then the remainder as a list of titles

media_1327822719893.jpg

This is a layout commonly used on magazine and news sites where they want to show an excerpt of the first story in a category, and then title links for for then next five or so.

Key Settings:
Layout – Number across: 1
Excerpts – Excerpt first then list: Enabled

Note: This feature only works when Number across is set to one – otherwise it would all look too messy.

Three examples of using the Structure editor to get different layouts

media_1327822724115.jpg

In the above example, the image is display within the content/excerpt.

media_1327822730977.jpg

This example shows when the Image Location is set to Behind. The cells are aligned to the bottom of the image. Note how unused cells are ignored.

media_1327822735978.jpg

Thirdly, an example that shows the image location being set by the structure.