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
Devices
Stacking
Browsers
