Title: Cover3D
Author: Marcio Duarte
Published: <strong>2023년 6월 13일</strong>
Last modified: 2025년 12월 4일

---

플러그인 검색

![](https://ps.w.org/cover3d/assets/banner-772x250.jpg?rev=2947803)

![](https://ps.w.org/cover3d/assets/icon.svg?rev=2925021)

# Cover3D

 작성자: [Marcio Duarte](https://profiles.wordpress.org/pagelab/)

[다운로드](https://downloads.wordpress.org/plugin/cover3d.1.0.0.zip)

[실시간 미리보기](https://ko.wordpress.org/plugins/cover3d/?preview=1)

 * [세부사항](https://ko.wordpress.org/plugins/cover3d/#description)
 * [평가](https://ko.wordpress.org/plugins/cover3d/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/cover3d/#installation)
 * [개발](https://ko.wordpress.org/plugins/cover3d/#developers)

 [지원](https://wordpress.org/support/plugin/cover3d/)

## 설명

The **Cover 3D** block will display a 3D book cover with an image of your choice,
with a stylish animation on mouse hover.

You can select three book sizes, set the cover colors, and also insert a custom 
link to the linked cover. In this case, the back cover will be displayed when you
mouse over it, and you can choose an icon to describe the action of the link: download
or buy, also adding the text that accompanies the link.

⚠️ **Important**: after adding the cover image, select the appropriate size from
the block controls located on the sidebar of the block editor.

## 스크린샷

 * [[
 * Searching for the Cover3D Block in the block inserter.
 * [[
 * Block added in main content of a page.
 * [[
 * Block settings: you can add an image, choose the cover size, set colors and add
   an optional link.
 * [[

## 블록

이 플러그인은 1개의 블록을 제공합니다.

 *   3D Book Cover A 3D book cover animated on hover.

## 설치

#### Automatic installation:

 1. Open any post or page in your WordPress dashboard.
 2. Click the main plus icon (+), located at the upper left corner of the editor, to
    add a new block.
 3. Type “Cover 3D” in the search field.
 4. Look for the plugin with this name in the list of available block plugins and click
    to install.
 5. Wait for the installation process and the block will be available to use in your
    content. You can deactivate it in the “Plugins  All plugins” menu, in your WordPress
    admin dashboard.

#### Manual Installation:

 1. Upload the cover3d.zip file via the plugin page of WordPress by clicking “Add New”
    and selecting the zip from your local computer, or alternatively upload the decompressed`
    cover3d` folder to your `/wp-content/plugins/` directory on your server, via SFTP/
    FTP.
 2. Activate the plugin through the “Plugins” menu in WordPress.
 3. Search for the “3D Book Cover” block in any block inserter within the block editor.
 4. Customize the cover image, book size and colors in the sidebar of the block editor.
    The plugin does not create menus or additional settings in the WordPress dashboard.

## FAQ

### Why would I need this?

Do you have a book (or an e-book) that you want to promote? Or a subscription form
with a lead magnet to download an e-book for marketing purposes? Including a 3D 
cover can help grab the visitor’s attention to them, increasing conversions.

### What is the recommended way to use it?

It can be used anywhere in the WordPress block editor, either in your content or
in your templates.

### What is the recommended size for my cover image file?

The plugin offers three sizes for your cover: _small_, _medium_ and _big_. The minimum
image size for the “small” option is _66 x 100 pixels_. For the “Medium” option,
upload an image with at least _133 x 200 pixels_, and _200 x 300 pixels_ for the“
big” option.

### What image file formats do this plugin accept?

You can use any of the [natively supported file types](https://wordpress.org/documentation/article/image-size-and-quality/)
for images, like JPG, GIF or PNG. If your WordPress installation allows SVG file
uploads, you can also use this format, which is specially good for covers with sharp
details.

### Will this plugin hinder my website loading performance?

The Cover3D plugin uses very little CSS (8kb) to create the animation effect without
Javascript on the front-end, so is very lean. You can also include an image for 
your cover, but you can select the desired image size to minimize the performance
impact. At any rate, the Cover3D block only uses the native `medium` size, defined
in your WordPress admin panel (Settings  Media), for the cover image on small screens,
regardless of the the size option choosen in the block control panel, in order to
avoid negative impacts on loading performance.

### Does this plugin collect any data from me or my users?

Not at all. The plugin respects your privacy. It’s completely add-free and the code
only uses core WordPress functions. No admin notices or hidden “call home” functions.

### Does this plugin work in the Classic Editor?

No, this plugin works exclusively in the Block Editor.

### Does the hover animation work in touchscreen devices?

Since touchscreen devices do not include a “hover” state, the animation is disabled
on them.

### Where can I send feedback or support questions?

Please reach out via the official [plugin support forum](https://wordpress.org/support/plugin/cover3d).

Feel free to ask questions, request new features or report bugs.

You can also follow the development of the plugin in the official Épico Studio [GitHub repository](https://github.com/EpicoStudio/cover3d),
where you can see the complete code.

### How can I support the development of the Cover3D plugin?

You can help with a [donation](https://ubr.link/donate-wp), by [visiting our website](https://epico.studio)
or publishing a [positive review](https://wordpress.org/support/plugin/cover3d/reviews/#new-post),
if you find it useful.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“Cover3D”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

 *   [ Marcio Duarte ](https://profiles.wordpress.org/pagelab/)
 *   [ Épico Studio ](https://profiles.wordpress.org/epicostudio/)

“Cover3D”(이)가 1 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/cover3d/contributors)
님께 감사드립니다.

[자국어로 “Cover3D”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/cover3d)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/cover3d/)는, [SVN 저장소](https://plugins.svn.wordpress.org/cover3d/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/cover3d/)을 
[RSS](https://plugins.trac.wordpress.org/log/cover3d/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.0.0

 * Complete rewrite using native WordPress block development practices.
 * Replaced Pinegrow custom framework with native WordPress Block API.
 * Uses block.json for block registration (WordPress 6.1+).
 * Modern ES6+ JavaScript with JSX and @wordpress/scripts build tooling.
 * Simplified attribute structure for better maintainability.
 * Improved accessibility with proper ARIA attributes.
 * Added “Open in new tab” option for links.
 * Performance improvements with block metadata collection support.

#### 0.4.0

 * Added support for inserting native performance attributes in the tag via wp_get_loading_optimization_attributes().
 * Added `lodash` as a dependency on the Javascript file registration.
 * Updated translation strings.

#### 0.3.0

 * Removed the book link while editing the block in the editor.

#### 0.2.0

 * Upgraded the `api_version` on the block registration.

#### 0.1.0

 * Initial release.

## 커뮤니티 플러그인

이 플러그인은 커뮤니티에서 개발 및 지원합니다. [이 플러그인에 기여하기](https://github.com/EpicoStudio/cover3d)

## 기초

 *  버전 **1.0.0**
 *  최근 업데이트: **6개월 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 6.1 또는 그 이상 **
 *  다음까지 시험됨: **6.9.4**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/cover3d/) 및 [Portuguese (Brazil)](https://br.wordpress.org/plugins/cover3d/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/cover3d)
 * 태그:
 * [3d](https://ko.wordpress.org/plugins/tags/3d/)[block](https://ko.wordpress.org/plugins/tags/block/)
   [book cover](https://ko.wordpress.org/plugins/tags/book-cover/)[cover](https://ko.wordpress.org/plugins/tags/cover/)
   [lead magnet](https://ko.wordpress.org/plugins/tags/lead-magnet/)
 *  [고급 보기](https://ko.wordpress.org/plugins/cover3d/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/cover3d/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/cover3d/reviews/)

## 기여자

 *   [ Marcio Duarte ](https://profiles.wordpress.org/pagelab/)
 *   [ Épico Studio ](https://profiles.wordpress.org/epicostudio/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/cover3d/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](https://ubr.link/donate-wp)