今天聯合企邦建站小編分享下Wordpress手機版主題一篇文章，有位仁兄使用了WordPress移動端解決方案優化了他們的移動端產品，剛一上線就驚喜地發現原來有不少的朋友一直在用手機等移動客戶端瀏覽博客，移動流量已經到了不得不重視的地步。之前這位仁兄一直用百度統計查看客戶端信息，發現來自PC的流量占了絕大多數。

而移動流量卻基本上可以忽略不計。直到有一天突然看到一篇文章才猛然醒悟不是來自移動客戶端的流量少，而是一直以來博客都沒有針對移動客戶端做好體驗優化。久而久之，搜索引擎不給關鍵字排名，直接瀏覽用戶越來越少，也就導致了統計中的“忽略不計”的結果了。

搭建一個Wordpress手機主題移動版也不是一件難事，現在網上的Wordpress主題基本上都是自適應的，平板、手機和PC電腦等基本上都是兼容的，強大的Wordpress插件也可以讓我們自定義Wordpress手機主題和樣式，搭建一個WP手機站基本上就是分分鐘鐘的事情。

鑒于百度搜索引擎在國內強大的占有率，坑爹的百度還會針對沒有手機端的網站頁面進行轉碼，所以我們很有必要利用百度移動適配來做好移動百度的SEO優化。

WordPress手機主題移動版優化方案WPtouch安裝使用百度移動適配設置

一、為什么要做好Wordpress手機主題移動版優化？

1、為了獲取移動用戶流量。使用手機、平板等移動終端上網和獲取信息的用戶越來越多，原來只能在PC上進行社交和娛樂活動，現在基本上可以在手機上操作了。加上近幾年國內移動用戶的增加，這其中蘊藏著無限的“機遇”。

2、為了獲取搜索引擎移動版中更好的排名。使用手機上網的用戶越來越多，百度等搜索引擎早在幾年前就已經開始針對移動站點進行的索引優化，對于那些自適應網站，搜索引擎會優先考慮放在前面，增加他們的曝光度。

（1）以免費資源部落分別在百度PC端和百度移動端（m.baidu.com）的搜索結果為例，同樣一個關鍵字會出現不同的搜索結果，有的甚至前十個搜索結果都不同。

（2）由于長期以來忽視了移動用戶的體驗，所以在百度移動端（m.baidu.com）搜索“免費PHP空間”排名不如PC端的百度搜索結果。

3、為了提升網站用戶粘度。以前用戶都是用PC來上網，現在用手機的時間大大超過了PC，我們自然應該調整策略來迎合大眾的需要，畢竟沒有用戶網站的廣告收入也是無從談起。

二、快速制作Wordpress自適應主題的方法

1、基本原則就是：文字流式，控件彈性，圖片等比縮放。掌握了這三個技能，就可以制作出漂亮的網站移動主題了。

2、基本的CSS語法：

width:100%;寬度設置百分數

height:100%;高度設置百分數

display:none;隱藏不顯示

text-overflow:ellipsis; 超出的文字用省略號

overflow:hidden; //超出隱藏

white-space:nowrap; //超出隱藏

3、加載不同的CSS方法：

（1）利用Wordpress自帶的函數：wp_is_mobile()。用法：

< ?php if (wp_is_mobile() ): ?>

//這里寫你要實現的代碼

< ?php endif ;?>

//另一種用法

< ?php if ( wp_is_mobile() ){

echo '你正在使用移動設備瀏覽';

}else{

echo '你目前使用的不是移動設備';

} ?>

（2）wp_is_mobile()函數在wp-includes/vars.php，已經可以自動識別安卓、蘋果等主流瀏覽器，你也可以根據國內的情況添加UC、QQ等瀏覽器。代碼示例：

/**

* Test if the current browser runs on a mobile device (smart phone, tablet, etc.)

*

* @return bool

*/

function wp_is_mobile() {

if ( empty($_SERVER['HTTP_USER_AGENT']) ) {

$is_mobile = false;

} elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false // many mobile devices (all iPhone, iPad, etc.)

|| strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false

|| strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false

|| strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false

|| strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false

|| strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false

|| strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mobi') !== false ) {

$is_mobile = true;

} else {

$is_mobile = false;

}

return $is_mobile;

}

（3）利用CSS判斷語句：@media screen and （最大）and（最小）。

用法示例：

@media screen and (min-width:200px) and (max-width:600px){

//移動CSS樣式

}

//另外一種直接引用方法

感謝關注winseo.cc by 大連網站建設，大連網站制作、大連響應式設計第一品牌，聯合企邦致力為企業用戶提供高效、快捷、質量高的互聯網技術服務。業務范圍包括響應式網站制作、微網站、電商平臺、微媒體、android/ios開發、域名注冊、云主機及互聯網技術服務。