Device Mockups Wordpress Plugin - Rating, Reviews, Demo & Download

Device Mockups Preview Wordpress Plugin - Rating, Reviews, Demo & Download
5 Average out of 6 ratings
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

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:

Questions/Comments

  • https://byjust.in/contact/

Screenshots

  1. Devices

    Devices

  2. Stacking

    Stacking

  3. Browsers

    Browsers


Reviews & Comments