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

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:

• Report an issue

Questions/Comments

• https://byjust.in/contact/