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.

Documentation

For more information, including code examples and more, check out (http://dm.byjust.in).

Available shortcodes

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

Device Attributes

  • type
  • color: black/white
  • orientation: portrait/landscape
  • stacked: open/closed
  • position: left/right
  • link
  • width
  • hide: left/right

Browser Attributes

  • type
  • link
  • width

Slider Attributes

  • order
  • orderby
  • id (post)
  • size (thumbnail, medium, large, or full)
  • include (id)
  • exclude (id)
  • css (inline styles to apply to the container)
  • options (custom js options)

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.0.7
Last Updated: 2014-10-25
Active Installs: 4,000+

Ratings

5 out of 5 stars

Support

0 of 3 support threads in the last two months have been 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