Device Mockups
Add to ListShow 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.
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/