Content Display Block
The Content Display block is the best way to showcase your content in WordPress. Several views are available including Grid, List, Slider, Frontpage, Newspaper and Masonry.
Content filters include categories, tags, author, number of posts and more. You can decide which elements to display such as published date, updated date, time, authors, categories, tags, read more, excerpt and more.
How to add a Content Display block
You can create one of these blocks by clicking the Content Display button in the PublishPress Blocks category. You can customize the default mountain thumbnail image by going to the PublishPress Blocks Configuration.
The default Content Display view is a grid, but you can change that through the toolbar:
Post Settings
In the right sidebar, you can filter posts through Post Settings:
- Post type: choose between post and page.
- Order by: you have a lot of options to order your posts:
- Number of items
Filters
- Categories
- Tags
- Author: available when “Show only posts from current user” is disabled.
- Show only posts from current user: when a user is logged in, his posts will be shown only.
- Exclude these posts
- Exclude current post: if this post is listed in the block, you can exclude it. (Only for Content Display blocks added to post types: post).
- Offset the first posts: you can skip the first posts.
Display Settings
- Columns (for Grid view only)
- Display Featured Image
- Show the image for the first posts or for all.
- Display Caption: display image caption.
- Display Post Author
- Show the post author for the first posts or for all.
- Open link in new tab
- Display Post Date: choose between published and updated.
- Show the post date for the first posts or for all.
- Post Date Format: choose between relative or absolute.
- Display post time
- Display Comment Counts
- Show the comment counts for the first posts or for all.
- Display Category: choose to display as links or plain text
- Show the category for the first posts or for all.
- Display Tags: choose to display as links or plain text
- Show the tags for the first posts or for all.
- Display Read More Link
- Show the read more link for the first posts or for all.
- Read more text: customize the read more text.
- Display Post Excerpt
- Show the post excerpt for the first posts or for all.
- First Post text as Excerpt: if Display Post Excerpt is enabled, display some part of first text found in post as excerpt.
- Text after title: (supports HTML)
- Text before read more: (supports HTML)
Sections order (Pro)
Want to display the image below the title? This feature will be useful. You can change the order of the sections such as image, title, info and text.
- Go to Reorder sections > Sections order
- Choose one of the order options:
- Title, Image, Info, Text
- Image, Title, Text, Info
- Title, Image, Text, Info
- Title, Info, Text, Image
- Title, Text, Info, Image
- Title, Text, Image, Info
Google font and text transform support (Pro)
Choose between 1400 available Google fonts to customize the post title, info, content and read more link. You can choose a different font for each element! You can also transform the text: capitalize, uppercase or lowercase.
- Font family. Choose between 1400 available Google fonts
- Font weight + Style. (when Font family is different to “default”)
- Text transform. Choose between default, uppercase, lowercase and capitalize.
Display specific posts (Pro)
If you want to display selected posts pages or other custom post type, use the “Display these posts only” field inside “Advanced Filters” panel.
This filter disables the other filters (Categories, Tags, etc). To enable back the regular “Filters” panel, clear “Display these posts only” selection.
Autoplay speed (Pro)
When using Slider view with autoplay enabled, you can decide the speed. 1000 equals to 1 second. Look for “Slider view autoplay” panel.
Customize Title (Pro)
In addition to Google font, choose the color and font size for the Title, including hover color. You can change this through the “Title” panel settings. The font size can be different for each device: desktop, tablet and mobile. Optionally you can hide the title based on the device.
- Color
- Color (hover)
- Desktop. You can choose a custom font size (px) or hide the title for big screens
- Tablet. You can choose a custom font size (px) or hide the title for medium screens
- Mobile You can choose a custom font size (px) or hide the title for small screens
Customize Featured image (Pro)
You can change the width and height for the featured images through Featured image panel.
- Custom image size. Enable this in order to change image's size
- Image width (px). Uncheck “auto” to set a custom image's width.
- Image height (px). Uncheck “auto” to set a custom image's height.
Customize Content (Pro)
In addition to Google font, you can customize the content color through the “Content” panel settings.
Customize Read more link (Pro)
Choose the design for the Read more link, including the Google font and hover event. You can change this through the “Read more link” panel settings.
- Font family. Choose between 1400 available Google fonts
- Font weight + Style. (when Font family is different to “default”)
- Text transform. Choose between default, uppercase, lowercase and capitalize.
- Text decoration. Choose between default, none, underline
- Text decoration (hover). Choose between default, none, underline
- Text color
- Text color (hover)
- Background color
- Background color (hover)
- Border style. Choose between none, solid, dotted, dashed, double, groove, ridge, inset and outset
- Border color
- Border color (hover)
- Border width
- Border radius
- Enable padding
- Padding top
- Padding right
- Padding bottom
- Padding left
Content Display views
Using the the toolbar on top of the block, you can choose between six views:
- Grid
- List
- Slider
- Frontpage
- Newspaper
- Masonry
#1. Grid view
Is the default view. A setting to choose the number of columns will be available through the Display settings.
#2. List view
#3. Slider view
On the sidebar you have Slider view settings:
- Style: choose between default and headline.
#4. Frontpage view
On the sidebar you have Frontpage view settings:
- Layouts with responsive support.
- Style: choose between default, headline and boxed.
- Space between columns and rows: choose between none, 5px, 10px, 20px, 30px, 40px and 50px.
#5. Newspaper view
On the sidebar you have Newspaper view settings:
- Layouts
#6. Masonry view
On the sidebar you have Masonry view settings:
- Space between columns and rows: choose between none, 5px, 10px, 20px, 30px, 40px and 50px.
In addition, in Display settings panel you have two extra options to choose the number of columns in tablet and mobile:
PublishPress Authors support
The Content Display block supports PublishPress Authors. This means you can filter by authors managed through this plugin and display more than one author.
PublishPress Series support
The Content Display block supports PublishPress Series. This means you can display your series and order by series order option. If you use PublishPress Series Pro, custom post types are supported.