WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by Justin Peacock v1.8.2

Device Mockups

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

Device Mockups

The facts

Rating
5★ from 8
Active installs
800+
Price
Free
Last updated
18 Sep 2017
Added
May 2014
Requires WP
3.7
Tested up to
WP 4.8.30
Downloads
55,431

Our analysis

AI-assisted

Device Mockups is a WordPress plugin that allows you to display your work in high-resolution, responsive device mockups using shortcodes. You can wrap images, videos, or other content within specific shortcodes to showcase them on various pre-packaged device mockups directly from the editor.

This plugin is suitable for users who want to enhance their portfolio or photo galleries by presenting their content on realistic device displays. It supports multiple device types and orientations, making it versatile for different presentations.

Best for: This plugin suits designers and developers looking to showcase their work in a visually appealing way.

What it does well

  • Free to use from the WordPress.org directory
  • Supports various device mockups including iPhones and iMacs
  • Uses shortcodes for easy integration
  • Responsive design for better viewing on different devices
  • Allows for gallery creation within device mockups

Where it falls short

  • Last updated in September 2017, may not be compatible with newer WordPress versions
  • Limited documentation on shortcode usage

Verdict

Device Mockups provides a straightforward way to display content on device mockups, though its age may limit compatibility with the latest WordPress features.

From the developer

Justin Peacock's own description of Device Mockups, lightly tidied.

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

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

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:

Read the full description on the official page →

Tagged as

Alternatives

Other plugins for photo galleries.

Smart Slider 3

Responsive slider plugin to create sliders in visual editor easily. Build beautiful image slider, layer slider...

Free 800k+ installs 4.9★ (1,123)
Gallery

Gallery

91

FooGallery is a fast, responsive photo gallery and image gallery plugin with 7 gallery layouts, built-in light...

Free 100k+ installs 4.8★ (986)
Firelight Lightbox

Formerly Easy Fancybox. The most popular WordPress lightbox plugin. Simple, fast, and responsive. Opens images...

Free 200k+ installs 4.8★ (355)
Feeds for YouTube

The Feeds for YouTube plugin allows you to display customizable YouTube feeds from any YouTube channel.

Free 100k+ installs 4.9★ (200)