內容簡介
簡要介紹:
此外掛是一個輕量級的移動裝置、操作系統和瀏覽器檢測器,可以選擇性地在偵測到移動裝置時或當使用者想要切換時,讓你的網站切換到移動主題。此外掛會為 WordPress 添加類別 MobileDTS。
移動裝置偵測:
每個請求時,此外掛會嘗試偵測使用者是否使用移動裝置瀏覽您的網站,如果是,偵測器還會提供一些關於使用的裝置、瀏覽器和操作系統的資訊。
使用此偵測器的人:
如果您需要一種快速、可靠的方法來偵測使用者是否使用移動裝置訪問您的網站,那麼您將會很滿意。但是,如果您需要精確的裝置資訊(除了操作系統和瀏覽器之外)例如螢幕解析度,您就需要使用DeviceAtlas或WURFL等偵測器。
如何查詢偵測器:
使用方法MobileDTS::is($key)。is()返回布林值true或false。
可用的$key:
- mobile(是否為移動裝置?)
- other(任何其他移動裝置)
- iphone(蘋果 iPhone)
- ipad(蘋果 iPad)
- kindle(Amazon Kindle)
- android(Android作業系統)
- bada(Bada OS)
- bbos(黑莓OS)
- ios(蘋果iOS)
- palmos(Palm OS)
- symbian(Symbian OS)
- webos(HP WebOS)
- windows(Windows Phone OS和舊版Windows)
- ff_mobile(Mozilla Fennec和Firefox Mobile)
- ie_mobile(IE Mobile)
- netfront(NetFront)
- opera_mobile(Opera Mobile或Mini)
- uc_browser(UC Browser)
- webkit_mobile(Webkit移動版)
主題切換:
您可以設置您的網站,以便在檢測到移動裝置或在使用者按要求時自動切換到移動主題。
安裝完外掛後,將會在「設定」選單下添加子選單「Mobile Detector」。默認情況下,主題切換是禁用的。要啟用主題切換,只需選擇一個主題作為移動主題,插件將處理其餘部分。
本插件假定您的當前主題僅針對桌面屏幕進行了優化。因此,如果您正在使用適應任何螢幕大小的響應式主題,則不應使用主題切換功能(不要選擇主題)。
基本工作模式:
- 在每個頁面加載時,此外掛會檢查一個cookie是否存在,該cookie存儲使用者首選瀏覽哪個主題(移動裝置優化或桌面優化)。
- 如果存在cookie,將顯示使用者期望的主題。
- 如果不存在cookie(首次訪客),此外掛將檢查使用者是否訪問您的網站並使用移動裝置或桌面設備方式瀏覽。
外掛標籤
開發者團隊
原文外掛簡介
A lightweight detector of mobile devices, OSs & browsers that, optionally, allows your site to switch to a mobile theme when a mobile device is detected or when your users feel like it.
This plugin adds the class MobileDTS to WordPress.
Mobile Detection
On every request, this plugin will try to detect if the user is viewing your site with a mobile device or not. If he is, the detector will also give you some info about the device, browser and OS used.
Who will be happy with this detector?
If you need a fast and reliable way to detect if a user is visiting your site with a mobile device, then you’ll be happy. However, if you need precise information about the device used (other than OS and browser) such as screen resolution you need a detector such as DeviceAtlas or WURFL.
How to query the detector?
Use the method MobileDTS::is($key). is() returns boolean true or false.
Example:
Available keys:
mobile (Is it a mobile?)
other (Any other mobile device)
Popular mobile devices
iphone (Apple iPhone)
ipad (Apple iPad)
kindle (Amazon Kindle)
Mobile OS
android (Android OS)
bada (Bada OS)
bbos (Blackberry OS)
ios (Apple iOS)
palmos (Palm OS)
symbian (Symbian OS)
webos (Hp WebOS)
windows (Windows Phone OS and older)
Mobile browsers
ff_mobile (Mozilla Fennec & Firefox mobile)
ie_mobile (IE mobile)
netfront (NetFront)
opera_mobile (Opera Mobile or Mini)
uc_browser (UC Browser)
webkit_mobile (Webkit mobile)
Theme Switching
You can configure your site to automatically switch to a mobile theme when a mobile device is detected or when the user requests it (on demand).
Once the plugin is installed, a new submenu titled Mobile Detector is added under the Settings menu.
Theme switching is disabled by default. To enable theme switching simply select a theme to use as your mobile theme and the plugin will take care of the rest.
This plugin assumes your active theme is optimized for desktop screens only. So, if you’re using a responsive theme that adapts to any screen size you shouldn’t use the theme switching feature (don’t select a theme).
How it works:
On each page load, this plugin checks for the existence of a cookie that stores which theme (mobile-optimized or desktop-optimized) the user prefers to browse.
If the cookie exists, the theme the user expects will be displayed.
If the cookie does not exist (first-time visitor), this plugin checks whether the user is visiting your site with a mobile device or not and, if he is, your mobile-optimized theme will be used. Afterwards, a cookie will be set to store the user’s “initial preference”.
Anytime the user switches (you must create a link/button in your theme using the Template functions below) between themes, the cookie is updated with his preference so the site version (theme) the user expects will be displayed on future visits.
Template functions
MobileDTS::get_switch_theme_link() Returns the current URL with an additional switch_theme parameter (set automatically to ‘mobile’ or ‘desktop’). You’ll need this function to create a link/button that allows users to switch between the desktop and mobile themes. See example below.
MobileDTS::switch_theme_link(): same as above but this one outputs the URL instead of returning it. URL is escaped.
MobileDTS::get_switch_theme_name() returns the type of the theme to switch to (either ‘mobile’ or ‘desktop’). Use this method together with get_switch_theme_link(). The type can be translated to your language (plugin uses wp’s __() function for ‘mobile’ & ‘desktop’ strings).
MobileDTS::switch_theme_name() same as above but this one outputs the type instead of returning it.
MobileDTS::is_mobile_theme() tells you wether your site is displaying to the user the mobile theme or not. Returns boolean true or false.
MobileDTS::is_switcher_enabled() tells you wether theme switching is disabled or not. Returns boolean true or false.
Creating a ‘Switch to …’ link
Let’s create a switch link to allow the user to switch between the 2 versions of a site (themes):
Switch to the version of this site
Paste that code in your templates (usually in header.php and/or footer.php), enable theme switching and play a little.
Let’s suppose a user is viewing the site (http://example.com/home) for the first time with a mobile device and theme switching is enabled. The above code would output this link:
Switch to the desktop version of this site
