Gutenberg Blocks – Content Views Pro

Skip to content

Content Views Pro

Demo
Docs
Pricing
Blog
Contact
Login

Content Views Pro

Get The Plugin
Getting Started
View (Shortcode)
Gutenberg Blocks

View (Shortcode)

3

How to create View shortcode?
How to insert View shortcode (to Classic editor, Block editor, page builder)?
How to use prebuilt Patterns on View shortcode?

Gutenberg Blocks

5

How to use our Blocks?
How to use prebuilt Patterns?
How to use prebuilt Templates?
How to Copy a block pattern, template?
Enable Pagination in blocks

Adjustment

47

Hide the “No posts found” message
Change the “No posts found” message
Change loading icon for pagination, Pinterest layout…
Add category/tag/taxonomy term to HTML class of posts in grid
Show PDF media file as embed object
Social buttons – use custom icon
Show author name without hyperlink (disable author link)
Display posts right to left (RTL)
Disable post’s link (prevent click on title, thumbnail image)
Customize icon for each post category, tag, taxonomy term
Show a numerical sequence list with Grid layout
Show more than 10 advertisements (increase ads limit) in View
Change the default thumbnail image
Change comments count text
Scrollable list – vertical scroll
Collapsible List – prevent hiding opened items on click an item
Glossary layout – create indexes from second word (last name, surname)
Display the first image of content as thumbnail
Use custom Title for posts
Disable lightbox on mobile devices
Show the word “By” before Author name
Show thumbnail without hyperlink (disable link of thumbnail)
Show taxonomy term without hyperlink (disable link of taxonomy term)
Pagination – modify label (first, last, prev, next) in the “Normal” pagination
Add “title” attribute to links
Glossary layout – hide the “All” option
Glossary layout – hide all posts at beginning, show on click A-Z letters
Pagination – hide the First, Last button in the Ajax numbered pagination
Show bullet list with Grid layout
Thumbnail Style
Pagination – show only Next, Previous button in “Normal” pagination
Link the Media file to the post which it is attached to
Link the thumbnail to its full image
Use direct link for the Media file (don’t link to the media page)
Prevent the same posts from showing in multiple grids/lists on a page
Prevent images from being pinned to Pinterest.com
Prevent changing URL with Ajax pagination
Change the separator between categories, tags, taxonomies
Customize “Read More” text for each post
Remove Private, Protected prefix from WordPress post title
Pagination – Change number of pages to show
Scrollable list – add a Pause button
Limit the Title length
Collapsible List – open all items on page load
Collapsible List – uncheck “Open first item by default” in all future created Views
Keep styling, paragraphs in Excerpt (allow more HTML tags in Excerpt)
Disable scroll to top on click Ajax pagination pages

Getting Started

2

How to install?
How to use?

How To

19

How to add Featured Image to your posts, pages?
Get the ID of View/Block
How does Content Views get the thumbnail image?
Show manual excerpt of WordPress post
Display media (Youtube/Vimeo…) as thumbnail
Display posts in Sidebar
Display WordPress category name above posts list (display term as heading)
Show only N posts of each selected term (category, tag …)
Add new social share buttons (WhatsApp, Tumblr, Parler, Email)
Add “NEW” icon after recent post title
Show images in a same size
Show child pages of the current page
Show modified date instead of published date
Show posts of logged in user (user sees his/her own posts)
Hide posts from a certain category/tag
Show custom field, meta field… of the current post/page
Show custom HTML, text, image… between posts in grid
Control the post info (title, description, image) when you share on Facebook
Convert some categories to taxonomy

Quick Guide

18

All Layouts (grid, list, pinterest, etc.)
Filter by Category, Tag, Taxonomy
Filter by Published Date
Filter by Status
Sort/order the posts
Sort by Drag & Drop
Enable Pagination
Change display order/position of fields (show Title above Thumbnail, etc.)
Show multiple post types on a View
Style Settings (color, font, etc.)
Show thumbnail image on the left/right
Show specific taxonomies in Meta fields (show category and hide tag…)
Show text on hover image
Show overlay text on image permanently
Display text right to left (RTL)
Display Media files
Show Sticky Posts
Show social share buttons

Troubleshooting

9

Collapsible List – Fix: post doesn’t expand on click heading
Scrollable list – Fix: click on next/prev button doesn’t work
Scrollable list – Fix: click on next/prev button caused the page to scroll
Random order doesn’t work in the WP Engine Hosting
Fix: images look blurry
Fix: “Element style not allowed as child of element div in this context”
Debug: get details message of error 500
Debug: show database query
Increase the WordPress Memory Limit

Work with Themes & Plugins

6

Show multiple languages posts (by WPML, Polylang plugin)
Use the sorted order of another plugin
Translate text using WPML
Show results of custom code, api, another plugin
Translate View by Polylang plugin
Use a third-party lightbox

All Blocks

16

Grid
List
Pinterest
Collapsible
Scrollable
Timeline
Big post 1
Big post 2
Overlay 1
Overlay 2
Overlay 3
Overlay 4
Overlay 5
Overlay 6
Overlay 7
Overlay 8

For Pro Users

6

Transfer (migrate) license to a new website, domain
How to update Pro version (problems and solutions)?
Check license info
Download Pro version
Renew, upgrade license
Find my license

Popular Features

10

