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.

Pierre Lannoy

Hosterra

<p><strong>Device Detector</strong> is a full featured analytics reporting and management tool that detects all devices accessing your WordPress site.</p>
<p>For each call made to your site, <strong>Device Detector</strong> analyzes the sent header, detects the device doing the call (and its characteristics) and can:</p>
<ul>
<li>modify the <code>is_mobile()</code> WordPress core function to be more precise and reliable;</li>
<li>add some CSS classes to the <code>body</code> tag of your site (many classes to choose from);</li>
<li>let you use the result of the detection in your own developments;</li>
<li>record detected characteristics for reporting.</li>
</ul>
<p><strong>Device Detector</strong> can report the following main items and characteristics:</p>
<ul>
<li>KPIs: number of hits, class breakdown, clients types and engines;</li>
<li>Classes: Bot, Desktop, Mobile and Other;</li>
<li>Devices types: Camera, Car Browser, Console, Feature Phone, Phablet, Portable Media Player, Smart Display, Smartphone, Tablet, TV;</li>
<li>Client types: Application Library, Browser, Feed Reader, Media Player, Mobile Application, PIM.</li>
<li>Technical characteristics and versions of all browsers;</li>
<li>Device identification: brand, model, etc.;</li>
<li>OS identification: name, version, etc.;</li>
<li>Calling channel: site backend, site frontend, cron job, Ajax request, XML-RPC request, Rest API request, Atom/RDF/RSS feed;</li>
</ul>
<p>For a full list of items, characteristics and supported devices, please see the ‘devices’ tab in the plugin settings.</p>
<p><strong>Device Detector</strong> supports multisite report delegation and per site configuration (see FAQ).</p>
<p><strong>Device Detector</strong> supports an extensive set of WP-CLI commands to:</p>
<ul>
<li>get a device detail: see <code>wp help device describe</code> for details;</li>
<li>display Device Detector status: see <code>wp help device status</code> for details;</li>
<li>toggle on/off main settings: see <code>wp help device settings</code> for details;</li>
<li>describe engine capacities: see <code>wp help device engine</code> for details;</li>
<li>display devices statistics: see <code>wp help device analytics</code> for details.</li>
</ul>
<p>For a full help on WP-CLI commands in Device Detector, please <a href="https://perfops.one/device-detector-wpcli" rel="nofollow ugc">read this guide</a>.</p>
<blockquote>
<p><strong>Device Detector</strong> is part of <a href="https://perfops.one/" rel="nofollow ugc">PerfOps One</a>, a suite of free and open source WordPress plugins dedicated to observability and operations performance.</p>
</blockquote>
<p>Based on the amazing <a href="https://github.com/matomo-org/matomo" rel="nofollow ugc">Matomo</a> UDD, Device Detector is a free and open source plugin for WordPress. It integrates many other free and open source works (as-is or modified). Please, see ‘about’ tab in the plugin settings to see the details.</p>
<h4>Developers</h4>
<p>If you’re a plugins / themes developer and want to take advantage of the detection features of Device Detector, visit the <a href="https://github.com/Pierre-Lannoy/wp-device-detector" rel="nofollow ugc">GitHub repository</a> of the plugin to learn how to use it.</p>
<h4>Support</h4>
<p>This plugin is free and provided without warranty of any kind. Use it at your own risk, I’m not responsible for any improper use of this plugin, nor for any damage it might cause to your site. Always backup all your data before installing a new plugin.</p>
<p>Anyway, I’ll be glad to help you if you encounter issues when using this plugin. Please read carefully the FAQ at the bottom of this page before requesting support.</p>
<h4>Privacy</h4>
<p>This plugin, as any piece of software, is neither compliant nor non-compliant with privacy laws and regulations. It is your responsibility to use it – by activating the corresponding options or services – with respect for the personal data of your users and applicable laws.</p>
<p>This plugin doesn’t set any cookie in the user’s browser.</p>
<p>This plugin may handle personally identifiable information (PII). If the GDPR or CCPA or similar regulation applies to your case, you must adapt your processes (consent management, security measure, treatment register, etc.).</p>
<h4>Donation</h4>
<p>If you like this plugin or find it useful and want to thank me for the work done, please consider making a donation to <a href="https://www.laquadrature.net/en" rel="nofollow ugc">La Quadrature Du Net</a> or the <a href="https://www.eff.org/" rel="nofollow ugc">Electronic Frontier Foundation</a> which are advocacy groups defending the rights and freedoms of citizens on the Internet. By supporting them, you help the daily actions they perform to defend our fundamental freedoms!</p>


Device Detector

good plugin

Full featured analytics reporting and management tool that detects all devices accessing your WordPress site.

Device Mockups vs Device Detector