Title: Card Elements for WPBakery Author: Techeshta Published: 2021년 8월 13일 Last modified: 2026년 6월 23일 --- 플러그인 검색 ![](https://ps.w.org/card-elements-for-wpbakery/assets/banner-772x250.png?rev=2582394) ![](https://ps.w.org/card-elements-for-wpbakery/assets/icon-256x256.png?rev=2582394) # Card Elements for WPBakery 작성자: [Techeshta](https://profiles.wordpress.org/techeshta/) [다운로드](https://downloads.wordpress.org/plugin/card-elements-for-wpbakery.zip) * [세부사항](https://ko.wordpress.org/plugins/card-elements-for-wpbakery/#description) * [평가](https://ko.wordpress.org/plugins/card-elements-for-wpbakery/#reviews) * [설치](https://ko.wordpress.org/plugins/card-elements-for-wpbakery/#installation) * [개발](https://ko.wordpress.org/plugins/card-elements-for-wpbakery/#developers) [지원](https://wordpress.org/support/plugin/card-elements-for-wpbakery/) ## 설명 **Card Elements for WPBakery** gives you a library of beautifully designed card widgets that plug straight into the WPBakery Page Builder drag-and-drop editor. Pick a card style, drop it onto your page, fill in your content, and you’re done. Whether you’re building a team page, a client reviews section, or a blog post grid, Card Elements has a card style that fits — and every style is fully customisable with colour pickers, font controls, spacing options, and hover animations directly inside the WPBakery editor. Zero code, zero CSS knowledge needed. > **Works only with [WPBakery Page Builder](https://wpbakery.com) (v5.0 or above).** > WPBakery is a premium plugin sold separately. #### Why Choose Card Elements for WPBakery? * **Instant visual results** — drag a card widget onto the canvas and see a live preview in seconds. * **Pixel-perfect control** — adjust colours, fonts, spacing, border radius, and hover animations through point-and-click controls, not code. * **Multiple ready-made card styles** — each widget ships with several distinct design options so you’re never locked into one look. * **Lightweight & fast** — no bloated frameworks; only the CSS your active card styles actually need is loaded. * **Beginner to developer friendly** — simple enough for first-time WordPress users, flexible enough for experienced developers. * **Actively maintained** — regularly tested against new WordPress releases, with security and compatibility updates delivered promptly. #### 🃏 Profile Card Showcase your team, freelancers, contributors, or any group of people with polished profile cards. Each card supports: * Profile photo and background image * Name, job title, and biography * Social media icons (Facebook, Twitter, Google+, WordPress) with links * Full colour control — card background, text, social icon and hover colours * Icon hover animations (Grow, Shrink, Pulse, Rotate, Float, Wobble, Buzz, and more) * 6 unique card styles — pick the one that matches your brand **Perfect for:** Team pages, About Us sections, speaker listings, author bios, freelancer portfolios. #### 💬 Testimonial Card Turn customer reviews into trust-building social proof with eye-catching testimonial cards. Each card supports: * Customer photo, name, and position * Review text with full typography control (font family, size, colour, alignment) * Card background colour * 3 distinct layout styles **Perfect for:** Client reviews, case study pages, product testimonials, service page credibility sections. #### 📰 Post Card Display your blog posts, news, or any WordPress posts in a responsive card grid. Each card supports: * Featured image with border radius and overlay controls * Post title with HTML tag selection (H1–H6, div, span, p) * Excerpt (from content or manual excerpt) with length control * Meta data — author, date, comments, tags, category * Read More button with custom text and colour * Column layout: 1, 2, 3, 4 or 6 columns * Grid gap and row gap controls * 3 distinct card styles **Perfect for:** Blog index pages, news sections, magazine layouts, content hubs. #### Full Customisation Controls Every card widget exposes a rich set of design options inside the WPBakery editor: * **Colours** — background, text, icon, hover states — all via colour picker * **Typography** — Google Fonts integration with font family and style selectors * **Spacing** — fine-grained margin and padding control per element * **Alignment** — left, centre, right, or justify for each text element * **Animations** — 25+ hover animation styles for social icons * **Design Options tab** — WPBakery’s standard margin/padding/border/background panel #### Getting Started in 3 Steps 1. Install and activate **WPBakery Page Builder** (if not already active). 2. Install and activate **Card Elements for WPBakery** from the WordPress plugin directory. 3. Edit any page with WPBakery, look for the **Card Elements** category in the element picker, and drag your first card onto the canvas. #### Technical Support Found a bug or have a feature request? Open a thread on the [Support Forum](https://wordpress.org/support/plugin/card-elements-for-wpbakery/) and we’ll respond promptly. You can also [contact us directly](https://www.techeshta.com/contact-us/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=techeshta). #### Love the Plugin? If Card Elements for WPBakery is saving you time, please consider leaving a ⭐⭐ ⭐⭐⭐ review on [WordPress.org](https://wordpress.org/support/plugin/card-elements-for-wpbakery/reviews/?rate=5#new-post). It helps other WordPress users discover the plugin and motivates us to keep improving it. Thank you! ## 스크린샷 [⌊Profile Card — Style 1 — Clean card with profile photo, bio text, name, title, and animated social icons.⌉⌊Profile Card — Style 1 — Clean card with profile photo, bio text, name, title, and animated social icons.⌉[ **Profile Card — Style 1** — Clean card with profile photo, bio text, name, title, and animated social icons. [⌊Profile Card — Style 3 — Bold overlay design with name and position displayed over the profile image.⌉⌊Profile Card — Style 3 — Bold overlay design with name and position displayed over the profile image.⌉[ **Profile Card — Style 3** — Bold overlay design with name and position displayed over the profile image. [⌊Testimonial Card — Style 1 — Quote card with customer photo, review text, name, and position.⌉⌊Testimonial Card — Style 1 — Quote card with customer photo, review text, name, and position.⌉[ **Testimonial Card — Style 1** — Quote card with customer photo, review text, name, and position. [⌊Post Card — Style 1 — Classic blog card with featured image, date badge, category tag, title, and excerpt.⌉⌊Post Card — Style 1 — Classic blog card with featured image, date badge, category tag, title, and excerpt.⌉[ **Post Card — Style 1** — Classic blog card with featured image, date badge, category tag, title, and excerpt. [⌊Post Card — Style 2 — Horizontal content layout with author avatar, date, and read more link.⌉⌊Post Card — Style 2 — Horizontal content layout with author avatar, date, and read more link.⌉[ **Post Card — Style 2** — Horizontal content layout with author avatar, date, and read more link. ## 설치 **Option 1 — Install from the WordPress Dashboard (Recommended)** 1. Log into your WordPress admin and go to **Plugins Add New**. 2. Search for **Card Elements for WPBakery**. 3. Click **Install Now** on the plugin card, then click **Activate**. **Option 2 — Manual Upload** 1. Download the plugin zip from [WordPress.org](https://wordpress.org/plugins/card-elements-for-wpbakery/). 2. Go to **Plugins Add New Upload Plugin**. 3. Choose the downloaded zip and click **Install Now**, then **Activate**. **Option 3 — FTP / SFTP** 1. Unzip the downloaded file. 2. Upload the `card-elements-for-wpbakery` folder to `/wp-content/plugins/`. 3. Activate the plugin from the **Plugins** screen in your WordPress admin. > **Requirement:** WPBakery Page Builder v5.0 or higher must be installed and activated > before Card Elements widgets will appear in the editor. ## FAQ ### Does this plugin work without WPBakery? No. Card Elements for WPBakery is an add-on for [WPBakery Page Builder](https://wpbakery.com) and requires it to function. If WPBakery is not installed or activated, the plugin will display an admin notice with instructions. ### Which version of WPBakery is required? WPBakery Page Builder version 5.0 or higher. If your version is older, the plugin will display an update notice in the WordPress admin. ### Can I add multiple card widgets to the same page? Yes — add as many cards as you like on a single page. Each instance is fully independent with its own style settings, so you can mix and match card types and styles on the same page. ### Can I use a different card style for each card on the same page? Absolutely. Each card widget has a **Card Style** dropdown so you can choose a completely different design per instance. Mix a profile card style 1 with profile card style 3 on the same page if you like. ### Can I change the colours, fonts, and spacing? Yes — every visual aspect (colours, Google Fonts, font size, spacing, border radius, hover effects) is controllable through the WPBakery element settings panel. No CSS or code editing is required. ### Will the plugin slow down my site? Card Elements follows WordPress best practices for asset loading. Stylesheets are registered at a lightweight weight and the plugin does not load any third-party JavaScript frameworks. Google Fonts are only loaded for the font families you actually select. ### Is the plugin translation-ready? Yes. All user-facing strings are wrapped in WordPress internationalisation functions and a `.pot` template file is included in the `languages` folder. You can translate the plugin using Loco Translate, WPML, or any compatible translation tool. ### Where can I request a new card style or feature? Post your idea on the [Support Forum](https://wordpress.org/support/plugin/card-elements-for-wpbakery/) or [contact us](https://www.techeshta.com/contact-us/?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=techeshta). We review all requests and prioritise the most popular ones for upcoming releases. ### Is the plugin compatible with PHP 8? Yes. The plugin requires PHP 8.0 or higher and is tested against the latest PHP releases. ## 후기 ![](https://secure.gravatar.com/avatar/076bfbbfe757e2de8b655590e37230be226c84bb91d524f788e1bc5c5cc527a2? s=60&d=retro&r=g) ### 󠀁[Very Useful](https://wordpress.org/support/topic/very-useful-2796/)󠁿 [Rishi Thacker](https://profiles.wordpress.org/huptechweb/) 2021년 8월 31일 I have used this plugin and it’s very useful, no glitches [ 모든 1 평가 읽기 ](https://wordpress.org/support/plugin/card-elements-for-wpbakery/reviews/) ## 기여자 & 개발자 “Card Elements for WPBakery”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다. 기여자 * [ Techeshta ](https://profiles.wordpress.org/techeshta/) * [ Alkesh Miyani ](https://profiles.wordpress.org/alkesh7/) * [ Nilesh Vastarpara ](https://profiles.wordpress.org/vastarpara/) * [ Hardik Hirpara ](https://profiles.wordpress.org/hadihirpara/) [자국어로 “Card Elements for WPBakery”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/card-elements-for-wpbakery) ### 개발에 관심이 있으십니까? [코드 탐색하기](https://plugins.trac.wordpress.org/browser/card-elements-for-wpbakery/) 는, [SVN 저장소](https://plugins.svn.wordpress.org/card-elements-for-wpbakery/)를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/card-elements-for-wpbakery/) 을 [RSS](https://plugins.trac.wordpress.org/log/card-elements-for-wpbakery/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 #### 1.1.0 Release date: June 23rd, 2026 * [New] Confirmed compatibility with WordPress 7.0 * [Security] Replaced `extract()` with explicit variable assignments across all shortcode functions (WPCS compliance) * [Security] Escaped `$cewb_post_read_more_text` and `$cewb_post_layout_content_read_more_color` outputs to prevent XSS * [Security] Replaced bare `the_title()` calls inside anchor and heading tags with` esc_html( get_the_title() )` in all post card templates * [Fix] Missing `echo` on design options style attribute — Design Options CSS is now correctly applied on the frontend * [Fix] `$cewb_post_columns` variable was immediately overwritten after being set, causing columns to never apply — resolved * [Fix] `posts_per_page` query argument is now cast with `absint()` to ensure integer type safety * [Fix] Duplicate `dependency` array keys in VCMap field definitions consolidated— first dependency was silently discarded by PHP * [Fix] Removed invalid `defined('card-elements-for-wpbakery')` constant check ( hyphens are not valid in PHP constant names) * [Fix] `add_filter()` replaced with `add_action()` for `init` and `vc_after_init` hooks in iconpicker support * [Fix] Duplicate script handle registration guarded with `wp_script_is()` check to prevent conflicts * [Improvement] All protocol-relative `//fonts.googleapis.com` URLs updated to ` https://` across all card templates * [Improvement] FontAwesome 4 icon classes (`fa fa-clock-o`, `fa fa-tags`, `fa fa-comments`) updated to FontAwesome 5 (`fas fa-*`) * [Improvement] Style version numbers corrected from float `1.0` to string `'1.0'`; media parameter corrected from `false` to `'all'` * [Improvement] `Domain Path` header added to main plugin file * [Improvement] Outdated `// WPCS: XSS OK.` suppression comments replaced with explicit `wp_kses_post()` wrapping * [Improvement] Redundant double-escaping `esc_attr( esc_url() )` simplified to` esc_url()` in testimonial card template #### 1.0.9 Release date: April 20th, 2026 * [Updated] Latest WordPress 6.9 compatibility check * [Security] Fixed cross-site scripting (XSS) vulnerability * [Improvement] Overall plugin security #### 1.0.8 Release date: April 22nd, 2025 * [Updated] Latest WordPress 6.8 compatibility check #### 1.0.7 Release date: November 22nd, 2024 * [Updated] Latest WordPress 6.7 compatibility check #### 1.0.6 Release date: July 26th, 2024 * [Updated] Latest WordPress 6.6 compatibility check #### 1.0.5 Release Date: April 12th, 2024 * [Updated] Latest WordPress 6.5.2 compatibility check * [Fix] Security, performance, and accessibility issues #### 1.0.4 Release Date: October 5th, 2023 * [Updated] Latest WordPress 6.3.1 compatibility check #### 1.0.3 Release Date: December 8th, 2022 * [Updated] Latest WordPress 6.1 compatibility check #### 1.0.2 Release Date: May 25th, 2022 * [Updated] Latest WordPress 6.0 compatibility check #### 1.0.1 Release Date: January 19th, 2022 * [Fix] Social icons not being hidden when toggled off #### 1.0.0 Release Date: August 10th, 2021 * Initial release ## 기초 * 버전 **1.1.0** * 최근 업데이트: **1주 전** * 활성화된 설치 **500+** * 워드프레스 버전 ** 4.4 또는 그 이상 ** * 다음까지 시험됨: **7.0** * PHP 버전 ** 8.0 또는 그 이상 ** * 언어 * [English (US)](https://wordpress.org/plugins/card-elements-for-wpbakery/) * 태그: * [profile card](https://ko.wordpress.org/plugins/tags/profile-card/)[WPBakery](https://ko.wordpress.org/plugins/tags/wpbakery/) * [고급 보기](https://ko.wordpress.org/plugins/card-elements-for-wpbakery/advanced/) ## 평점 별 5점 만점에 5점. * [ 1/5-별점 후기 ](https://wordpress.org/support/plugin/card-elements-for-wpbakery/reviews/?filter=5) * [ 0/4-별점 후기 ](https://wordpress.org/support/plugin/card-elements-for-wpbakery/reviews/?filter=4) * [ 0/3-별점 후기 ](https://wordpress.org/support/plugin/card-elements-for-wpbakery/reviews/?filter=3) * [ 0/2-별점 후기 ](https://wordpress.org/support/plugin/card-elements-for-wpbakery/reviews/?filter=2) * [ 0/1-별점 후기 ](https://wordpress.org/support/plugin/card-elements-for-wpbakery/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/card-elements-for-wpbakery/reviews/#new-post) [모든 리뷰 보기](https://wordpress.org/support/plugin/card-elements-for-wpbakery/reviews/) ## 기여자 * [ Techeshta ](https://profiles.wordpress.org/techeshta/) * [ Alkesh Miyani ](https://profiles.wordpress.org/alkesh7/) * [ Nilesh Vastarpara ](https://profiles.wordpress.org/vastarpara/) * [ Hardik Hirpara ](https://profiles.wordpress.org/hadihirpara/) ## 지원 할 말 있으신가요? 도움이 필요하신가요? [지원 포럼 보기](https://wordpress.org/support/plugin/card-elements-for-wpbakery/)