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.

Design for WP

<p>Effortlessly create stunning images with <strong>ScreenGlow</strong>. Paste, upload and edit images and screenshots, create mockups, add backgrounds, annotate screenshots, and beautify designs — all within your WordPress dashboard. ScreenGlow is the ultimate tool to elevate your website’s visual storytelling with just a few clicks!</p>
<h3>Features</h3>
<p><strong>📋 Paste Screenshots Directly</strong>: Quickly paste screenshots from your clipboard into the Media Library using Ctrl/Cmd+V.</p>
<p><strong>🖥️ Create Beautiful Mockups in One Click</strong>: Transform plain screenshots into polished visuals with customizable mockups, like browser windows.</p>
<p><strong><span aria-hidden="true" class="wp-exclude-emoji">↔</span>️ Resize Images</strong>: Resize images to fit perfectly with pre-defined or custom dimensions.</p>
<p><strong>🌅 Add Stunning Backgrounds</strong>: Enhance your visuals with background colors, gradients, and patterns.</p>
<p><strong>🧑‍🎨 Image Filters & Styling</strong>: Style your images with filters, such as contrast & saturation, rounded corners, drop shadows, grayscale image, and more.</p>
<p><strong>⭕️ Add Annotations</strong>: Use arrows, shapes, text and more to highlight key parts of your images and screenshots.</p>
<p><strong>🚀 Lightweight & Optimized</strong>: ScreenGlow is built for speed, with custom settings to ensure your WordPress site runs smoothly.</p>
<p><strong>🔌 WordPress-Friendly</strong>: Built to work effortlessly with WordPress’ Media Library for a smooth editing experience.</p>
<p>Experience all of these features <strong>for free</strong>!</p>
<p><a href="https://www.designforwp.com/screenglow/" rel="nofollow ugc">Learn more</a> about everything ScreenGlow has to offer.</p>
<h3>Integrate with Ease 🪢</h3>
<p>The ScreenGlow image editor seamlessly integrates with the WordPress Media Library, supporting media upload modals in the most popular pages and page builders:</p>
<ul>
<li><strong>Default WordPress Media Library</strong></li>
<li><strong>Classic page builder</strong></li>
<li><strong>Elementor</strong></li>
<li><strong>Gutenberg</strong></li>
<li>and more…</li>
</ul>
<h3>More Features with ScreenGlow Premium ⭐</h3>
<p>Upgrade to ScreenGlow Premium and unlock exclusive tools for screenshot and image edit tasks. Enjoy a 14-day money-back guarantee when you upgrade!</p>
<p><strong>📄 Presets</strong>: Save your settings as presets for one-click application.</p>
<p><strong>🖼️ More frames & patterns</strong>: Access an expanded collection of exclusive frames and patterns.</p>
<p><strong><span aria-hidden="true" class="wp-exclude-emoji">↙</span>️ Image crop</strong>: Easily crop images on the canvas.</p>
<p><strong>👥 User role management</strong>: Specify which user roles can access the image editor.</p>
<p><strong>♾️ Access to Updates</strong>: Enjoy access to future updates, including new frames and patterns.</p>
<p><a href="https://www.designforwp.com/screenglow/" rel="nofollow ugc">See all Premium features</a></p>


ScreenGlow Image Editor – Beautify, Mockup, Annotate, and Edit Images and Screenshots

Paste or upload screenshots or images, create mockups, add backgrounds, and annotate screenshots. All directly from your Media Library or editor.

Device Mockups vs ScreenGlow Image Editor – Beautify, Mockup, Annotate, and Edit Images and Screenshots