Enable Lazyload for image, iframe
Replace Layout – show Grid layout on Blog, Category, Search… pages
Reuse View shortcode (add parameters)
Filter by Custom Field
Show custom field (core, ACF, Pods, MetaBox…) of posts in grid
Use custom/external URL for grid items
Display term (Category, Tag, Taxonomy) as output in grid
Show advertisements in View
Show related posts
Duplicate, clone, copy a View

Live Filter (Frontend Search & Filter)

20

Live Filter Introduction
Live Filter – change display order of filters
Live Filter – show filters on the left/right side of result
Live Filter – show filters & results in different places (for example: filters in sidebar, results in page)
Live Filter – set default active filter
Live Filter – set default sort option
Live Filter – prevent reload/refresh on changing filter (with Divi theme/plugin)
Live Filter – force to reload/refresh on changing filter
Live Filter – show filters vertically or horizontally
Live Filter – show checkboxes and radio buttons horizontally in rows & columns
Live Filter – show Submit, Reset button
Live Filter – hide Submit, Reset button
Live Filter – change/translate the Submit, Reset button text
Live Filter – hide all posts at the beginning
Live Filter – hide the “ALL” option of the Button type
Live Filter – disable loading results on changing filter option, only loading on click “Submit” button
Live Filter – custom style for the Checkbox
Live Filter – use Dropdown type on mobile
Live Filter – translate text of Date field
Switch from Shuffle Filter to Live Filter

Customize CSS/Style

18

Scrollable list – customize style, color, position…
Live Filter – custom style for the Checkbox
Change border of Read More button
Pagination – hide the caret (the down arrow) in the “Load more” pagination
Lightbox – change background color, opacity, close icon…
Pinterest – equal height columns
Show borders around each post in Grid
Scrollable list – fade effect (instead of slide)
Style Settings – Use custom font name
Pagination – CSS selectors
Read More button – add custom class
Collapsible List – custom style (color, border, etc.)
Add custom CSS class to post title
Collapsible List – change color of +/- icon
Change color of the Read More button
Social buttons – custom size
Social buttons – gray color
Change Opacity of Background color

Management

6

Translate texts, strings of ContentViews
Backup, export, transfer Views to another site
Allow user roles to manage (add, edit, delete) shortcodes
Find all posts/pages that used our shortcode “pt_view”
Add custom JavaScript
Add custom CSS

WooCommerce

9

Show WooCommerce products
WooCommerce – filter products by catalog visibility
WooCommerce – show “In stock”, “Out of stock”, “On Backorder” text on products
WooCommerce – hide ‘Out of stock’ products
WooCommerce – show the “NEW” badge for latest products
Woocommerce – hide “Add to cart” button but show the Price
Woocommerce – change the text of “Add to cart” button
Replace Woocommerce related products layout
Replace Woocommerce layout in the Shop, Category… page

Event Plugins

6

Show events of The Events Calendar plugin
Show events of Events Manager plugin
Show events of Event Organiser plugin
Hide recurring event instances of The Events Calendar plugin
Show recurring events of Events Manager plugin
Show upcoming/future, past, today events (of The Events Calendar, Events Manager, Event Organiser, Modern Events Calendar plugins)

Custom Field (core, ACF, Metabox, etc.)

13

Use custom/external URL for grid items
Add custom field to posts, pages
Filter by Custom Field
Show custom field (core, ACF, Pods, MetaBox…) of posts in grid
Show an image custom field as thumbnail
Set dynamic value when filter by a custom field
Show custom field, meta field… of the current post/page
Set MySQL date format when sort by a custom field
Add text, icon, HTML… before/after the value of Custom field
Show more information of ACF post object custom field
Set link text when showing an URL custom field
Link the custom field to the post URL
Format a numeric custom field value

Shuffle Filter

11

Shuffle Filter
Compare Shuffle Filter with Live Filter
Shuffle Filter – set default filter (activate a filter at beginning)
Shuffle Filter – show filters on the left/right side of result
Shuffle Filter – add “Clear” button for checkboxes type
Shuffle Filter for Pages
Shuffle Filter – use Dropdown type on mobile devices
Shuffle Filter – remove scroll bar in “Group by Taxonomy” type (checkboxes)
Shuffle Filter – show Dropdown options in 2 columns
Shuffle Filter – hide all posts at beginning
Switch from Live Filter to Shuffle Filter

Advanced Modification

10

Add custom text, HTML at the end of post
Customize the HTML template/structure of each post in the grid layout
Add custom text, HTML before/after the Title, Thumbnail, Content, Meta Fields…
Add text, icon, HTML… before/after the value of Custom field
Set dynamic value when filter by a custom field
Frontend filter posts by years (display yearly archives), by published date
Show the structured data (schema markup) of the WordPress posts list
Show the most popular WordPress posts
Glossary layout supports pagination
Pagination – trigger custom Javascript action after clicking a page number

Other Plugins

8

Show results of FacetWP
Show all authors of Co-Authors Plus plugin
Show entries submitted by Gravity Forms plugin
Show private bbPress forums
Replace layout in RocketTheme themes (use the Gantry framework)
bbPress – show reply of a topic, show topics of a forum
Use excerpt generated by Advanced Excerpt plugin
Show Youtube video from WP YouTube Lyte plugin

Docs Home
Gutenberg Blocks

Gutenberg Blocks

How to use our Blocks?
How to use prebuilt Patterns?
How to use prebuilt Templates?
How to Copy a block pattern, template?
Enable Pagination in blocks
All Blocks

Copyright © 2024 Content Views Pro

Scroll to Top