dixitalmedia

Jairo Ochoa

This plugin works with the open source <a title="Mobile Detect Library" href="http://mobiledetect.net" rel="nofollow ugc">Mobile Detect Library</a>. You can get further information on its website.
<pre><code>[ismobile device='iphone' debug=true ] Your content [/ismobile]
</code></pre>
<h4>Parameters</h4>
<ol>
<li>device: Filters the device where you want the content to be shown. It could be more than one device, simply separate them with comma.</li>
<li>debug: Shows Mobile Detect Library installed version. Also shows two arrays. The first one contains the devices which the library detects and the second one contains the devices where you want to show the content.</li>
</ol>
<h4>Values</h4>
<ul>
<li>android: Shows content in Android devices.</li>
<li>chrome: Shows content on Chrome browser (Only works on mobile devices).</li>
<li>desktop: Shows content on a computer. Opposite to mobile option.</li>
<li>ios: Shows content in iOS devices.</li>
<li>ipad: Shows content on a iPad.</li>
<li>iphone: Shows content on a iPhone.</li>
<li>mobile: Shows content on a mobile device (includes tablets and cell phones). Opposite to desktop option.</li>
<li>phone: Shows content on a cell phone.</li>
<li>safari: Shows content on Safari browser (Only works on mobile devices).</li>
<li>samsung: Shows content on Samsung devices.</li>
<li>tablet: Shows content on a tablet.</li>
</ul>

isMobile() Shortcode for WordPress

This plugin works with the open source Mobile Detect Library. You can get further information on its website.

Takayuki Miyauchi

This plugin allows you to switch theme according to the User Agent on the Nginx reverse proxy.
Nginx Mobile Theme’s requirements are as follows.
<ul>
<li>PHP 5.3 or later</li>
<li>WordPress 3.7 or later</li>
<li><a href="https://wordpress.org/plugins/nginx-champuru/" rel="ugc">Nginx Cache Controller</a> 2.0.0 or later</li>
</ul>
<h4>Some Features</h4>
<ul>
<li>You can flush mobile’s and pc’s each caches automatically via <a href="https://wordpress.org/plugins/nginx-champuru/" rel="ugc">Nginx Cache Controller</a>.</li>
<li>Allow you to switch theme according to the user-agent.</li>
<li>Allow you to customize multiple mobile device support via filter-hook.</li>
</ul>
<h4>Nginx Configuration</h4>
Add mobile device detection to the nginx.conf.
<pre><code>set $mobile '';
if ($http_user_agent ~* '(iPhone|iPod|incognito|webmate|Android|dream|CUPCAKE|froyo|BlackBerry|webOS|s8000|bada|IEMobile|Googlebot\-Mobile|AdsBot\-Google)') {
 set $mobile "@smartphone";
}
</code></pre>
Set proxy_cache_key.
<pre><code>proxy_cache_key "$mobile$scheme://$host$request_uri";
</code></pre>
Send custom request header to the backend.
<pre><code>proxy_set_header X-UA-Detect $mobile;
</code></pre>
Nginx Mobile Theme will switch theme when ‘@smartphone’ is received in the <code>$_SERVER['HTTP_X_UA_DETECT']</code>.
<h4>How to use</h4>
<ol>
<li>Please access to the theme-customizer in the WordPress admin area.</li>
<li>Please select Mobile Theme in the drop-down.</li>
<li>Click “Save & Publish” button to save.</li>
</ol>
<h4>Multiple mobile device support</h4>
<ol>
<li>Add custom mobile detection to the nginx.conf.</li>
<li>Add custom mobile detection to the WordPress via <code>nginxmobile_mobile_detects</code> filter-hook.</li>
</ol>
nginx.conf: 
 set $mobile ”; 
 if ($http_user_agent ~* ‘(iPhone|iPod)’) { 
 set $mobile “@smartphone”; 
 } 
 if ($http_user_agent ~* ‘iPad’) { 
 set $mobile “@tablet”; 
 }
In your custom plugin: 
 add_filter(‘nginxmobile_mobile_detects’, function(){ 
 return array(‘@smartphone’, ‘@tablet’); 
 });
<ul>
<li>As a result, allow you to select theme for @smartphone and @tablet individually in the theme-customizer.</li>
</ul>
<h4>Amimoto Support</h4>
The <a href="http://megumi-cloud.com/" rel="nofollow ugc">Amimoto</a> is a full-tuned WordPress AMI on the AWS EC2.
<ul>
<li>Uncomment /etc/nginx/conf.d/default.conf in line 17</li>
</ul>
before: 
 #include /etc/nginx/mobile-detect;
after: 
 include /etc/nginx/mobile-detect;
<ul>
<li>Add line to /etc/nginx/nginx.conf like following.</li>
</ul>
before: 
 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
 proxy_set_header Accept-Encoding “”;
after: 
 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
 proxy_set_header Accept-Encoding “”; 
 proxy_set_header X-UA-Detect $mobile; # add new line
<ul>
<li>
Define constant in the wp-config.php
define(‘IS_AMIMOTO’, true);
</li>
</ul>

Nginx Mobile Theme

This plugin allows you to switch theme according to the User Agent on the Nginx reverse proxy.

isMobile() Shortcode for WordPress vs Nginx Mobile Theme