Title: Arts Device Mockups for Elementor
Author: Artem Semkin
Published: <strong>21 آگوست 2026</strong>
Last modified: 21 آگوست 2026

---

جستجوی افزونه‌ها

![](https://ps.w.org/device-mockups-for-elementor/assets/banner-772x250.jpg?rev=
3658173)

![](https://ps.w.org/device-mockups-for-elementor/assets/icon.svg?rev=3658173)

# Arts Device Mockups for Elementor

 توسط [Artem Semkin](https://profiles.wordpress.org/artemsemkin/)

[دانلود](https://downloads.wordpress.org/plugin/device-mockups-for-elementor.1.0.0.zip)

 * [جزئیات](https://fa.wordpress.org/plugins/device-mockups-for-elementor/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/device-mockups-for-elementor/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/device-mockups-for-elementor/#installation)
 * [توسعه](https://fa.wordpress.org/plugins/device-mockups-for-elementor/#developers)

 [پشتیبانی](https://wordpress.org/support/plugin/device-mockups-for-elementor/)

## توضیحات

Show your work inside a device. This plugin adds a Device Mockup widget to Elementor
that wraps images, videos, and image galleries in clean device frames: a browser
window, a laptop, a tablet, a phone, or a bare screen with no chrome at all.

[🌐 Live Showcase](https://artemsemkin.com/themes/rhye/?utm_source=wordpress.org&utm_medium=referral&utm_campaign=device-mockups-for-elementor)

The frames are drawn entirely in CSS. There are no mockup images to load and no 
external requests — frames stay sharp at any size, and every part of the device 
can take your own colors.

**Five device frames**

 * **Browser** — a desktop browser window with traffic dots and a URL bar. Show 
   your caption inside the URL bar or below the frame, with an optional link arrow.
 * **Laptop** — a notebook frame with lid, camera, and base.
 * **Tablet** — portrait or landscape orientation.
 * **Phone** — a portrait phone frame with a pill cutout.
 * **Bare** — just the screen, with an adjustable corner radius.

**Any screen content**

 * An image in any registered size.
 * Video: self-hosted, YouTube, or Vimeo — muted, looped, without player chrome,
   with a server-rendered poster.
 * A rotating gallery that cycles on hover or automatically when scrolled into view,
   with your own interval and loop setting.

**Behaviors and styling**

 * Play video on hover only, or while the mockup is visible in the viewport.
 * Scroll a tall screenshot inside the frame on hover.
 * Per-device colors: body, screen, border, chrome, camera, traffic dots, URL bar.
 * Aspect ratio (3:2, 4:3, 16:9, 1:1, 2:3, 9:16), object fit and position — responsive
   per breakpoint.
 * Captions and descriptions pulled from the image’s alt text, title, caption, or
   description — or custom text.
 * Dynamic tags on media, link, and text fields. WPML-ready (caption, description,
   and URL bar text are translatable).

Templates can be overridden from your theme: copy a template into `{your-theme}/
device-mockups/`.

## عکس‌های صفحه

[⌊Laptop: lid, camera, and base, all drawn in CSS, with your image on the screen.⌉⌊
Laptop: lid, camera, and base, all drawn in CSS, with your image on the screen.⌉[

Laptop: lid, camera, and base, all drawn in CSS, with your image on the screen.

[⌊Browser: a desktop window with traffic dots and a URL bar; the caption shows inside
the bar.⌉⌊Browser: a desktop window with traffic dots and a URL bar; the caption
shows inside the bar.⌉[

Browser: a desktop window with traffic dots and a URL bar; the caption shows inside
the bar.

[⌊Tablet in landscape with a uniform hairline bezel. One control flips it to portrait.⌉⌊
Tablet in landscape with a uniform hairline bezel. One control flips it to portrait
.⌉[

Tablet in landscape with a uniform hairline bezel. One control flips it to portrait.

[⌊Phone: a portrait frame with a pill cutout.⌉⌊Phone: a portrait frame with a pill
cutout.⌉[

Phone: a portrait frame with a pill cutout.

[⌊The Device Mockup widget under the "Arts" category in the Elementor panel.⌉⌊The
Device Mockup widget under the "Arts" category in the Elementor panel.⌉[

The Device Mockup widget under the “Arts” category in the Elementor panel.

## نصب

 1. Install and activate Elementor (the free version is fine).
 2. Install and activate Arts Device Mockups for Elementor.
 3. Edit a page with Elementor and drag the Device Mockup widget from the “Arts” category
    onto the canvas. Pick a frame, drop in an image, video, or gallery, and you are
    done. There is no settings screen.

## سوالات متداول

### Does it require Elementor Pro?

No. The free Elementor plugin (3.5 or newer) is enough. It works with Elementor 
Pro too.

### Does the plugin load anything from external servers?

No. The device frames are pure CSS and everything renders from your own site. The
only exception: if you choose YouTube or Vimeo as a video source, that provider’s
official player script loads for that widget — and only then.

### Are the device frames based on real products?

No. All frames are generic, brand-neutral shapes drawn in CSS — no product images
or logos.

### Where do I find the widget?

In the Elementor editor, look for “Device Mockup” under the “Arts” category.

## نقد و بررسی‌ها

نقد و بررسی‌ای برای این افزونه یافت نشد.

## توسعه دهندگان و همکاران

“Arts Device Mockups for Elementor” نرم افزار متن باز است. افراد زیر در این افزونه
مشارکت کرده‌اند.

مشارکت کنندگان

 *   [ Artem Semkin ](https://profiles.wordpress.org/artemsemkin/)

[ترجمه “Arts Device Mockups for Elementor” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/device-mockups-for-elementor)

### علاقه‌ مند به توسعه هستید؟

[کد را مرور کنید](https://plugins.trac.wordpress.org/browser/device-mockups-for-elementor/)،
[مخزن SVN](https://plugins.svn.wordpress.org/device-mockups-for-elementor/) را بررسی
کنید، یا از طریق [RSS](https://plugins.trac.wordpress.org/log/device-mockups-for-elementor/?limit=100&mode=stop_on_copy&format=rss)
در [گزارش توسعه](https://plugins.trac.wordpress.org/log/device-mockups-for-elementor/)
مشترک شوید.

## گزارش تغییرات

#### 1.0.0

Initial release.

## اطلاعات

 *  نگارش **1.0.0**
 *  آخرین به‌روزرسانی **20 ساعت پیش**
 *  نصب‌های فعال **کمتر از 10**
 *  نگارش وردپرس ** 6.0 یا بالاتر **
 *  آزمایش‌شده تا **7.1**
 *  نگارش PHP ** 8.0 یا بالاتر **
 *  زبان
 * [English (US)](https://wordpress.org/plugins/device-mockups-for-elementor/)
 * برچسب
 * [browser mockup](https://fa.wordpress.org/plugins/tags/browser-mockup/)[device mockup](https://fa.wordpress.org/plugins/tags/device-mockup/)
   [elementor](https://fa.wordpress.org/plugins/tags/elementor/)[mockup](https://fa.wordpress.org/plugins/tags/mockup/)
 *  [نمایش پیشرفته](https://fa.wordpress.org/plugins/device-mockups-for-elementor/advanced/)

## امتیازها

هنوز هیچ نقدی ارسال نشده است.

[بررسی شما](https://wordpress.org/support/plugin/device-mockups-for-elementor/reviews/#new-post)

[مشاهدهٔ همهٔ بررسی‌ها](https://wordpress.org/support/plugin/device-mockups-for-elementor/reviews/)

## مشارکت کنندگان

 *   [ Artem Semkin ](https://profiles.wordpress.org/artemsemkin/)

## پشتیبانی

چیزی برای گفتن دارید؟ نیاز به کمک دارید؟

 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/device-mockups-for-elementor/)

## کمک مالی

آیا تمایل دارید از پیشرفت این افزونه حمایت کنید؟

 [ کمک مالی به این افزونه ](https://buymeacoffee.com/artemsemkin)