Justin Peacock

phikai

<p>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.</p>
<p><a href="https://devicemockupswp.com/" rel="nofollow ugc">Documentation</a></p>
<h4>Available shortcodes</h4>
<ul>
<li>[device][/device]</li>
<li>[browser][/browser]</li>
</ul>
<h4>Device Attributes</h4>
<ul>
<li>type: imac|iphone6|iphone6-plus|iphone5s|iphone5|s3|lumia920|ipad|nexus7|surface</li>
<li>color: black|white|gold|silver</li>
<li>orientation: portrait|landscape</li>
<li>stacked: open|closed</li>
<li>position: left|right</li>
<li>link</li>
<li>width: (px or %)</li>
<li>hide: left|right</li>
<li>scroll: false</li>
<li>gallery: false</li>
</ul>
<h4>Browser Attributes</h4>
<ul>
<li>type: chrome|firefox|safari</li>
<li>link</li>
<li>width: (px or %)</li>
<li>gallery: false</li>
</ul>
<h4>Creating a Gallery</h4>
<ul>
<li>Add gallery=”true” to your device|browser shortcode</li>
<li>Add your images within your device</li>
<li>Add a <code><div></code> around each image within the device</li>
</ul>
<p>I’m working to simplify this process but for now, this will get your galleries working.</p>
<p>See <a href="https://devicemockupswp.com/gallery-slider/" rel="nofollow ugc">Gallery Slider</a></p>
<h4>Recommended Image Sizes</h4>
<ul>
<li>iPhone 6 – 1334×750</li>
<li>iPhone 6 Plus – 1920×1080</li>
<li>iPhone 5s – 1136×640</li>
<li>iPhone 5 – 640×1136</li>
<li>iPad – 2048×1536</li>
<li>iMac – 1920×1200</li>
<li>Macbook Pro – 1440×900</li>
<li>Galaxy S3 – 720×1280</li>
<li>Nexus 7 – 1920×1200</li>
<li>Surface – 1920×1080</li>
<li>Lumia 920 – 768×1280</li>
<li>Chrome – 1440×900</li>
<li>Firefox – 1440×900</li>
<li>Safari – 1440×900</li>
</ul>
<h4>Bugs:</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/device-mockups" rel="ugc">Report an issue</a></li>
</ul>
<h4>Questions/Comments</h4>
<ul>
<li>https://byjust.in/contact/</li>
</ul>


Device Mockups

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

WoPo Web

<p>WoPo Mockup Maker help you to show mockups of popular devices on your website.</p>
<p>You can add shortcode [wopo-mockup-maker] to page you want to show devices mockups. All text wrap on shortcode will show on the screens of devices mockup.</p>
<p>Example: <code>[wopo-mockup-maker device='iPhone7' orientation='portrait' color='black'] Your text show on your devices mockup screen [/wopo-mockup-maker]</code></p>
<p><strong>List devices</strong></p>
<ol>
<li>Chromebook
<ul>
<li>device: Chromebook </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>Galaxy S3
<ul>
<li>device: galaxyS3 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white </li>
</ul>
</li>
<li>Galaxy S5
<ul>
<li>device: galaxyS5 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold</li>
</ul>
</li>
<li>Galaxy Tab 4
<ul>
<li>device: galaxyTab4 </li>
<li>orientation: portrait </li>
<li>color: black, white</li>
</ul>
</li>
<li>HTC One M8
<ul>
<li>device: HtcOneM8 </li>
<li>orientation: portrait, landscape </li>
<li>color: black</li>
</ul>
</li>
<li>Huawei P8
<ul>
<li>device: HuaweiP8 </li>
<li>orientation: portrait, landscape </li>
<li>color: gold</li>
</ul>
</li>
<li>iMac
<ul>
<li>device: iMac </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>iPad
<ul>
<li>device: iPad </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white</li>
</ul>
</li>
<li>iPad Air 2
<ul>
<li>device: iPadAir2 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold</li>
</ul>
</li>
<li>iPad Pro
<ul>
<li>device: iPadPro </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold</li>
</ul>
</li>
<li>iPhone 6
<ul>
<li>device: iPhone6 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold</li>
</ul>
</li>
<li>iPhone 6 Plus
<ul>
<li>device: iPhone6Plus </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold </li>
</ul>
</li>
<li>iPhone SE
<ul>
<li>device: iPhoneSE </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold, pink </li>
</ul>
</li>
<li>iPhone 5
<ul>
<li>device: iPhone5 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white </li>
</ul>
</li>
<li>iPhone 6 Hand
<ul>
<li>device: iPhone6Hand </li>
<li>orientation: portrait </li>
<li>color: black, white </li>
</ul>
</li>
<li>iPhone 7 Hand
<ul>
<li>device: iPhone7Hand </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>iPhone 7 Hand 2
<ul>
<li>device: iPhone7Hand_2 </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>iPhone 7
<ul>
<li>device: iPhone7 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white, gold, pink, red </li>
</ul>
</li>
<li>iPhone X
<ul>
<li>device: iPhoneX </li>
<li>orientation: portrait, landscape </li>
<li>color: black </li>
</ul>
</li>
<li>Lumia 930
<ul>
<li>device: Lumia930 </li>
<li>orientation: portrait, landscape </li>
<li>color: black, white </li>
</ul>
</li>
<li>Macbook
<ul>
<li>device: Macbook </li>
<li>orientation: portrait </li>
<li>color: black, white, gold </li>
</ul>
</li>
<li>Macbook 2015
<ul>
<li>device: Macbook2015 </li>
<li>orientation: portrait </li>
<li>color: black, white, gold </li>
</ul>
</li>
<li>MacbookPro
<ul>
<li>device: Macbook2015 </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>Pixel
<ul>
<li>device: Pixel </li>
<li>orientation: portrait </li>
<li>color: black, white </li>
</ul>
</li>
<li>Samsung TV
<ul>
<li>device: SamsungTV </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
<li>Surface Pro 3
<ul>
<li>device: SurfacePro3 </li>
<li>orientation: landscape </li>
<li>color: black </li>
</ul>
</li>
<li>Surface Studio
<ul>
<li>device: SurfaceStudio </li>
<li>orientation: portrait </li>
<li>color: black </li>
</ul>
</li>
</ol>
<p>Icons made by <a href="https://www.flaticon.com/authors/flat-icons" title="Flat Icons" rel="nofollow ugc">Flat Icons</a> from <a href="https://www.flaticon.com/" title="Flaticon" rel="nofollow ugc">www.flaticon.com</a></p>


WoPo Mockup Maker – Device Mockup

WoPo Mockup Maker help you to show mockups of popular devices on your website.

Device Mockups vs WoPo Mockup Maker – Device Mockup