Title: Device Wrapper
Author: Bogdan Bendziukov
Published: <strong>2023 年 4 月 25 日</strong>
Last modified: 2026 年 5 月 21 日

---

搜尋外掛

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

![](https://ps.w.org/device-wrapper/assets/icon.svg?rev=2904021)

# Device Wrapper

 由 [Bogdan Bendziukov](https://profiles.wordpress.org/barb0ss/) 開發

[下載](https://downloads.wordpress.org/plugin/device-wrapper.1.1.13.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/device-wrapper/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/device-wrapper/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/device-wrapper/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/device-wrapper/#developers)

 [技術支援](https://wordpress.org/support/plugin/device-wrapper/)

## 外掛說明

The Device Wrapper plugin enables users to wrap an image, video or iframe into a
device mockup, providing a more professional and polished look to their content.

The Device Wrapper plugin does not require any specific configuration. Once activated,
the plugin adds a new shortcode to WordPress that can be used to wrap images, videos
or iframes into device mockups. It also provides a custom block for Gutenberg editor
and a custom widget for Elementor builder (in the Premium version).

[Check out the DEMO!](https://pluginarium.com/device-wrapper/)

[Read the full documentation of this plugin.](https://pluginarium.com/device-wrapper/device-wrapper-documentation/)

### Features available:

 * Wrap any image, video or iframe (like Vimeo or YouTube)
 * 20+ mockup devices (incl. iWatch and Apple Studio)
 * Various customizing options (size, content placing, video options etc.)
 * High quality SVG mockups
 * Use anywhere with a shortcode
 * Gutenberg block included

### The Premium version provides extra features:

 * Dynamic source support (APIs, GET and POST vars)
 * Elementor widget
 * Custom colors for the devices frames and screens

To upgrade the Device Wrapper to the Premium version, open your WP-Admin panel, 
then navigate to the Settings -> Device Wrapper -> Upgrade

## 螢幕擷圖

[⌊Gutenberg block⌉⌊Gutenberg block⌉[

Gutenberg block

[⌊Avialable options for Gutenberg block⌉⌊Avialable options for Gutenberg block⌉[

Avialable options for Gutenberg block

[⌊Elementor widget, available in Premium version⌉⌊Elementor widget, available in
Premium version⌉[

Elementor widget, available in Premium version

## 適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Device Wrapper

## 安裝方式

To install the Device Wrapper plugin, follow these steps:

 1. Download the plugin from the WordPress plugin repository.
 2. Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin
    via the WordPress plugin installer.
 3. Activate the plugin through the \’Plugins\’ menu in WordPress.

## 常見問題集

### How to use the Device Wrapper plugin?

To use the Device Wrapper plugin, simply insert the `[device-wrapper]` shortcode
into any WordPress post or page. You can customize the shortcode by adding specific
attributes. Full documentation is available here: [https://pluginarium.com/device-wrapper/device-wrapper-documentation](https://pluginarium.com/device-wrapper/device-wrapper-documentation)

### Can the Device Wrapper plugin be customized?

Yes, the plugin can be customized to fit your website\’s design. You can choose 
the device itself and size of it, and adjust the settings to fit your website\’s
layout.

### Is the Device Wrapper Plugin free?

Yes, the plugin is free to use. However, there is a premium version available that
offers additional features and support.

### Where can I get support for the Device Wrapper Plugin?

You can get support for the plugin on the WordPress plugin page or on the developer\’
s website.

### Is there a demo of the Device Wrapper plugin?

Yes, you can check it here [https://pluginarium.com/device-wrapper/](https://pluginarium.com/device-wrapper/)

### Where can I read the full documentation for this plugin?

The full documentation is available here: [https://pluginarium.com/device-wrapper/device-wrapper-documentation/](https://pluginarium.com/device-wrapper/device-wrapper-documentation/)

## 使用者評論

![](https://secure.gravatar.com/avatar/0834e0faee99a42cfe7e730b84c97cf34c7875b42e72b43be9be0c09108f7c61?
s=60&d=retro&r=g)

### 󠀁[Great plugin!](https://wordpress.org/support/topic/great-plugin-41152/)󠁿

 [plequere](https://profiles.wordpress.org/plequere/) 2025 年 12 月 22 日

The plugin works great and the author was very responsive when I made a suggestion.
Thank you!

![](https://secure.gravatar.com/avatar/7218db83a318788b504b530e70c43215d0707529ed020ec164abcf790c79ceb5?
s=60&d=retro&r=g)

### 󠀁[Great plugin, top-tier support](https://wordpress.org/support/topic/great-plugin-top-tier-support/)󠁿

 [Adam](https://profiles.wordpress.org/gourmetbooks/) 2024 年 6 月 30 日 1 則留言

Love the SVG quality, the device variety, and that they’re all updated regularly.
Love that you have so so many fitting options, including Overflow Y, so you can 
plug whole, scrollable app/page mockups into a phone. Love that you can link to 
another image (I’d love to be able to trigger a light box). This plugin is a rarity.
Literally, there’s almost nothing that does what it does, much less this well. And
that means there’s very little incentive for the solo developer to be so on top 
of support. I used the free version for six months, despite a bug I didn’t report.
I looked everywhere for alternatives and went premium, hoping that’d fix it. Yup,
fixed. I told him about the bug in the free version, and he fixed it within hours.
A few weeks later I let him know about another little visual bug, and a day later
that was fixed, too. It’s just really hard to find someone who takes pride in their
work like that these days. Dev support is such a crapshoot, and support from a single
person is usually worse… and even worse when they have no real competition. ⭐️⭐️
⭐️⭐️⭐️, would give six if I could.

![](https://secure.gravatar.com/avatar/ff0cac8b0c850c5841e9c3b5c8c22f9091c7db116065e30ed48b7440fc60691c?
s=60&d=retro&r=g)

### 󠀁[Great support](https://wordpress.org/support/topic/great-support-5611/)󠁿

 [SimoTono](https://profiles.wordpress.org/formitoni/) 2024 年 6 月 17 日 1 則留言

The support team was quick and professional, resolving my issue within hours. This
plugin helped me achieve my goals more efficiently. Highly recommended!

 [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/device-wrapper/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Device Wrapper〉的開發相關工作。

參與者

 *   [ Bogdan Bendziukov ](https://profiles.wordpress.org/barb0ss/)

〈Device Wrapper〉外掛目前已有 1 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/device-wrapper/contributors)
為這個外掛做出的貢獻。

[將〈Device Wrapper〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/device-wrapper)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/device-wrapper/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/device-wrapper/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/device-wrapper/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/device-wrapper/)。

## 變更記錄

#### 1.1.13

 * Handled work with HTTP password protected sites
 * Moved SVG code to PHP files

#### 1.1.12

 * Fixed warning messages for empty link parameters in Elementor

#### 1.1.11

 * Fixed bug with empty file_get_contents response

#### 1.1.10

 * Added iPhone 16 Pro mockup

#### 1.1.9

 * Removed Freemius from the free version
 * Converted to a Class-based structure

#### 1.1.8

 * Minor updates for styles, readme and freemius tweaks

#### 1.1.7

 * Fix editor’s issues with height and select control
 * Update description page design

#### 1.1.6

 * Fix macbook white line bug

#### 1.1.5

 * Updated the PHP version

#### 1.1.4

 * Fix bug with the bg_color attribute

#### 1.1.3

 * Added iPhone 15 Pro and iPhone 15 Pro Max mockups

#### 1.1

 * Added rotate device option

#### 1.0

 * First release.

## 中繼資料

 *  版本 **1.1.13**
 *  最後更新 **3 週前**
 *  啟用安裝數 **300+**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/device-wrapper/) 及 [Ukrainian](https://uk.wordpress.org/plugins/device-wrapper/).
 *  [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/device-wrapper)
 * 標籤:
 * [device](https://tw.wordpress.org/plugins/tags/device/)[mockup](https://tw.wordpress.org/plugins/tags/mockup/)
   [wrap](https://tw.wordpress.org/plugins/tags/wrap/)[wrapper](https://tw.wordpress.org/plugins/tags/wrapper/)
 *  [進階檢視](https://tw.wordpress.org/plugins/device-wrapper/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  3 個 5 星使用者評論     ](https://wordpress.org/support/plugin/device-wrapper/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/device-wrapper/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/device-wrapper/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/device-wrapper/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/device-wrapper/reviews/?filter=1)

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

[查看全部使用者評論](https://wordpress.org/support/plugin/device-wrapper/reviews/)

## 參與者

 *   [ Bogdan Bendziukov ](https://profiles.wordpress.org/barb0ss/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/device-wrapper/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://savelife.in.ua/en/donate-en/)