Title: Nginx Mobile Theme Author: Takayuki Miyauchi Published: 2013 年 11 月 8 日 Last modified: 2018 年 10 月 17 日 --- 搜尋外掛 ![](https://ps.w.org/nginx-mobile-theme/assets/banner-772x250.png?rev=802244) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://s.w.org/plugins/geopattern-icon/nginx-mobile-theme_f2e0c8.svg) # Nginx Mobile Theme 由 [Takayuki Miyauchi](https://profiles.wordpress.org/miyauchi/) 開發 [下載](https://downloads.wordpress.org/plugin/nginx-mobile-theme.1.8.2.zip) * [詳細資料](https://tw.wordpress.org/plugins/nginx-mobile-theme/#description) * [使用者評論](https://tw.wordpress.org/plugins/nginx-mobile-theme/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/nginx-mobile-theme/#installation) * [開發資訊](https://tw.wordpress.org/plugins/nginx-mobile-theme/#developers) [技術支援](https://wordpress.org/support/plugin/nginx-mobile-theme/) ## 外掛說明 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](https://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](https://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); ## 螢幕擷圖 [⌊theme-customizer⌉⌊theme-customizer⌉[ theme-customizer ## 安裝方式 1. Upload `nginx-mobile-theme` to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈Nginx Mobile Theme〉的開發相關工作。 參與者 * [ Takayuki Miyauchi ](https://profiles.wordpress.org/miyauchi/) [將〈Nginx Mobile Theme〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/nginx-mobile-theme) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/nginx-mobile-theme/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/nginx-mobile-theme/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/nginx-mobile-theme/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/nginx-mobile-theme/)。 ## 變更記錄 #### 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. ## 中繼資料 * 版本 **1.8.2** * 最後更新 **8 年前** * 啟用安裝數 **200+** * WordPress 版本需求 ** 3.7.1 或更新版本 ** * 已測試相容的 WordPress 版本 **4.9.29** * 語言 * [English (US)](https://wordpress.org/plugins/nginx-mobile-theme/) * 標籤: * [mobile](https://tw.wordpress.org/plugins/tags/mobile/)[nginx](https://tw.wordpress.org/plugins/tags/nginx/) [smartphone](https://tw.wordpress.org/plugins/tags/smartphone/)[tablet](https://tw.wordpress.org/plugins/tags/tablet/) [theme](https://tw.wordpress.org/plugins/tags/theme/) * [進階檢視](https://tw.wordpress.org/plugins/nginx-mobile-theme/advanced/) ## 評分 5 星，滿分為 5 星 * [ 2 個 5 星使用者評論 ](https://wordpress.org/support/plugin/nginx-mobile-theme/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/nginx-mobile-theme/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/nginx-mobile-theme/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/nginx-mobile-theme/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/nginx-mobile-theme/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/nginx-mobile-theme/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/nginx-mobile-theme/reviews/) ## 參與者 * [ Takayuki Miyauchi ](https://profiles.wordpress.org/miyauchi/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/nginx-mobile-theme/)