WordPress.org

Plugin Directory

Device Mockups

Show your work in high resolution, responsive device mockups using only shortcodes.

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.

Device Mockups Documentation

Available shortcodes

  • [device][/device]
  • [browser][/browser]
  • [dm-gallery]

Device Attributes

  • type: imac, iphone6, iphone6-plus, iphone5s, iphone5, s3, lumia920, ipad, nexus7, or surface
  • color: black, white, gold, or silver
  • orientation: portrait or landscape
  • stacked: open or closed
  • position: left or right
  • link
  • width: pixels or percentage
  • hide: left or right
  • scroll: true

Browser Attributes

  • type: chrome, firefox, or safari
  • link
  • width: pixels or percentage

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

Please help by reporting any bugs/feature request at the link below.

Bugs:

Questions/Comments

Requires: 3.0.1 or higher
Compatible up to: 4.5.4
Last Updated: 6 months ago
Active Installs: 7,000+

Ratings

5 out of 5 stars

Support

0 of 1 support threads in the last two months have been marked resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,2,2
0,1,0
100,1,1
0,1,0