phikai

Justin Peacock

<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.

51Degrees

<p>Integrating 51Degrees Device Detection with your website will allow you to make informed decisions about what content a user engages with and how it is displayed. Combining the information learned from your analytics data with real-time enhanced device data on your website will empower you to produce a page built for that specific device’s needs. Taking this one step further, you have an additional 280+ device properties available to enhance your user’s user experience. The possibilities are endless as to what you can do with the information – it’s remarkably powerful.</p>
<p>This plugin makes use of the 51Degrees Pipeline API to deliver various data intelligence <a href="https://51degrees.com/services?utm_source=github&utm_medium=readme&utm_campaign=pipeline-wordpress&utm_content=readme.txt&utm_term=description" rel="nofollow ugc">services</a>. You can also add custom dimensions to your Google Analytics solution which will enhance your analytical data. With 51Degrees you can capture data that Google Analytics doesn’t readily collect, such as detailed information on specific device hardware.</p>
<h3>Features</h3>
<h3>Integration With Google Analytics</h3>
<p>51Degrees plugin allows you to add the Device Data Properties as Custom Dimensions to Google Analytics in a seamless and useful manner. The integration is super simple and does not require the help of a developer to set up the integration. Once you integrate Google Analytics in WordPress using 51Degrees, you will be able to fetch the Custom Dimensions in the Google Analytics Custom Reports to get the useful insights.</p>
<h3>Suspicious Activity Detection</h3>
<p>Detect and redirect visitors who make too many requests in a short time window. Configure the threshold, time window, and redirect URL from the Suspicious tab in Settings > 51Degrees.</p>
<h3>Dynamic Robots.txt with Crawler Detection</h3>
<p>Use 51Degrees device detection to intelligently manage your robots.txt file and control crawler access. The plugin automatically detects crawlers and bad bots, then enforces access policies based on crawler type. Protect your site from unwanted scraping and DDoS attempts while allowing legitimate search engines and analytics crawlers to function normally.</p>
<h3>Preference Management Platform (PMP)</h3>
<p>Add a 51Degrees consent popup to your site. Visitors choose Standard, Personalized, or a publisher-defined alternative (e.g. “Remove ads”). The choice is stored client-side in <code>localStorage</code> — no cookies, no extra server round-trips. Configure the brand, the alternative button, and the terms/privacy URL from the <code>PMP</code> tab.</p>
<p>Publishers can react to the visitor’s choice by overriding a single global callback on their page:</p>
<pre><code>window.onPMPCompletion = function (preference) { /* preference is 'standard' or 'personalized' */ };
</code></pre>
<p>The plugin ships a no-op default, so the popup works out of the box without any custom JavaScript.</p>
<h3>Advanced Features and Developer Info</h3>
<p>For advanced feature usage, including in-page value replacement and shortcodes, conditional display based on property values, and access to 51Degrees property data from PHP and JavaScript, see the project <a href="https://github.com/51Degrees/pipeline-wordpress/" rel="nofollow ugc">GitHub</a> repository.</p>
<h3>Reporting</h3>
<p>Please submit any issues or problems to the <a href="https://github.com/51Degrees/pipeline-wordpress/" rel="nofollow ugc">GitHub</a> repository issues page.</p>


The best plugin for WordPress to send Device properties as Custom Dimensions to Google Analytics to get richer insights of device specifications and c …

Device Mockups vs 51Degrees