建站咨詢:

18041156880

公司動態| 關于聯合企邦| 大連網站建設常見問題| 建站專題

大連網站建設-網站制作-響應式網站建設第一品牌-聯合企邦

當前位置:首頁 > > > WordPress手機主題移動版優化方案-WPtouch安裝使用及百度移動適配設置

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

來自:聯合企邦

2016-08-24

瀏覽:

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

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

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

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

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

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

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

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

Wordpress手機主題近年來用戶增多

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

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

Wordpress手機主題百度搜索結果

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

Wordpress手機主題百度排名

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

Wordpress手機主題迎合用戶需求

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

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

Wordpress手機主題制作的基本原則

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樣式

}

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

TAG:WPtouch

您也許還喜歡

提示:手機觸屏可一鍵撥號,電話:18041156880
關于聯合企邦
公司介紹
專業團隊
資質榮譽
企業文化
公益事業
核心優勢
響應式設計
技術支持
建站流程
開發規范
售后服務
企業建站解決方案
H5響應式網站建設高端定制
H5網站建設高端定制
H5響應式高級模板
響應式入門模板

© 2013-2020 聯合企邦   網站地圖       遼ICP備14000229號   遼ICP證遼B2-20150006號

遼公網安備 21029602000017號

大連網站報價 網站報價
大連網站制作電話-18041156880

大連中山區/西崗區/沙河口區/甘井子
區/高新園/旅順/金州區/開發區

qq在線咨詢 咨詢QQ
大連網站SEO-網站優化-大連網站推廣 推薦:網站推廣2016百萬PV視頻廣告
返回頂部
无码av高清毛片在线看_日本一级特黄大片_日本毛片免费视频观看_免费v片网站_电影_电视剧_VIP视频_解析_综艺_高清电影网站