今天正穗軟件給大家?guī)韽V州手機網(wǎng)站制作及開發(fā)教程(綱要版),通過一個平臺搭建手機網(wǎng)站建設的情況。
PageAdmin最新版本已經(jīng)開通了分站共享數(shù)據(jù)功能(v3.0.20150414版本新增功能),這為手機網(wǎng)站制作并共享pc站點數(shù)據(jù)提供了方便,下面為pageadmin手機網(wǎng)站制作的步驟。
步驟一、在站點管理里面新建一個手機分站,如下圖:
增加后在左上角卻換到新增的手機分站后臺。
步驟二、進入網(wǎng)站基礎管理>>網(wǎng)站參數(shù)設置,設置如下圖:
這里要說明幾個參數(shù):
選擇風格:這里wap目錄是專為手機網(wǎng)站開發(fā)的模板樣式,放在/e/template目錄下,如果沒有這個模板的用戶可以重新去下載20150414的升級包(http://www.pageadmin.net/article/2015/1075.html),復制/e/template目錄下的wap目錄到你對應的/e/template目錄下,然后刷新一下就可以選擇了。
Head區(qū):這里加入下面幾個聲明,這個是手機頁面專用的,直接拷貝進入即可。
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<script src="/e/templates/wap/mobile.js" type="text/javascript"></script>
其中的/e/templates/wap/mobile.js文件為PageAdmin專門為手機網(wǎng)站寫的一個js小插件,用戶自己檢查一下對應目錄下是否有這個文件,如果沒有一樣到v3.0的20150414升級包的對應目錄里面去拷貝,注意每個手機模板目錄下js路徑都不一樣,如果你調(diào)用wap1模板,那最后一行就改為:<script src="/e/templates/wap1/mobile.js" type="text/javascript"></script>,這個js文件是和模板風格對應的。
網(wǎng)站頂部內(nèi)容:這里我們建議用戶留空,默認手機模板里面已經(jīng)影藏了這個區(qū)域。
其他幾個參數(shù)和pc參數(shù)一樣設置即可。
步驟三、把表單應用到新建的站點上,參考:如何把自定義表單應用在新建的站點?
步驟四、接下來只需要進入欄目布局配置>>網(wǎng)站欄目管理里面增加欄目即可,如下圖:
這里和pc網(wǎng)站制作方式一樣,欄目,模塊和導航具體參考:http://www.pageadmin.net/help/syjc/的修改制作章節(jié)的對應教程。
步驟五:我們按對應幫助增加好模塊,子欄目后這些框架后,就可以共享我們設置的站點的數(shù)據(jù),以某個模塊為例,如下圖:
在信息來源這里就可以調(diào)用我們共享的站點的數(shù)據(jù)。
本文出自正穗軟件科技有限公司,更多關(guān)于廣州網(wǎng)站建設、廣州網(wǎng)站推廣詳情請關(guān)注:
本站所有相關(guān)知識僅供大家參考、學習之用,本文來源于互聯(lián)網(wǎng),其版權(quán)均歸原作者及網(wǎng)站所有,如無意侵犯您的權(quán)利,請與小編聯(lián)系,我們將會在第一時間核實, 如情況屬實會在3個工作日內(nèi)刪除;如您有優(yōu)秀作品,也歡迎聯(lián)系小編在我們網(wǎng)站投稿!http://nltg.com.cn/聯(lián)系方式: zhengsui888@163.com