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://cn.wordpress.org/plugins/device-wrapper/#description)
 * [评价](https://cn.wordpress.org/plugins/device-wrapper/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/device-wrapper/#installation)
 * [开发进展](https://cn.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 个区块.

 *   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 或更高版本 **
 *  已测试的最高版本为 **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://cn.wordpress.org/plugins/tags/device/)[mockup](https://cn.wordpress.org/plugins/tags/mockup/)
   [wrap](https://cn.wordpress.org/plugins/tags/wrap/)[wrapper](https://cn.wordpress.org/plugins/tags/wrapper/)
 *  [高级视图](https://cn.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/)