{"id":232332,"date":"2025-06-02T16:32:23","date_gmt":"2025-06-02T16:32:23","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/cards-layout\/"},"modified":"2026-04-26T05:22:24","modified_gmt":"2026-04-26T05:22:24","slug":"cards-layout","status":"publish","type":"plugin","link":"https:\/\/el.wordpress.org\/plugins\/cards-layout\/","author":22028296,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0.1","stable_tag":"2.0.1","tested":"6.9.4","requires":"6.5","requires_php":"7.1","requires_plugins":null,"header_name":"Cards Layout","header_author":"bPlugins","header_description":"This plugin offers multiple customizable layouts like grid, list, and carousel, making content display easy and flexible.","assets_banners_color":"f2f2f2","last_updated":"2026-04-26 05:22:24","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.buymeacoffee.com\/abuhayat","header_plugin_uri":"","header_author_uri":"http:\/\/bplugins.com","rating":5,"author_block_rating":5,"active_installs":300,"downloads":2524,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":1,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"omor45faruk","date":"2025-06-02 16:30:49"},"1.1.0":{"tag":"1.1.0","author":"omor45faruk","date":"2025-07-04 15:50:41"},"1.1.1":{"tag":"1.1.1","author":"omor45faruk","date":"2025-07-06 14:39:30"},"1.1.2":{"tag":"1.1.2","author":"omor45faruk","date":"2025-07-09 16:12:23"},"1.1.3":{"tag":"1.1.3","author":"omor45faruk","date":"2025-07-27 02:44:15"},"1.1.4":{"tag":"1.1.4","author":"asadsuzan","date":"2026-04-16 05:07:37"},"2.0.0":{"tag":"2.0.0","author":"asadsuzan","date":"2026-04-21 12:01:54"},"2.0.1":{"tag":"2.0.1","author":"asadsuzan","date":"2026-04-26 05:22:24"}},"upgrade_notice":{"2.0.1 - 26 April, 2026":"<ul>\n<li>Enhanced block title for clearer identification<\/li>\n<li>Optimized locked UI blur effect for a better user experience<\/li>\n<\/ul>","2.0.0 - 21 April, 2026":"<ul>\n<li>Major Release: Introducing Cards Layout Pro with Premium SaaS-style layouts!<\/li>\n<li>New Free Layouts: Hero Feature Card, Achievement Card.<\/li>\n<li>New Pro Layouts: State \/ Counter Card, Progress Card, Animated Service Card, Banner Card, Client Logo Card, Creative Curve Card, Feature Card.<\/li>\n<li>Added Responsive Grid Engine for Desktop, Tablet, and Mobile column controls.<\/li>\n<li>Added granular Icon Wrap Size controls for independent scaling.<\/li>\n<li>Added dynamic Card Tags across multiple layouts.<\/li>\n<li>Added customizable badge animation speed for Achievement Card.<\/li>\n<li>Codebase optimization and bug fixes.<\/li>\n<\/ul>","1.1.4 - 29 July, 2025":"<ul>\n<li>focalPoint added good feature;<\/li>\n<\/ul>","1.1.3 - 27 July, 2025":"<ul>\n<li>Import content from image media;<\/li>\n<\/ul>","1.1.2 - 9 July, 2025":"<ul>\n<li>Image border radius and card content align option added<\/li>\n<\/ul>","1.1.1 - 6 July, 2025":"<ul>\n<li>Card URL and button URL now open in a new tab;<\/li>\n<\/ul>","1.1.0 - 4 July, 2025":"<ul>\n<li>Default layout available<\/li>\n<li>Set card border, padding, and border radius<\/li>\n<li>Customize card title, description, and button typography, color, padding, and border radius<\/li>\n<\/ul>","1.0.0":"<ul>\n<li>Initial Release<\/li>\n<\/ul>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3321354,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3321354,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"phclb\/cards-layout":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"phclb\/cards-layout","version":"2.0.1","title":"Cards Elements","category":"widgets","description":"This plugin offers multiple customizable layouts like grid, list, and carousel, making content display easy and flexible.","keywords":["cards","layout","content","gallery","lightbox"],"textdomain":"b-blocks","attributes":{"align":{"type":"string","default":"wide"},"cards":{"type":"array","default":[{"img":{"url":"https:\/\/i.ibb.co\/JR5B76cx\/card-3.jpg","isSet":false},"altText":"","title":"John Doe","subTitle":"","desc":"Conveniently engineer diverse products rather than bleeding-edge applications","btnLabel":"Load More","btnUrl":"#","cUrl":"","newTab":false,"focalPoint":"","achValue":"#1","stateValue":"50K+","scTrend":"\u2191 34% this quarter","sparkLines":[{"h":30,"i":0.3},{"h":45,"i":0.4},{"h":35,"i":0.35},{"h":60,"i":0.5},{"h":50,"i":0.45},{"h":75,"i":0.6},{"h":65,"i":0.55}],"skills":[{"name":"React \/ Next.js","pct":95,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}},{"name":"TypeScript","pct":90,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}},{"name":"CSS \/ Tailwind","pct":88,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}},{"name":"Framer Motion","pct":75,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}}],"svg":"<svg stroke='currentColor' fill='currentColor' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round'  xmlns='http:\/\/www.w3.org\/2000\/svg'><polygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'><\/polygon><\/svg>"},{"img":{"url":"https:\/\/i.ibb.co\/KjbH0QFg\/card-2.jpg","isSet":false},"altText":"","title":"John Doe","subTitle":"","desc":"Conveniently engineer diverse products rather than bleeding-edge applications","btnLabel":"Load More","btnUrl":"#","cUrl":"#","newTab":false,"focalPoint":"","achValue":"$10M","stateValue":"2s","scTrend":"\u2193 8x faster than manual","sparkLines":[{"h":70,"i":0.6},{"h":60,"i":0.5},{"h":50,"i":0.4},{"h":40,"i":0.3},{"h":30,"i":0.2},{"h":20,"i":0.1},{"h":10,"i":0.1}],"skills":[{"name":"React \/ Next.js","pct":95,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}},{"name":"TypeScript","pct":90,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}},{"name":"CSS \/ Tailwind","pct":88,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}},{"name":"Framer Motion","pct":75,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}}],"svg":"<svg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M376 192h-24v-46.7c0-52.7-42-96.5-94.7-97.3-53.4-.7-97.3 42.8-97.3 96v48h-24c-22 0-40 18-40 40v192c0 22 18 40 40 40h240c22 0 40-18 40-40V232c0-22-18-40-40-40zM270 316.8v68.8c0 7.5-5.8 14-13.3 14.4-8 .4-14.7-6-14.7-14v-69.2c-11.5-5.6-19.1-17.8-17.9-31.7 1.4-15.5 14.1-27.9 29.6-29 18.7-1.3 34.3 13.5 34.3 31.9 0 12.7-7.3 23.6-18 28.8zM324 192H188v-48c0-18.1 7.1-35.1 20-48s29.9-20 48-20 35.1 7.1 48 20 20 29.9 20 48v48z'><\/path><\/svg>"},{"img":{"url":"https:\/\/i.ibb.co\/v4ZqhZKV\/card-1.jpg","isSet":false},"altText":"","title":"John Doe","subTitle":"","desc":"Conveniently engineer diverse products rather than bleeding-edge applications","btnLabel":"Load More","btnUrl":"#","cUrl":"#","newTab":false,"focalPoint":"","tags":[],"tagTitle":"See My Latest Works Here","achValue":"4.9\u2605","stateValue":"4.9","scTrend":"\u2191 0 incidents this month","sparkLines":[{"h":50,"i":0.35},{"h":70,"i":0.5},{"h":65,"i":0.45},{"h":85,"i":0.6},{"h":60,"i":0.4},{"h":90,"i":0.7},{"h":95,"i":0.8}],"skills":[{"name":"React \/ Next.js","pct":95,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}},{"name":"TypeScript","pct":90,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}},{"name":"CSS \/ Tailwind","pct":88,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}},{"name":"Framer Motion","pct":75,"nameColor":"#9191A8","pctColor":"#a5b4fc","wrapBg":{"type":"solid","color":"rgba(255, 255, 255, 0.06)"},"bg":{"type":"gradient","gradient":"linear-gradient(90deg,#6366f1,#8b5cf6)"}}],"svg":"<svg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16'  xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M4.715 6.542L3.343 7.914a3 3 0 104.243 4.243l1.828-1.829A3 3 0 008.586 5.5L8 6.086a1.001 1.001 0 00-.154.199 2 2 0 01.861 3.337L6.88 11.45a2 2 0 11-2.83-2.83l.793-.792a4.018 4.018 0 01-.128-1.287z'><\/path><path d='M5.712 6.96l.167-.167a1.99 1.99 0 01.896-.518 1.99 1.99 0 01.518-.896l.167-.167A3.004 3.004 0 006 5.499c-.22.46-.316.963-.288 1.46z'><\/path><path d='M6.586 4.672A3 3 0 007.414 9.5l.775-.776a2 2 0 01-.896-3.346L9.12 3.55a2 2 0 012.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 00-4.243-4.243L6.586 4.672z'><\/path><path d='M10 9.5a2.99 2.99 0 00.288-1.46l-.167.167a1.99 1.99 0 01-.896.518 1.99 1.99 0 01-.518.896l-.167.167A3.004 3.004 0 0010 9.501z'><\/path><\/svg>"}]},"cardsLayout":{"type":"object","default":{"style":"default"}},"isContent":{"type":"boolean","default":false},"cardTag":{"type":"object","default":{"isSet":false,"text":"","typo":{"fontSize":{"desktop":11,"tablet":11,"mobile":11},"fontWeight":700,"lineHeight":"135%","letterSpace":"0.06em","fontFamily":"inter"}}},"cardStyle":{"type":"object","align":"left","default":{"newTab":false,"borders":{"color":"#000","style":"solid","width":"1px"},"radius":5,"padding":{"top":"5px","right":"5px","bottom":"5px","left":"5px"}}},"baseCard":{"type":"object","default":{}},"iconWrap":{"type":"object","default":{}},"img":{"type":"object","default":{"borderRadius":0}},"title":{"type":"object","default":{"typo":{"fontSize":{"desktop":18,"tablet":14,"mobile":14},"fontWeight":500,"lineHeight":"135%"},"color":"#000"}},"desc":{"type":"object","default":{"typo":{"fontSize":{"desktop":14,"tablet":14,"mobile":14},"fontWeight":400,"lineHeight":"135%"},"color":"#000"}},"btn":{"type":"object","default":{"typo":{"fontSize":{"desktop":16,"tablet":14,"mobile":14},"fontWeight":500,"lineHeight":"135%"},"colors":{"color":"#fff","bg":"#000"},"padding":{"top":"5px","right":"5px","bottom":"5px","left":"5px"},"borders":{"color":"#000","style":"solid","width":"0px"},"radius":5}},"eyeBrow":{"type":"object","default":{"typo":{"fontSize":{"desktop":11,"tablet":11,"mobile":11},"fontWeight":700,"lineHeight":"11px","letterSpacing":"0.1em","textTransform":"uppercase"},"color":"#a5b4fc"}},"bannerCard":{"type":"object","default":{"isShowGlow":true,"isGlass":false}},"achievement":{"type":"object","default":{"achValue":{"typo":{"fontSize":{"desktop":36,"tablet":24,"mobile":18}},"bg":{}},"badge":{},"isAnimation":true,"animSpeed":20}},"statCard":{"type":"object","default":{"statValue":{"typo":{"fontSize":{"desktop":56,"tablet":48,"mobile":36}},"bg":{}},"trendUp":{"bg":{},"borders":{}},"trendDown":{"bg":{},"borders":{}}}},"progressCard":{"type":"object","default":{"skillTitleTypo":{},"skillNameTypo":{},"skillPctTypo":{},"skillBarWrapBg":{},"barThickness":8,"barRadius":999}},"clientLogoCard":{"type":"object","default":{"logoTxtTypo":{},"taglineTypo":{},"logoTxtColor":"#5a5a72","taglineColor":"#5a5a72","hoverLogoTxtColor":"","hoverTaglineColor":"","hoverBorder":{}}},"animatedServiceCard":{"type":"object","default":{"primaryColor":"#45f3ff","secondaryColor":"#ff3c7b","cardBg":"#333333","innerBg":"#292929"}},"columns":{"type":"object","default":{"desktop":3,"tablet":2,"mobile":1}},"columnGap":{"type":"string","default":"30px"},"rowGap":{"type":"string","default":"40px"},"layout":{"type":"string","default":"vertical"},"alignment":{"type":"string","default":"center"},"typography":{"type":"object","default":{"fontSize":25}},"colors":{"type":"object","default":{"color":"#333","bg":"#fff"}},"separator":{"type":"object","default":{"width":"20%","height":"2px","style":"solid","color":"#bbb"}},"padding":{"type":"object","default":{"top":"15px","right":"30px","bottom":"15px","left":"30px"}},"margin":{"type":"object","default":{"top":"0px","right":"0px","bottom":"15px","left":"0px"}},"border":{"type":"object","default":{"radius":"5px"}},"shadow":{"type":"array","default":{}},"heroFeatureCardEle":{"type":"object","default":{}},"creativeCurve":{"type":"object","default":{}}},"supports":{"align":["wide","full"],"html":false},"example":{"attributes":{}},"editorScript":["file:.\/index.js","wp-api","wp-util"],"editorStyle":["file:.\/index.css"],"style":["file:.\/view.css"],"render":"file:.\/render.php","viewScript":"file:.\/view.js"}},"tagged_versions":["1.0.0","1.1.0","1.1.1","1.1.2","1.1.3","1.1.4","2.0.0","2.0.1"],"block_files":["\/tags\/2.0.1\/build\/index.js","\/tags\/2.0.1\/build\/index.css","\/tags\/2.0.1\/build\/view.css"],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3334675,"resolution":"1","location":"assets","locale":""},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3511746,"resolution":"10","location":"assets","locale":""},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3511746,"resolution":"11","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3511746,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3511746,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3511746,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3511746,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3511746,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3511746,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3511746,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3511746,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Settings","2":"Default Design","3":"Hero Feature Card","4":"Achievement Card","5":"State \/ Counter Card","6":"Progress Card","7":"Animated Service Card","8":"Banner Card","9":"Feature Card","10":"Client Logo Card","11":"Creative Curve Card"},"jetpack_post_was_ever_published":false},"plugin_section":[172757],"plugin_tags":[14240,529,210,4036,237],"plugin_category":[50],"plugin_contributors":[183994,250641,226291,198370,78154],"plugin_business_model":[],"class_list":["post-232332","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-cards","plugin_tags-content","plugin_tags-gallery","plugin_tags-layout","plugin_tags-lightbox","plugin_category-media","plugin_contributors-abuhayat","plugin_contributors-asadsuzan","plugin_contributors-bplugins","plugin_contributors-btechnologies","plugin_contributors-freemius","plugin_committers-asadsuzan","plugin_committers-bplugins","plugin_support_reps-asadsuzan"],"banners":{"banner":"https:\/\/ps.w.org\/cards-layout\/assets\/banner-772x250.png?rev=3321354","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/cards-layout\/assets\/icon-128x128.png?rev=3321354","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-1.png?rev=3334675","caption":"Settings"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-2.png?rev=3511746","caption":"Default Design"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-3.png?rev=3511746","caption":"Hero Feature Card"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-4.png?rev=3511746","caption":"Achievement Card"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-5.png?rev=3511746","caption":"State \/ Counter Card"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-6.png?rev=3511746","caption":"Progress Card"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-7.png?rev=3511746","caption":"Animated Service Card"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-8.png?rev=3511746","caption":"Banner Card"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-9.png?rev=3511746","caption":"Feature Card"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-10.png?rev=3511746","caption":"Client Logo Card"},{"src":"https:\/\/ps.w.org\/cards-layout\/assets\/screenshot-11.png?rev=3511746","caption":"Creative Curve Card"}],"raw_content":"<!--section=description-->\n<p>Cards Elements is a powerful and flexible WordPress Gutenberg block plugin designed to help you create stunning, professional-grade card components in seconds.<\/p>\n\n<p>Whether you need to highlight core features, showcase team profiles, display achievement metrics, or present your skill progress, Cards Elements provides a rich set of beautifully crafted, responsive components to elevate your website's design.<\/p>\n\n<h4>\ud83d\ude80 Free Features<\/h4>\n\n<ul>\n<li><p><strong>Default Card:<\/strong> The perfect minimal card for general content, featuring image, title, description, and button controls.<\/p><\/li>\n<li><p><strong>Hero Feature Card:<\/strong> A prominent split-design card with advanced image focal point controls, overlay gradients, floating notification badges, and floating stat highlights.<\/p><\/li>\n<li><p><strong>Achievement Card:<\/strong> Highlight your biggest wins with a large central metric and a customizable spinning SVG badge animation.<\/p><\/li>\n<li><p><strong>Responsive Grid Engine:<\/strong> Native control over column counts (Desktop, Tablet, Mobile) and gap spacing to build perfect grids instantly.<\/p><\/li>\n<li><p><strong>Advanced Global Styling:<\/strong> Granular control over everything from typography (fonts, sizes, weights) to multi-state box shadows, borders, padding, and alignments.<\/p><\/li>\n<\/ul>\n\n<h4>\ud83d\udc8e Pro Features (Premium)<\/h4>\n\n<p>Unlock the full potential of Cards Layout with our Premium layouts designed for professional, SaaS-style websites:<\/p>\n\n<ul>\n<li><p><strong>State \/ Counter Card:<\/strong> Create dynamic statistic cards featuring up\/down trend ribbons and customizable visual sparkline graphs.<\/p><\/li>\n<li><p><strong>Progress Card:<\/strong> Display skill levels or project progress with customizable gradient bars and individual metric tracking.<\/p><\/li>\n<li><p><strong>Animated Service Card:<\/strong> Stand out with glowing, animated border gradients and dynamic hover growth effects.<\/p><\/li>\n<li><p><strong>Banner Card:<\/strong> Build full-width promotional banners featuring stunning \"Glassmorphism\" blur effects and custom eyebrow taglines.<\/p><\/li>\n<li><p><strong>Client Logo Card:<\/strong> Professionally present brand partners with specialized minimal typographic cards and distinct hover color interactions.<\/p><\/li>\n<li><p><strong>Creative Curve Card:<\/strong> A highly stylized layout with a seamless CSS-curve cutout connecting your icon to your text content.<\/p><\/li>\n<li><strong>Feature Card:<\/strong> Premium, sleek layout for displaying software or service features.<\/li>\n<\/ul>\n\n<h4>How to Use<\/h4>\n\n<ol>\n<li>Install and activate the <strong>Cards Elements<\/strong> plugin.<\/li>\n<li>Open the Gutenberg editor.<\/li>\n<li>Add <strong>Cards Elements<\/strong> from the block inserter.<\/li>\n<li>Customize cards layout from the right-side settings panel.<\/li>\n<li>Publish and enjoy \ud83c\udf89<\/li>\n<\/ol>\n\n<p><strong><em>For installation help click on Installation Tab<\/em><\/strong><\/p>\n\n<h3>Feedback &amp; Support<\/h3>\n\n<p>Did you find a bug or have a feature request?<br \/>\n\ud83d\udce7 <a href=\"mailto:support@bplugins.com\">Send feedback<\/a><\/p>\n\n<p>Support forum:<br \/>\nhttps:\/\/wordpress.org\/support\/plugin\/cards-layout\/<\/p>\n\n<h3>Check out the Parent Plugin of this plugin-<\/h3>\n\n<p><a href=\"https:\/\/bblockswp.com\"><strong>B Blocks<\/strong><\/a> \u2013 A blocks collection and page building tool for Gutenberg.<\/p>\n\n<h3>Check out our other WordPress Plugins-<\/h3>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/html5-video-player\/\"><strong>Html5 Video Player<\/strong><\/a> \u2013 Display videos as single and playlist in multiple skins.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/pdf-poster\/\"><strong>PDF Poster<\/strong><\/a> \u2013 Display\/Embed PDF files with different styles.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/html5-audio-player\/\"><strong>Html5 Audio Player<\/strong><\/a> \u2013 Listen audios with awesome visuals.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/streamcast-radio-player\/\"><strong>StreamCast<\/strong><\/a> \u2013 Customizable radio player with different skins.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/3d-viewer\/\"><strong>3D Viewer<\/strong><\/a> \u2013 Embed 3D models and 3D products with interaction.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/advanced-post-block\/\"><strong>Advanced Post Block<\/strong><\/a> \u2013 Show posts and custom posts in different layouts.<\/p>\n\n<!--section=installation-->\n<h3>From Gutenberg Editor:<\/h3>\n\n<ol>\n<li>Go to the WordPress Block\/Gutenberg Editor<\/li>\n<li>Search For <strong>Cards Elements<\/strong><\/li>\n<li>Click on the <strong>Cards Elements<\/strong> to add the block<\/li>\n<\/ol>\n\n<h3>Download &amp; Upload:<\/h3>\n\n<ol>\n<li>Download the <strong>Cards Elements<\/strong> plugin (<em>.zip file<\/em>)<\/li>\n<li>In your admin area, go to the Plugins menu and click on <strong>Add New<\/strong><\/li>\n<li>Click on <strong>Upload Plugin<\/strong> and choose the <strong><code>cards-layout.zip<\/code><\/strong> file and click on <strong>Install Now<\/strong><\/li>\n<li>Activate the plugin and Enjoy!<\/li>\n<\/ol>\n\n<h3>Manually:<\/h3>\n\n<ol>\n<li>Download and upload the <strong>Cards Layout<\/strong> plugin to the <strong><code>\/wp-content\/plugins\/<\/code><\/strong> directory<\/li>\n<li>Activate the plugin through the Plugins menu in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20with%20any%20wordpress%20theme%3F\"><h3>Does it work with any WordPress theme?<\/h3><\/dt>\n<dd><p>Yes, it will work with any standard WordPress theme.<\/p><\/dd>\n<dt id=\"can%20i%20change%20block%20settings%3F\"><h3>Can I change block settings?<\/h3><\/dt>\n<dd><p>Yes, you can change block settings from the Gutenberg block editor's right sidebar.<\/p><\/dd>\n<dt id=\"how%20many%20times%20can%20i%20reuse%20a%20block%3F\"><h3>How many times can I reuse a block?<\/h3><\/dt>\n<dd><p>You can use unlimited times as you want.<\/p><\/dd>\n<dt id=\"where%20can%20i%20get%20support%3F\"><h3>Where can I get support?<\/h3><\/dt>\n<dd><p>You can post your questions on the <a href=\"https:\/\/wordpress.org\/support\/plugin\/cards-layout\/\">support forum here<\/a><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.1 - 26 April, 2026<\/h4>\n\n<ul>\n<li>Enhanced block title for clearer identification<\/li>\n<li>Optimized locked UI blur effect for a better user experience<\/li>\n<\/ul>\n\n<h4>2.0.0 - 21 April, 2026<\/h4>\n\n<ul>\n<li>Major Release: Introducing Cards Layout Pro with Premium SaaS-style layouts!<\/li>\n<li>New Free Layouts: Hero Feature Card, Achievement Card.<\/li>\n<li>New Pro Layouts: State \/ Counter Card, Progress Card, Animated Service Card, Banner Card, Client Logo Card, Creative Curve Card, Feature Card.<\/li>\n<li>Added Responsive Grid Engine for Desktop, Tablet, and Mobile column controls.<\/li>\n<li>Added granular Icon Wrap Size controls for independent scaling.<\/li>\n<li>Added dynamic Card Tags across multiple layouts.<\/li>\n<li>Added customizable badge animation speed for Achievement Card.<\/li>\n<li>Codebase optimization and bug fixes.<\/li>\n<\/ul>\n\n<h4>1.1.4 - 29 July, 2025<\/h4>\n\n<ul>\n<li>focalPoint added good feature;<\/li>\n<\/ul>\n\n<h4>1.1.3 - 27 July, 2025<\/h4>\n\n<ul>\n<li>Import content from image media;<\/li>\n<\/ul>\n\n<h4>1.1.2 - 9 July, 2025<\/h4>\n\n<ul>\n<li>Image border radius and card content align option added<\/li>\n<\/ul>\n\n<h4>1.1.1 - 6 July, 2025<\/h4>\n\n<ul>\n<li>Card URL and button URL now open in a new tab;<\/li>\n<\/ul>\n\n<h4>1.1.0 - 4 July, 2025<\/h4>\n\n<ul>\n<li>Default layout available<\/li>\n<li>Set card border, padding, and border radius<\/li>\n<li>Customize card title, description, and button typography, color, padding, and border radius<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial Release<\/li>\n<\/ul>","raw_excerpt":"Build responsive, customizable card components with multiple premium layouts and dynamic styles in the Gutenberg editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/232332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=232332"}],"author":[{"embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bplugins"}],"wp:attachment":[{"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=232332"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=232332"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=232332"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=232332"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=232332"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/el.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=232332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}