用Phpcms V9系統制作手機版網站的方法

2016-04-26 16:38:47來源:cmsyou作者:

隨著智能手機的普及和移動網速的提高,手機網站的需求不斷提高,進來不少朋友都會聊到一個話題:手機網站怎么做?今天CMSYOU在這里就與大家分享怎么用PC V9做手機網站,Phpcms V9手機門戶設置的具體方法。

隨著智能手機的普及和移動網速的提高,手機網站的需求不斷提高,進來不少朋友都會聊到一個話題:手機網站怎么做?今天CMSYOU在這里就與大家分享怎么用PC V9做手機網站,Phpcms V9手機門戶設置的具體方法。

在說具體配置Phpcms V9手機門戶前,先簡單說下什么是手機網站,以及手機網站是怎么樣的。

手機網站最早的概念是WAP網站,WAP是英文Wireless Application Protocol的縮寫,意思是無線應用協議。WAP是一種GPRS應用模式,但并不是手機上網的唯一模式,其實WAP本身和手機網站并不是一回事,手機上網也不僅僅是瀏覽wap網站。

慢慢地,隨著移動終端及及移動網絡環境(3G、WIFI等)的升級,使用手機查看網頁和上網的人也會越來越多,應用也越來越廣泛。現在在智能手機、平板多屏時代,于是要求手機網站不僅僅是要適應手機瀏覽,而且需要根據屏幕大小而做最佳匹配,也就是屏幕自適應。"自適應網頁設計"(Responsive Web Design)這個名詞,指網站可以自動識別屏幕寬度、并做出相應調整的網頁設計。

于是出來一個問題:這樣的手機網站是怎么做的?會出現這樣的詞:CSS3、HTML5、響應式、自適應、匹配等,這是另外一個大的問題了,大家自行了解(想了解什么是自適應?之前我們發布的【2014流行的10款響應式前端開發框架介紹】,或許能了解一些)。

簡單的說,屏幕自適應網站,需要具備這些基本特性:允許網頁寬度自動調整、不使用絕對寬度、相對大小的字體、流動布局(fluid grid)、選擇加載CSS、圖片的自適應(fluid image)等。

進入正題:怎么配置PC V9開啟手機網站。

先說下效果,比如CMSYOU官網啟用了m.cmsyou.com這個二級域名作為手機網站(當時的說明:思優CMSYOU開啟手機端訪問,歡迎大家測試!),大家可以用Chrome或者高版本瀏覽器訪問m.cmsyou.com,拉動屏幕寬度試試,內容會自適應。截圖如下:

手機網站

這個就是采用PC V9配置的手機網站,下面來分享這一方法。

一、在PHPcms V9管理后臺設置手機門戶

1.1、開啟手機網站。位置:模塊 》手機門戶 》 添加手機站點,具體設置可參照截圖:

Phpcms V9手機門戶設置教程

填寫站點名和LOGO文件相對位置,綁定用于手機網站的二級域名m.cmsyou.com,域名以http://開頭。

1.2、創建欄目分類,位置:模塊 》手機門戶 》 分類管理,具體設置可參照截圖:

Phpcms V9手機門戶設置教程

創建好分類,綁定相應的欄目。

這樣,手機網站在管理后臺的配置基本上完成。

二、域名解析、手機域名綁定

2.1、到域名管理中心,解析二級域名m.cmsyou.com到PC網站所在的IP,同時在主機控制面板,添加綁定m.cmsyou.com這個域名。

2.2、修改配置文件caches/configs/route.php,在‘default‘=>array(‘m‘=>‘content‘, ‘c‘=>‘index‘, ‘a‘=>‘init‘),后面添加一行,修改為:

return array(
‘default‘=>array(‘m‘=>‘content‘, ‘c‘=>‘index‘, ‘a‘=>‘init‘),
‘m.cmsyou.com‘=>array(‘m‘=>‘wap‘, ‘c‘=>‘index‘, ‘a‘=>‘init‘,‘data‘=>array(‘GET‘=>array(‘siteid‘=>1))),
);

2.3、在管理后臺刷新緩存,等域名解析生效后,訪問m.cmsyou.com試試。由于手機網站需要用index.php作為引導,可以在主機控制面板里邊設置index索引次序,index.php調整先后次序高于index.html。

如果主機控制面板里邊沒有這個設置項,那么就需要手機模板(index.html或者header.html)里邊加入一段js:

<script>
try {if( self.location == "http://wap.domain.com/" ) { 
top.location.href = "http://wap.domain.com/index.php"; 
catch(e) {}
</script>

三、修改自定義手機網站模板,開始制作自適應網站吧!

域名解析生效后,通過m.cmsyou.com就能訪問到手機網站了,那么怎么控制手機網站顯示的樣式呢,自然是修改定制手機模板。

具體位置:/phpcms/templates/default/wap/或者自定義模板目錄。

關鍵詞:Phpcms手機站

贊助商鏈接:

排列五开奖结果2007年