Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Posts
The post shortcode can be used to display a secondary loop of posts anywhere using WP_Query.
[posts] shortcode arguments
classes:
Type -
[items|grid|cards]Items -
[compact|very compact|divided|relaxed|very relaxed]Grid -
[divided|vertically divided|celled|internally celled|relaxed|very relaxed]Cards -
[raised|stackable|doubling|centered|fluid|red|green|blue|...]query:
WordPress query string or keyword (Available keywords: related).template:
Custom template name.excerpt:
Custom excerpt length (number of words). Set to 0 to disable excerpts. (Default: 55)thumbnail:
Custom thumbnail image size (none|thumbnail|small|medium|large|full). (Default: medium)header:
Posts header size (tiny|small|medium|large|huge). (Default: small)meta:
Info displayed below post title. (date_author|timeago_author|date|timeago|author|none)tags:
Set to false to disable tags (categories, tags and sticky post indicator).read_more:
Set to false to disable the "Read more" link.pagination:
Set to true to enable pagination.pagination_alignment:
Pagination alignment (left|center|right).pagination_menu:
Additional classes for the pagination menu.next:
Pagination next posts link text (default: "Older posts").prev:
Pagination previous posts link text (default: "Newer posts").count:
Specify post count when query is a keyword (default: 4).header_text:
Header text to display above posts (only displayed if there are posts).header_classes:
Classes for the header.content_before:
Content before the posts (only displayed if there are posts).content_after:
Content after the posts (only displayed if there are posts).Items
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts items query="posts_per_page=3&ignore_sticky_posts=1">Divided items
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts divided items query="posts_per_page=3&ignore_sticky_posts=1">Relaxed items
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts very relaxed items query="posts_per_page=3&ignore_sticky_posts=1">Grid
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts grid query="posts_per_page=3&ignore_sticky_posts=1">Divided grid
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts divided two column grid query="posts_per_page=4&ignore_sticky_posts=1">Celled grid
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
Google Analytics
Implementing Google global site tag to track pageviews.
Chap 1.19.6
Improved WordPress standards compliance, new Gutenberg blocks and updates.
<posts celled two column grid query="posts_per_page=6&ignore_sticky_posts=1">Internally celled grid
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
Chap 1.17.2 – Early Gutenberg support
Added early support for Gutenberg core blocks as well as custom-built blocks to allow creating Semantic UI elements.
Chap 1.16.5 – Font Awesome 5.0
Added early support for Font Awesome 5.0 icons, four new composites.
OneSignal push notifications for AMP
Walk though of how to add the OneSignal push notifications button to AMP pages.
<posts internally celled two column grid query="posts_per_page=6&ignore_sticky_posts=1&meta_key=_thumbnail_id">Cards
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Read more about Adding a custom attribute to Gutenberg block
Blank template
Creating a blank page template file without any header, footer or sidebars.
Read more about Blank template
Gutenberg
Gutenberg editor support for Chap theme.
Read more about Gutenberg
<posts cards query="posts_per_page=3&ignore_sticky_posts=1&meta_key=_thumbnail_id">Cards count
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Read more about Adding a custom attribute to Gutenberg block
Blank template
Creating a blank page template file without any header, footer or sidebars.
Read more about Blank template
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
Read more about functions.php
Chap 1.19.7
Three new importable demos.
Read more about Chap 1.19.7
<posts four stackable cards query="posts_per_page=4&ignore_sticky_posts=1">Basic pagination
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts divided items query="posts_per_page=3&ignore_sticky_posts=1" pagination="true">Advanced pagination
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts two column grid
query="posts_per_page=4"
pagination="true"
next="Older entries"
prev="Newer entries"
pagination_alignment="right"
pagination_menu="tiny secondary"
>Content instead of excerpt
<posts one column vertically divided grid
query="posts_per_page=1&ignore_sticky_posts=1"
template="templates/loop-content"
pagination="true"
next="Older post"
prev="Newer post"
>Notes
The loop-content template is designed to show posts with content inside grid loops.Custom header size
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts items query="posts_per_page=3&ignore_sticky_posts=1" header="huge">No thumbnails
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
<posts three column grid query="posts_per_page=3&ignore_sticky_posts=1&meta_key=_thumbnail_id" excerpt="20" thumbnail="none">No excerpt
<posts three column grid query="posts_per_page=3&ignore_sticky_posts=1&meta_key=_thumbnail_id" excerpt="0">No meta
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
<posts three column grid query="posts_per_page=3&ignore_sticky_posts=1&meta_key=_thumbnail_id" excerpt="20" meta="false">No tags
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
<posts three column grid query="posts_per_page=3&ignore_sticky_posts=1&meta_key=_thumbnail_id" excerpt="20" tags="false">No read more link
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
<posts three column grid query="posts_per_page=3&ignore_sticky_posts=1&meta_key=_thumbnail_id" excerpt="20" read_more="false">Plain
<subheader dividing>More posts</subheader>
<posts compact marginless items query="posts_per_page=5&ignore_sticky_posts=1" header="tiny" excerpt="0" thumbnail="none" meta="true" tags="false" read_more="false"><posts query="related" count="5">Notes
Using the "related" keyword as query will fetch related posts. You can use custom WP_Query arguments programmatically by using the
csc_posts_query filter. Argument 2 of that filter will contain the shortcode's arguments which can be used to identify which instance of the shortcode it is.<posts id="custom">add_filter('csc_posts_query', function($query, $args) {
if(isset($args['id']) && $args['id'] === 'custom') {
return [
'category__in' => [2, 6],
'posts_per_page' => 3,
];
}
return $query;
}, 10, 2);Header
Header shown when there are posts
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts items query="posts_per_page=3&ignore_sticky_posts=1" header_text="Header shown when there are posts" header_classes="large dividing">
<posts items query="posts_per_page=3&cat=123123" header_text="Header not shown because there are no posts">Notes
Header can be prepended with the header_text argument for only when there are results.Wrapper: content before/after
Adding a custom attribute to Gutenberg block
Using Gutenberg Block Filters to add an editable rel attribute to the core Button block.
Blank template
Creating a blank page template file without any header, footer or sidebars.
functions.php
Different ways of adding custom code, actions or filters to child theme’s functions.php.
<posts items query="posts_per_page=3&ignore_sticky_posts=1" content_before="{lt}div class='ui primary segment'{gt}" content_after="{lt}/div{gt}">
<posts items query="posts_per_page=3&cat=123123" content_before="{lt}div class='ui primary segment'{gt}" content_after="{lt}/div{gt}">Notes
You can specify before and after content to wrap the posts in something. The wrapper elements won't be displayed when there are no posts. That way there won't be an empty container when there are no related posts for example.
<posts three column internally celled stackable grid query="related" count="6" header_text="Related posts" header_classes="large dividing" content_before="{lt}div class='ui segment'{gt}" content_after="{lt}/div{gt}">Notes
Adding this shortcode to Chap Theme -> Code -> After post content can easily display related posts for all posts.
Leave a comment