隨著智能手機的普及和移動網(wǎng)速的提高,手機網(wǎng)站的需求不斷提高,進來不少朋友都會聊到一個話題:手機網(wǎng)站怎么做?今天CMSYOU在這里就與大家分享怎么用PC V9做手機網(wǎng)站,Phpcms V9手機門戶設置的具體方法。
在說具體配置Phpcms V9手機門戶前,先簡單說下什么是手機網(wǎng)站,以及手機網(wǎng)站是怎么樣的。
手機網(wǎng)站最早的概念是WAP網(wǎng)站,WAP是英文Wireless Application Protocol的縮寫,意思是無線應用協(xié)議。WAP是一種GPRS應用模式,但并不是手機上網(wǎng)的唯一模式,其實WAP本身和手機網(wǎng)站并不是一回事,手機上網(wǎng)也不僅僅是瀏覽wap網(wǎng)站。
慢慢地,隨著移動終端及及移動網(wǎng)絡環(huán)境(3G、WIFI等)的升級,使用手機查看網(wǎng)頁和上網(wǎng)的人也會越來越多,應用也越來越廣泛,F(xiàn)在在智能手機、平板多屏時代,于是要求手機網(wǎng)站不僅僅是要適應手機瀏覽,而且需要根據(jù)屏幕大小而做最佳匹配,也就是屏幕自適應。"自適應網(wǎng)頁設計"(Responsive Web Design)這個名詞,指網(wǎng)站可以自動識別屏幕寬度、并做出相應調(diào)整的網(wǎng)頁設計。
于是出來一個問題:這樣的手機網(wǎng)站是怎么做的?會出現(xiàn)這樣的詞:CSS3、HTML5、響應式、自適應、匹配等,這是另外一個大的問題了,大家自行了解(想了解什么是自適應?之前我們發(fā)布的【2014流行的10款響應式前端開發(fā)框架介紹】,或許能了解一些)。
簡單的說,屏幕自適應網(wǎng)站,需要具備這些基本特性:允許網(wǎng)頁寬度自動調(diào)整、不使用絕對寬度、相對大小的字體、流動布局(fluid grid)、選擇加載CSS、圖片的自適應(fluid image)等。
進入正題:怎么配置PC V9開啟手機網(wǎng)站。
先說下效果,比如CMSYOU官網(wǎng)啟用了m.cmsyou.com這個二級域名作為手機網(wǎng)站(當時的說明:思優(yōu)CMSYOU開啟手機端訪問,歡迎大家測試。蠹铱梢杂肅hrome或者高版本瀏覽器訪問m.cmsyou.com,拉動屏幕寬度試試,內(nèi)容會自適應。截圖如下:
這個就是采用PC V9配置的手機網(wǎng)站,下面來分享這一方法。
一、在PHPcms V9管理后臺設置手機門戶
1.1、開啟手機網(wǎng)站。位置:模塊 》手機門戶 》 添加手機站點,具體設置可參照截圖:
填寫站點名和LOGO文件相對位置,綁定用于手機網(wǎng)站的二級域名m.cmsyou.com,域名以http://開頭。
這樣,手機網(wǎng)站在管理后臺的配置基本上完成。
二、域名解析、手機域名綁定
2.1、到域名管理中心,解析二級域名m.cmsyou.com到PC網(wǎng)站所在的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試試。由于手機網(wǎng)站需要用index.php作為引導,可以在主機控制面板里邊設置index索引次序,index.php調(diào)整先后次序高于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>
三、修改自定義手機網(wǎng)站模板,開始制作自適應網(wǎng)站吧!
域名解析生效后,通過m.cmsyou.com就能訪問到手機網(wǎng)站了,那么怎么控制手機網(wǎng)站顯示的樣式呢,自然是修改定制手機模板。
具體位置:/phpcms/templates/default/wap/或者自定義模板目錄。