Title: Device Mockups
Author: Justin Peacock
Published: <strong>مئی 16, 2014</strong>
Last modified: ستمبر 18, 2017

---

پلگ انز تلاش کریں

![](https://ps.w.org/device-mockups/assets/banner-772x250.png?rev=1719613)

یہ پلگ ان **ورڈپریس کے تازہ ترین 3 ریلیزوں کے ساتھ ٹیسٹ نہیں کیا گیا ہے**۔ اب یہ
برقرار نہیں رکھا جا سکتا یا معاونت نہیں کی جا سکتی اور اس کو ورڈپریس کے تازہ ترین
ورژنز کے ساتھ استعمال کیے جانے پر مطابقت کے مسائل ہو سکتے ہیں۔

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

# Device Mockups

 منجانب [Justin Peacock](https://profiles.wordpress.org/mrdink/)

[ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/device-mockups.1.8.2.zip)

 * [تفصیلات](https://ur.wordpress.org/plugins/device-mockups/#description)
 * [جائزے](https://ur.wordpress.org/plugins/device-mockups/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/device-mockups/#installation)
 * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/device-mockups/#developers)

 [معاونت](https://wordpress.org/support/plugin/device-mockups/)

## تفصیل

Show your work in high resolution, responsive device mockups using only shortcodes.
Wrap images, videos, or any other content within a few simple shortcodes to display
them within any of the pre-packaged devices mockups, which are easily selectable
from within the editor.

[Documentation](https://devicemockupswp.com/)

#### Available shortcodes

 * [device][/device]
 * [browser][/browser]

#### Device Attributes

 * type: imac|iphone6|iphone6-plus|iphone5s|iphone5|s3|lumia920|ipad|nexus7|surface
 * color: black|white|gold|silver
 * orientation: portrait|landscape
 * stacked: open|closed
 * position: left|right
 * link
 * width: (px or %)
 * hide: left|right
 * scroll: false
 * gallery: false

#### Browser Attributes

 * type: chrome|firefox|safari
 * link
 * width: (px or %)
 * gallery: false

#### Creating a Gallery

 * Add gallery=”true” to your device|browser shortcode
 * Add your images within your device
 * Add a `<div>` around each image within the device

I’m working to simplify this process but for now, this will get your galleries working.

See [Gallery Slider](https://devicemockupswp.com/gallery-slider/)

#### Recommended Image Sizes

 * iPhone 6 – 1334×750
 * iPhone 6 Plus – 1920×1080
 * iPhone 5s – 1136×640
 * iPhone 5 – 640×1136
 * iPad – 2048×1536
 * iMac – 1920×1200
 * Macbook Pro – 1440×900
 * Galaxy S3 – 720×1280
 * Nexus 7 – 1920×1200
 * Surface – 1920×1080
 * Lumia 920 – 768×1280
 * Chrome – 1440×900
 * Firefox – 1440×900
 * Safari – 1440×900

#### Bugs:

 * [Report an issue](https://wordpress.org/support/plugin/device-mockups)

#### Questions/Comments

 * https://byjust.in/contact/

## اسکرین شاٹس

[⌊Devices⌉⌊Devices⌉[

Devices

[⌊Stacking⌉⌊Stacking⌉[

Stacking

[⌊Browsers⌉⌊Browsers⌉[

Browsers

## انسٹالیشن

 1. Upload the plugin files to the `/wp-content/plugins/device-mockups` directory, 
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## عمومی سوالات

  Installation Instructions

 1. Upload the plugin files to the `/wp-content/plugins/device-mockups` directory, 
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## جائزے

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

### 󠀁[This is wonderful!](https://wordpress.org/support/topic/this-is-wonderful-2/)󠁿

 [mommaroodle](https://profiles.wordpress.org/mommaroodle/) جون 16, 2017

Excellent Plugin – works great

 [ تمام 8 جائزے پڑھیں ](https://wordpress.org/support/plugin/device-mockups/reviews/)

## شراکت دار اور ڈیویلپرز

“Device Mockups” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں حصہ لیا:

شراکت دار

 *   [ Justin Peacock ](https://profiles.wordpress.org/mrdink/)
 *   [ phikai ](https://profiles.wordpress.org/phikai/)

[“Device Mockups” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/device-mockups)

### ڈویلپمینٹ میں دلچسپی ہے؟

[کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/device-mockups/)، [ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/device-mockups/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/device-mockups/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/device-mockups/?limit=100&mode=stop_on_copy&format=rss)۔

## چینج لاگ

#### 1.8.2

 * added filters back to fix the gallery

#### 1.8.1

 * Added composer to grab latest wpcs and phpcs
 * Removed shortcode filter
 * More code optimization to meet WordPress Coding Standards

#### 1.8.0

 * Removed [dm-gallery] shortcode and replaced it with a simpler way to create a
   gallery
 * Simplified CSS by using @extend
 * More code optimization

#### 1.7.0

 * updated code to reflect WordPress Coding Standards
 * optimized images to help save on loading time
 * this release is mainly to clean up code so that I can start working on future
   updates

#### 1.6.0

 * adding ability to scroll within the device
 * cleaned up code
 * added support for jetpack videos

#### 1.5.2

 * optimized output to work better with other shortcodes i.e. page builders
 * removed conditional statements to check for if shortcode is used to enqueue and
   moved enqueue within the shortcode function
 * shortcodes will work within widgets now

#### 1.5.0

 * semi-major update
 * re-wrote entire code base
 * styles and scripts only enqueue when shortcodes are used
 * re-organized tinymce button
 * switched to slick.js for gallery slider
 * added internalization

#### 1.4.2

 * pull request from @irazasyed to fix the custom url to the plugin dir
 * removed README.md

#### 1.4.0

 * added FlexSlider
 * fixed a CSS issues with iPhone 6
 * fixed stacking button in editor
 * reverted to node-sass
 * updated file structure

#### 1.3.1

 * URL fix in the readme.txt
 * image optimization

#### 1.3.0

 * added iPhone 6, iPhone 6 Plus, and iPhone 5s
 * added an attribute to hide the left or right of the device (currently doesn’t
   work with stacking) – idea credit to @raphaelkross
 * added browsers (chrome, firefox, and safari)
 * added hiding but currently in beta
 * added documentation link to plugin
 * and much more

#### 1.2.1

 * added icons to support WP 4.0 installer (Created by @timm3h)
 * added more browser prefixes

#### 1.1.9

 * fixed a bug reported by Barn2Media

#### 1.1.8

 * added width attribute. (Example width=”80%” or width=”400px”)
 * note that `width` isn’t for overall width of `stacked` devices. I suggest wrapping
   the `stacked` items in a div and applying a max-width

#### 1.1.7

 * added the ability to wrap a link around a device screen

#### 1.1.4

 * added missing styles for stacked devices

#### 1.1.3

 * added the unminified CSS file and removed Neat
 * added conditionals for data attributes
 * added screenshot for shortcodes button
 * added version string to CSS

#### 1.1.1

 * fixed a conditional statement that was outputting classes that weren’t needed

#### 1.1

 * added TinyMCE button for predefined shortcodes

#### 1.0.2

 * formatting fixes for readme.txt 🙂

#### 1.0.1

 * readme.txt fixes

#### 1.0

 * Initial commit

## میٹا

 *  Version **1.8.2**
 *  Last updated **9 سال پہلے**
 *  Active installations **800+**
 *  WordPress version ** 3.7 یا اس سے جدید **
 *  Tested up to **4.8.31**
 *  Language
 * [English (US)](https://wordpress.org/plugins/device-mockups/)
 * Tags
 * [device](https://ur.wordpress.org/plugins/tags/device/)[iphone](https://ur.wordpress.org/plugins/tags/iphone/)
   [mockup](https://ur.wordpress.org/plugins/tags/mockup/)[portfolio](https://ur.wordpress.org/plugins/tags/portfolio/)
   [shortcode](https://ur.wordpress.org/plugins/tags/shortcode/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/device-mockups/advanced/)

## درجہ بندیاں

 5 out of 5 stars.

 *  [  8 5-star reviews     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=1)

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

[See all reviews](https://wordpress.org/support/plugin/device-mockups/reviews/)

## شراکت دار

 *   [ Justin Peacock ](https://profiles.wordpress.org/mrdink/)
 *   [ phikai ](https://profiles.wordpress.org/phikai/)

## معاونت

کچھ کہنا ہے؟ مدد چاہیے؟

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/device-mockups/)

## عطیہ دیں

کیا آپ اس پلگ ان کی ترقی میں معاونت کرنا چاہتے ہیں؟

 [ اس پلگ ان کو عطیہ دیں ](https://www.paypal.me/justinpeacock)