{"id":4415,"date":"2023-05-31T04:20:06","date_gmt":"2023-05-31T04:20:06","guid":{"rendered":"https:\/\/contentviewspro.com\/documentation\/?post_type=docs&#038;p=4415"},"modified":"2024-02-23T08:31:19","modified_gmt":"2024-02-23T08:31:19","password":"","slug":"use-blocks","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/use-blocks\/","title":{"rendered":"How to use our Blocks?"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe loading=\"lazy\" title=\"Content Views - Post Grid Blocks for WordPress Block Editor (Gutenberg)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/4Mj55xrPtV8?start=17&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add Content View blocks to the Block Editor:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the &#8220;<strong>+&#8221;<\/strong> icon in the editor area, then click &#8220;<strong>Browse All<\/strong>&#8220;:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"63\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/blockplusicon.png\" alt=\"\" class=\"wp-image-4417\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/blockplusicon.png 784w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/blockplusicon-300x24.png 300w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/blockplusicon-768x62.png 768w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Or click the &#8220;<strong>+&#8221;<\/strong> icon in the top toolbar:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"72\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image.png\" alt=\"\" class=\"wp-image-4966\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Find our blocks under &#8220;<strong>CONTENT VIEWS &#8211; GRID &amp; FILTER<\/strong>&#8221; section:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"520\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-1-e1688095947688.png\" alt=\"\" class=\"wp-image-4422\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-1-e1688095947688.png 343w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-1-e1688095947688-198x300.png 198w\" sizes=\"auto, (max-width: 343px) 100vw, 343px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on any block that you want to add.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"custom-blockquote\">\n<p>After the block was inserted into the editor, click anywhere on that block. A toolbar will appear above that block. Click the &#8220;cog&#8221; icon to open block settings:<\/p>\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"946\" height=\"411\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/open-block-settings.png\" alt=\"\" class=\"wp-image-5059\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/open-block-settings.png 946w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/open-block-settings-300x130.png 300w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/open-block-settings-768x334.png 768w\" sizes=\"auto, (max-width: 946px) 100vw, 946px\" \/><\/figure>\n\n<p class=\"has-text-align-left\">In the block settings, you can customize the block with many options: query which posts to show, adjust the block output, etc. For example, <a href=\"https:\/\/contentviewspro.com\/documentation\/article\/grid-block\/\">here is the settings of Grid block<\/a>.<\/p>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"prokeys-snippet-text\">Best regards,<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To add Content View blocks to the Block Editor: Or click the &#8220;+&#8221; icon in the top toolbar: Best regards,<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-4415","docs","type-docs","status-publish","hentry","doc_category-gutenberg-blocks"],"year_month":"2026-09","word_count":70,"total_views":"4","reactions":{"happy":"0","normal":"2","sad":"1"},"author_info":{"name":"admin1","author_nicename":"admin1","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/admin1\/"},"doc_category_info":[{"term_name":"Gutenberg Blocks","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/gutenberg-blocks\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=4415"}],"version-history":[{"count":35,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4415\/revisions"}],"predecessor-version":[{"id":5805,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4415\/revisions\/5805"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=4415"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=4415"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=4415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}