-
Notifications
You must be signed in to change notification settings - Fork 1
amimoto-ami/nginx-mobile-theme
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
=== Nginx Mobile Theme === Contributors: miyauchi,megumitheme,amimotoamis Tags: nginx, mobile, theme, smartphone, tablet, iphone, ipad, android Requires at least: 3.7.1 Tested up to: 4.9.8 Stable tag: 1.8.1 This plugin allows you to switch theme according to the User Agent on the Nginx reverse proxy. == Description == 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. * PHP 5.3 or later * WordPress 3.7 or later * [Nginx Cache Controller](http://wordpress.org/plugins/nginx-champuru/) 2.0.0 or later = Some Features = * You can flush mobile's and pc's each caches automatically via [Nginx Cache Controller](http://wordpress.org/plugins/nginx-champuru/). * Allow you to switch theme according to the user-agent. * Allow you to customize multiple mobile device support via filter-hook. = Nginx Configuration = Add mobile device detection to the nginx.conf. `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"; }` Set proxy_cache_key. `proxy_cache_key "$mobile$scheme://$host$request_uri";` Send custom request header to the backend. `proxy_set_header X-UA-Detect $mobile;` Nginx Mobile Theme will switch theme when '@smartphone' is received in the `$_SERVER['HTTP_X_UA_DETECT']`. = How to use = 1. Please access to the theme-customizer in the WordPress admin area. 2. Please select Mobile Theme in the drop-down. 3. Click "Save & Publish" button to save. = Multiple mobile device support = 1. Add custom mobile detection to the nginx.conf. 2. Add custom mobile detection to the WordPress via `nginxmobile_mobile_detects` filter-hook. 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'); });` * As a result, allow you to select theme for @smartphone and @tablet individually in the theme-customizer. = Amimoto Support = The [Amimoto](http://megumi-cloud.com/) is a full-tuned WordPress AMI on the AWS EC2. * Uncomment /etc/nginx/conf.d/default.conf in line 17 before: `#include /etc/nginx/mobile-detect;` after: `include /etc/nginx/mobile-detect;` * Add line to /etc/nginx/nginx.conf like following. 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` * Define constant in the wp-config.php `define('IS_AMIMOTO', true);` == Installation == 1. Upload `nginx-mobile-theme` to the `/wp-content/plugins/` directory. 2. Activate the plugin through the 'Plugins' menu in WordPress. == Screenshots == 1. theme-customizer == Changelog == = 1.8.1 = * Add query strings mobile=on and mobile=off = 1.5.0 = * [Bug fix.](https://github.com/megumiteam/nginx-mobile-theme/compare/1.4.0...1.5.0) = 1.4.0 = * [Bug fix.](https://github.com/megumiteam/nginx-mobile-theme/compare/1.3.0...1.4.0) = 1.3.0 = * [Bug fix.](https://github.com/megumiteam/nginx-mobile-theme/compare/1.2.0...1.3.0) = 1.2.0 = * [Add mobile theme preview.](https://github.com/megumiteam/nginx-mobile-theme/compare/1.1.0...1.2.0) = 1.1.0 = * Add support child theme. * Add notice when Nginx Cache Controller is not activated. https://github.com/megumiteam/nginx-mobile-theme/compare/1.0.0...1.1.0 = 1.0.0 = * first release.
About
This plugin allows you to switch theme according to the User Agent on the Nginx reverse proxy.
Resources
Stars
Watchers
Forks
Packages 0
No packages published