{"id":33557,"date":"2023-01-23T20:57:00","date_gmt":"2023-01-23T20:57:00","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=33557"},"modified":"2023-04-20T19:08:21","modified_gmt":"2023-04-20T19:08:21","slug":"smart-posts-tiles-widget-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/","title":{"rendered":"Smart Posts Tiles Widget"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <strong>Smart Posts Tiles Widget <\/strong>is one of the six widgets for Elementor from the <a href=\"https:\/\/crocoblock.com\/plugins\/jetblog\/?gclid=CjwKCAjw3qGYBhBSEiwAcnTRLvqFW6ofN9jc0DkliaJE_n34FAcd3nwt743gGdDMeTd2qTNadqoYOhoCgEUQAvD_BwE\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetBlog<\/em><\/a><em> <\/em>plugin. The plugin supports different types of posts (custom query, CPT, and archive templates) to customize video playlists, pagination, navigation, texts, and post lists.<\/p>\n\n\n\n<p>This plugin\u2019s <strong>Smart Posts Tiles <\/strong>widget proposes nine layout variations, customizes height, width, and data displayed on the posts, manages carousel options to show slides, supports custom queries, works with custom posts and archive templates, and more.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"activation-of-the-smart-posts-tiles-widget\">Activation of the Smart Posts Tiles Widget<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\" id=\"activate-this-widget-to-use-it\">Activate this widget to use it<\/h3>\n\n\n\n<p>To do this, log into your WordPress dashboard, navigate to the Crocoblock plugins and find the<em>&nbsp;<a href=\"https:\/\/crocoblock.com\/plugins\/jetblog\/?gclid=CjwKCAjw3qGYBhBSEiwAcnTRLvqFW6ofN9jc0DkliaJE_n34FAcd3nwt743gGdDMeTd2qTNadqoYOhoCgEUQAvD_BwE\"><em>JetBlog<\/em><\/a><\/em> plugin. Toggle on the <strong>Smart Posts Tiles<\/strong> widget to activate it.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/activate_tile_widget.png\" alt=\"smart posts tiles widget activation\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-page-where-you-want-to-add-the-tile-of-the-posts\">Create a page where you want to add the tile of the posts<\/h3>\n\n\n\n<p>Then find the <strong>Smart Posts Tiles<\/strong> widget and place it on the page or add it to one of your pages.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/smart_tile_widget.png\" alt=\"smart tile widget\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"arranging-posts-in-the-tiles-layout\">Arranging Posts in the Tiles Layout<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\" id=\"smart-posts-tiles-widget-settings\">Smart Posts Tiles widget settings<\/h3>\n\n\n\n<p>This widget has three groups of settings: <strong>General<\/strong>, <strong>Query &amp; Controls, and Custom Fields <\/strong>settings.<br>Proceed to the <strong>General settings<\/strong> section in Elementor and scroll it down. This section has 13 settings.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/smart_tile_general-settings.png\" alt=\"general settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"settings-to-customize-the-size-and-mutual-position-of-the-posts\">Settings to customize the size and mutual position of the posts<\/h3>\n\n\n\n<p>The first four settings are intended to customize the size and mutual position of the posts. To display many posts, use this plugin\u2019s <strong>Pagination<\/strong> widget.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/layout-settings-of-smart-posts-tiles-widget.png\" alt=\"layout settings of smart posts tiles widget\">\n\n\n\n<p>The settings are:<\/p>\n\n\n\n<ul>\n<li><strong>Layout<\/strong> allows you to choose a suitable design for posts from nine possible tile layouts to place posts in one, two, and three rows. The default posts will be displayed and arranged according to the first layout. Note that you can select custom posts as well.<\/li>\n\n\n\n<li><strong>Min Height<\/strong> and <strong>Main Box Width<\/strong> are the fields and toggles to specify the minimum height and maximal width of the posts in the layout in pixels for different devices (responsive settings).<\/li>\n\n\n\n<li><strong>Image Size<\/strong> is the<strong> <\/strong>drop-down menu to choose the output image quality of the post from eight standard sizes: full, thumbnail, medium, large, ten Kava Sizes, and three WooCommerce sizes, etc.<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/image-size-settings-of-smart-posts-tiles-widget.png\" alt=\"image size settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"setting-the-post-source\">Setting the post source<\/h3>\n\n\n\n<p>The <strong>Show Post Terms <\/strong>toggle, if enabled, turns on the following settings to show category names as a badge or in another way after styling:<\/p>\n\n\n\n<ul>\n<li><strong>Show Terms From<\/strong> is the drop-down menu to choose the source of terms from categories, tags, formats, etc.<\/li>\n\n\n\n<li><strong>Max Terms to Show<\/strong> is the drop-down menu to choose how many terms to show one, two, three, four, or many.<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/post-source-settings-of-smart-posts-tiles-widget.png\" alt=\"post source settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"setting-the-post-data-displaying\">Setting the post data displaying<\/h3>\n\n\n\n<p>These <strong>General <\/strong>settings focus on displaying information associated with the post.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/post-data-displaying-settings-of-smart-post-tiles-widget.png\" alt=\"post data displaying settings of smart posts tiles widget\">\n\n\n\n<p>They are:<\/p>\n\n\n\n<ul>\n<li><strong>Title Max Length<\/strong> <strong>(Words) <\/strong>is the field to type the maximum number of words displayed; setting zero shows the full title.<\/li>\n\n\n\n<li><strong>Excerpt Length <\/strong>is the field to type the max number of excerpt words; setting zero hides the excerpt, and setting minus one shows the entire length.<\/li>\n\n\n\n<li><strong>Excerpt Trimmed Ending<\/strong> is the field to type the signs showing the post end instead of the \u201c\u2026\u201d (ellipsis) set by default.<\/li>\n\n\n\n<li><strong>Show Excerpt on Small Boxes<\/strong> <strong>Only on Hove<\/strong>r toggles the showing excerpt on boxes on hover: if there are small elements, the content is shown on the hover.<\/li>\n\n\n\n<li>The <strong>Post Meta<\/strong> toggle, if enabled, allows showing or not the specified metadata as <strong>Show Post Author, Show Post Date<\/strong>, and <strong>Show Post Comments<\/strong>. Users can add specific icons from the media library or upload SVG files to show the appropriate data if these toggles are enabled.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"query-amp-controls\">Query &amp; Controls<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><strong>Query &amp; Controls<\/strong> is the following <strong>Smart Posts Tiles Widget<\/strong>\u2019s group of settings. These settings focus on the sources to be displayed.&nbsp;&nbsp;<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/query-and-controls-settings-of-smart-posts-tiles-widget.png\" alt=\"query and controls settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"using-an-archive-template\">Using an Archive template<\/h3>\n\n\n\n<p><strong>Use as Archive Template <\/strong>toggle allows using categories for archive posts if enabled.<\/p>\n\n\n\n<p>The setting works only for Archive Templates developed by the <a href=\"https:\/\/crocoblock.com\/plugins\/jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetThemeCore plugin<\/em><\/a>.<\/p>\n\n\n\n<p>If enabled, this toggle turns off other settings of this section.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/post-data-displaying-settings-of-smart-posts-tiles-widget.png\" alt=\"use as archive template settings\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"using-a-custom-query\">Using a custom query<\/h3>\n\n\n\n<p><strong>Use Custom Query<\/strong> toggle, if enabled, allows creating custom queries using the <a href=\"https:\/\/crocoblock.com\/freemium\/tools\/wp-query-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress Query Generator<\/a>.&nbsp;This tutorial explains <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-wp-query-generator-to-query-the-posts\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to use WP Query Generator<\/a> using the <em>JetBlog<\/em> plugin.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/archive-templates-settings-of-smart-posts-tiles-widget.png\" alt=\"archive templates settings of smart posts tiles widget\">\n\n\n\n<p>The <strong>Use JetEngine Query Builder<\/strong> drop-down menu allows users to add dynamics to their widget and select the query from the <em>JetEngine<\/em> query builder to use advanced queries as a source.<\/p>\n\n\n\n<p>Read more about <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-query-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use Query Builder<\/a> to build queries using the <em><a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\">JetEngine<\/a><\/em> plugin.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"choosing-a-post-type\">Choosing a post type<\/h3>\n\n\n\n<p>If the <strong>Use Custom Query<\/strong> toggle is disabled, the following settings are available:<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/post-type-settings-of-smart-posts-tiles-widget.png\" alt=\"post type settings of smart posts tiles widget\">\n\n\n\n<ul>\n<li><strong>Post Type<\/strong> drop-down menu to choose the post type to be displayed from Posts, Pages, Mega Menu Items, Templates, Filters, Theme Parts, CPTs etc.<\/li>\n\n\n\n<li><strong>Query Post By<\/strong> is the drop-down menu for choosing the source of posts from the All, Categories, Tags, and IDs.<\/li>\n\n\n\n<li><strong>Get posts from categories<\/strong> is the drop-down menu to specify one or some categories to display.<\/li>\n\n\n\n<li><strong>Exclude posts by IDs<\/strong> is a field to exclude posts by ID or macros. <em>JetEngine<\/em> allows excluding dynamic fields and functions via clicking on the <strong>Dynamic tag<\/strong>.<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/exclude-post-field-of-smart-posts-tiles-widget.png\" alt=\"exclude post field of smart posts tiles widget\">\n\n\n\n<ul>\n<li><strong>Posts Offset<\/strong> field to type the number of the starting post (according to the admin panel) to display posts from the first one or skip some posts and display them from the next one.<\/li>\n\n\n\n<li><strong>Order <\/strong>and<strong> Order by <\/strong>are the drop-down menus to select the ascending or descending order of the displayed posts ordered by date, author, ID, number of comments, etc.<\/li>\n\n\n\n<li>If enabled, <strong>Filter by Custom Field<\/strong> turns on the possibility to type the custom field key and value to the <strong>Custom Field Key<\/strong> and<strong> Custom Field Value<\/strong> fields to display posts containing the value of the field specified in these settings.<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/custom-fields-settings-of-smart-posts-tiles-widget-1.png\" alt=\"custom fields settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"carousel-usage\">Carousel usage<\/h3>\n\n\n\n<p>The<strong> Enable Carousel <\/strong>toggle, if enabled, turns on the carousel mode by the following settings:<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/carousel-settings-of-smart-posts-tiles-widget.png\" alt=\"carousel settings of smart posts tiles widget\">\n\n\n\n<ul>\n<li><strong>Hide unfilled slider<\/strong> toggle, if enabled, means that the widget can not be shown if there are not enough posts for the slider.<\/li>\n\n\n\n<li><strong>Number of Slides<\/strong> field to type the number of slides to be displayed.<\/li>\n\n\n\n<li><strong>Autoplay<\/strong> field to type or select auto slide speed settings.<\/li>\n\n\n\n<li><strong>Show controls arrows<\/strong> toggle, if enabled, allows <strong>Select Control Arrows Type<\/strong> from the drop-down menu (i.e., Angle, Chevron, Angle Double, etc.)&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Show Arrows Only on Hover <\/strong>toggle turns on\/off the possibility to show arrows only on hover.<\/li>\n<\/ul>\n\n\n\n<p>This tutorial details <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetblog-how-to-create-the-post-tiles-carousel-from-the-jetblog-smart-posts-tiles-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to create the post carousel with Smart Posts Tiles widget<\/a> by <em>JetBlog<\/em>.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"custom-fields\">Custom Fields<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><strong>Custom Fields<\/strong> are the last <strong>Content<\/strong> settings. These settings allow showing metadata before and after the title of the post. Since the <em>JetBlog<\/em> plugin is fully compatible with the <em>JetEngine<\/em> plugin, users can select any field of the custom post type.<\/p>\n\n\n\n<p>Read this tutorial to learn <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-display-the-content-from-meta-fields-in-smart-posts-list-and-posts-tiles-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to display the content from meta fields in Smart Posts List and Posts Tiles widgets<\/a>.<\/p>\n\n\n\n<p>The settings to show the order (Before\/After) of the custom fields displayed are:<\/p>\n\n\n\n<ul>\n<li><strong>Show Meta Before\/After Title<\/strong> toggle activates the <strong>Meta Field Position<\/strong> drop-down menu.<\/li>\n\n\n\n<li><strong>Show Meta Before\/After Content <\/strong>toggle if enabled activates the <strong>Meta Field Position<\/strong> drop-down menu.<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/custom-fields-of-smart-posts-tiles-widget.png\" alt=\"custom fields settings of smart posts tiles widget\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"style-tab\">Style Tab<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <strong>Style<\/strong> settings customize the design options of Box, Content, Meta, Terms Links, Paging Arrows, and Custom Fields.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/style-settings-of-smart-posts-tiles-widget.png\" alt=\"style settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"box-settings\">Box settings<\/h3>\n\n\n\n<p>These settings refer to such options of the posts boxes as:<\/p>\n\n\n\n<ul>\n<li><strong>Gap Between Boxes<\/strong> (toggle and field to type a distance between posts in pixels);<\/li>\n\n\n\n<li><strong>Padding<\/strong> fields for different devices (responsive);<\/li>\n\n\n\n<li><strong>Border Type<\/strong> (drop-down menu with six border types);<\/li>\n\n\n\n<li><strong>Width<\/strong> fields for different devices (responsive);<\/li>\n\n\n\n<li><strong>Color<\/strong>, <strong>Border Radius<\/strong> fields for different devices (responsive);<\/li>\n\n\n\n<li><strong>Box Shadow<\/strong>, <strong>Box Overlay<\/strong>, and <strong>Box Overlay<\/strong>.<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/box-settings-of-smart-posts-tiles-widget.png\" alt=\"box settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"content-settings\">Content settings<\/h3>\n\n\n\n<p>These settings customize both the main post and the rest posts. In particular, <strong>Title<\/strong> and <strong>Text <\/strong>(<strong>Color, Color Gover, Typography, Margin, <\/strong>and <strong>Alignment<\/strong> for different devices).<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/content-settings-of-smart-posts-tiles-widget.png\" alt=\"content settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"meta-settings\">Meta settings<\/h3>\n\n\n\n<p>These settings control:<\/p>\n\n\n\n<ul>\n<li><strong>Meta Icon Size <\/strong>and <strong>Meta Icon Gap<\/strong> (toggle and the field to type the size in pixels);<\/li>\n\n\n\n<li><strong>Background Color<\/strong>, <strong>Text Color<\/strong>, <strong>Typography<\/strong>, <strong>Padding,<\/strong> and <strong>Margin<\/strong> fields for different devices (responsive);<\/li>\n\n\n\n<li><strong>Alignment<\/strong> (responsive);<\/li>\n\n\n\n<li><strong>Meta Divider<\/strong>, <strong>Divider Gap<\/strong> (toggle and the field to type the size in pixels).<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/meta-settings-of-smart-posts-tiles-widget.png\" alt=\"meta settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"terms-links-settings\">Terms Links settings<\/h3>\n\n\n\n<p>These settings refer to terms links as:<\/p>\n\n\n\n<ul>\n<li><strong>Color, Text Color, Typography, Text Decoration, Border Radius<\/strong> toggles and the fields to type the size in pixels);<\/li>\n\n\n\n<li><strong>Border Type<\/strong> (drop-down menu);<\/li>\n\n\n\n<li><strong>Padding<\/strong> and <strong>Margin<\/strong> fields for different devices (responsive);<\/li>\n\n\n\n<li><strong>Alignment<\/strong> (responsive).<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/terms-links-settings-of-smart-posts-tiles-widget.png\" alt=\"terms links settings of smart posts tiles widget\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"paging-arrows-settings\">Paging Arrows settings<\/h3>\n\n\n\n<p>These settings manage:<\/p>\n\n\n\n<ul>\n<li><strong>Arrows Style<\/strong>&nbsp; to choose from the drop-down menu;<\/li>\n\n\n\n<li><strong>Prev <\/strong>and <strong>Next Arrow Position <\/strong>are the drop-down menus of <strong>Vertical<\/strong> and <strong>Horizontal Positions<\/strong>, <strong>Top<\/strong> and <strong>Left Indent<\/strong> toggles and the fields to type the size in pixels to be displayed on different devices.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"custom-fields\">Custom Fields<\/h3>\n\n\n\n<p>These settings make stylish such options of <strong>Custom Fields<\/strong> as:<\/p>\n\n\n\n<ul>\n<li><strong>Meta Styles Before\/After Title&nbsp; <\/strong>allows<strong> <\/strong>choosing the<strong> <\/strong>Background Color<strong> <\/strong>from the standard sets or customizing colors;<\/li>\n\n\n\n<li><strong>Meta Label <\/strong>manages Color, Typography, Display Meta Label and Value (drop-down menu), Horizontal Gap Between Label and Value fields;<\/li>\n\n\n\n<li><strong>Meta Value <\/strong>&nbsp;allows to specify Color, Typography of the metadata on the posts;<\/li>\n\n\n\n<li><strong>Margin\/Padding\/Border Radius<\/strong> toggles and the fields to type the size in pixels to be displayed on different devices);<\/li>\n\n\n\n<li><strong>Alignment<\/strong> of the custom fields has three possible positions: Left, Right, and Middle.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all about how to use the <strong>Smart Posts Tiles<\/strong> widget from <a href=\"https:\/\/crocoblock.com\/plugins\/jetblog\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetBlog<\/em><\/a> to tile the posts (posts and CPTs) in the list layout and showcase this layout stylishly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Study how to showcase your WordPress posts in the form of tiles by means of Smart Posts Tiles widget for Elementor developed by Crocoblock.<\/p>\n","protected":false},"author":12,"template":"","format":"standard","builder-category":[],"feature-category":[547],"article-category":[434],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Smart Posts Tiles Widget Overview - Help Center<\/title>\n<meta name=\"description\" content=\"Study how to showcase your WordPress posts in the form of tiles by means of Smart Posts Tiles widget for Elementor developed by Crocoblock.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smart Posts Tiles Widget Overview - Help Center\" \/>\n<meta property=\"og:description\" content=\"Study how to showcase your WordPress posts in the form of tiles by means of Smart Posts Tiles widget for Elementor developed by Crocoblock.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-20T19:08:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/activate_tile_widget.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/\",\"name\":\"Smart Posts Tiles Widget Overview - Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-01-23T20:57:00+00:00\",\"dateModified\":\"2023-04-20T19:08:21+00:00\",\"description\":\"Study how to showcase your WordPress posts in the form of tiles by means of Smart Posts Tiles widget for Elementor developed by Crocoblock.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Smart Posts Tiles Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Smart Posts Tiles Widget Overview - Help Center","description":"Study how to showcase your WordPress posts in the form of tiles by means of Smart Posts Tiles widget for Elementor developed by Crocoblock.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/","og_locale":"en_US","og_type":"article","og_title":"Smart Posts Tiles Widget Overview - Help Center","og_description":"Study how to showcase your WordPress posts in the form of tiles by means of Smart Posts Tiles widget for Elementor developed by Crocoblock.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/","og_site_name":"Help Center","article_modified_time":"2023-04-20T19:08:21+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/activate_tile_widget.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/","name":"Smart Posts Tiles Widget Overview - Help Center","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-01-23T20:57:00+00:00","dateModified":"2023-04-20T19:08:21+00:00","description":"Study how to showcase your WordPress posts in the form of tiles by means of Smart Posts Tiles widget for Elementor developed by Crocoblock.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/smart-posts-tiles-widget-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Smart Posts Tiles Widget"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features\/33557"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=33557"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=33557"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=33557"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=33557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}