Excerpt Image Grids

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Content Appearance" > "Excerpts"

ProPhoto’s grids can be activated on pages where you have enabled excerpts. This is an attractive way to link to your most recent, categorized, or archived content.

Enable Image Grids

In order to apply an image grid an an archive type page, first excerpts need to be enabled.

Post Excerpt archivesBy checking “image grid” in “ProPhoto” > “Customize” > “Content Appearance” > “Excerpts” all the pages on which you have enabled excerpts will now display an image grid.Post Excerpt Style

Excerpt Image Grid Layout Options

You have the same options available for excerpt image grids as you do for those created in pages or posts.  They are clarified below.

Grid-style excerpt display options

1. Post Loading

When you choose to use grids to display your posts in excerpted format, you have two different options for how the post will load when a grid item is clicked.  First, you can simply have the post load in a new page so that when the grid item is clicked, the visitor is taken directly to the individual post page.  Or second, you can choose to “slide-down post content within grid”.  Under this second option, when a grid thumbnail is clicked, the post content slides down directly under the row in which grid thumbnail is located.

Grid Excerpt Slide-down Example

2&3. Columns/Rows

Your choices here will determine the number of columns and rows that your excerpt grid will have. This applies to an excerpt grid on your blog posts page, as well as any archive page types.

This will override any setting you have in the WordPress “Settings” > “Reading” area for the number of posts to display on a single page.

Google Chrome1

Cropped Grid Layout

If you have more posts then will fit on a page, then the viewer will be given links to navigate extra pages.

4. Grid Layout

Choose between a cropped grid, where all the images are cropped to exactly the same size & aspect ratio, or a masonry grid where images are not cropped and will appear in their original aspect ratio, sized to fit (some people call this a “pinterest style” grid).

Masonry Grid Layout

Masonry Grid Layout

Just be aware that the “masonry” style option is not available if in option #1 you’ve chosen to “slide-down post content with grid”.

5. Image Crop Ratio (cropped layout only)

You can determine the cropping ratio for images in cropped grid layout. So you are not constrained to the default 3:2 (width:height) ratio. If you don’t want your grid image to be cropped in any way, make sure that the image you “feature” is the same aspect ratio as the “crop ratio.”

Excerpt Image Grid Text Options

excerpt-grid-text-options

1. Grid Text Style

Here you can choose between a grid that has text below or that has overlaid text upon rollover.  Either of these grid styles will formatted with the look & feel you choose in these other ProPhoto areas: “Style: Text below”  or  Style: Overlaid text on rollover”

grid-text-below-and-rollover

text below grid item (left) and rollover text grid item (right)

 2. Post text display (text below style only)

When using text below style grid display, you can choose whether or not to display the post excerpt under the grid image.

3. Show comments count (text below style only)

When selected, ProPhoto will display the number of comments for each post in a small speech bubble icon at the bottom of each grid item.

grid-comments

4. Override default text length

You can override the number of characters that is used when you choose to display post excerpt text with your grid images.

excerpt-grid-text-length

By default, excerpts will end after about 120 characters. You can use this box in the Grid-style post excerpt text options area to use a different character limit if you need a bit more  or a bit less excerpt text. This is an example of the default text length of about 120 characters:

grid-no-text-length-override

Grid Excerpt Text default limit of about 120 characters

By entering a larger number, this example shows a text below grid with a longer text limit:

grid-with-text-length-override

Grid Excerpt Text length increased with the override option

NOTE: Use this option carefully with overlaid rollover style grids.  ProPhoto will always use the character limit you set here, even if the resulting text is too big for the grid item, which could result in cut-off text like this:

grid-text-length-override-fail

Too much text in a rollover Grid item looks bad

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto 4" > "Customize" > "Content Appearance" > "Excerpts"

ProPhoto’s grids can be activated on pages where you have enabled excerpts. This is an attractive way to link to your most recent, categorized, or archived content.

Enable Image Grids

In order to apply an image grid an an archive type page, first excerpts need to be enabled.

Post Excerpt archives

By checking “image grid” in “ProPhoto” > “Customize” > “Content Appearance” > “Excerpts” all the pages on which you have enabled excerpts will now display an image grid.Post Excerpt Style

Excerpt Image Grid Options

You have the same options available for excerpt image grids as you do for those created in pages or posts.  The are clarified below.

1. Columns/Rows

Your choices here will determine the number of columns and rows that your excerpt grid will have. This applies to an excerpt grid on your blog posts page, as well as any archive page types.
This will override any setting you have in the WordPress “Settings” > “Reading” area for the number of posts to display on a single page.

Croppped Grid Layout

If you have more posts then will fit on a page, then the viewer will be given links to navigate extra pages.

2. Grid Style

Here you can choose between a grid that has text below or that has overlaid text upon rollover.
Either of these grid styles will formatted with the look & feel you choose in these other ProPhoto areas:
“ProPhoto” > “Customize” > “Grids” > “Style: Text below
and
“ProPhoto” > “Customize” > “Grids” > “Style: Overlaid text on rollover”

3. Grid Layout

Choose between a cropped grid, where all the images are cropped to exactly the same size & aspect ratio, or a masonry grid where images are not cropped and will appear in their original aspect ratio, sized to fit (some people call this a “pinterest style” grid).

Masonry Grid Layout

4. Image Crop Ratio

You can determine the cropping ratio for images in cropped grid layout. So you are not constrained to the default 3:2 (width:height) ratio. If you don’t want your grid image to be cropped in any way, make sure that the image you “feature” is the same aspect ratio as the “crop ratio.”

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us