網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

織夢手機模板詳細製作教程

欄目: 職場就業 / 發佈於: / 人氣:2.6W

織夢是一款非常不錯的開源CMS建站系統,許多個人站長都採用他來建立自己的獨立網站,除了本身具備豐富的功能之外,網絡上也有許多織夢的模板。即使不懂代碼的小白站長也能製作出各種各樣風格的網站。電腦版的模板很多,但是手機端的卻有限,很多手機模板都是織夢整站的模板,而不是單獨的手機端模板,今天,蘿蔔就為大家整理一份詳細的
織夢手機端的模板製作教程,俗話説,授人以魚不如授人以漁,希望可以通過學習本教程,能製作出自己獨一無二的手機端模板。

操作方法

(01)首先是本地環境的搭建,既然是手機端模板的製作,相信許多站長的本地都已經有了服務器環境。然後是要安裝一款代碼編輯器,例如Dreamweaver。最後,下載一套織夢CMS的源程序安裝到本地的服務器環境。就可以開始下面織夢手機模板的製作教程了。

織夢手機模板詳細製作教程
織夢手機模板詳細製作教程 第2張

(02)製作出靜態頁面,也就是不含服務器語言的HTML頁面,需要注意的是設計時因為是移動端使用的,儘量做到自適應頁面大小,這樣無論移動端屏幕的分辨率大小都可以滿屏正常顯示。為了做演示,下圖中的網頁並非是手機端自適應的,而是電腦端網頁,手機端的頁面在製作時也是如此。

織夢手機模板詳細製作教程 第3張
織夢手機模板詳細製作教程 第4張

(03)然後將製作的靜態頁面複製到本地服務器環境的程序安裝模板目錄(templates/default裏)如果使用的不是默認模板,則複製到對應的模板目錄裏。需要説明的是,織夢的手機端模板與PC端模板要一一對應,例如電腦版使用的列表頁模板是list_,那麼手機端對應的模板命名就是list_aaa_。這樣在手機端訪問該頁面時,會自動調用這個_m的這個模板。

織夢手機模板詳細製作教程 第5張

(04)替換織夢標籤。現在的模板仍然是靜態頁面,無法動態調用到織夢程序裏的數據,這時候需要將展現更新內容的板塊替換成織夢的標籤,在實際使用時,頁面會動態更新網站數據。關於織夢程序的標籤,大家可以自行在網上搜索,有許多在線版,也有離線版下載。建議下載一份,建議隨時查閲!到此,織夢手機端的模板製作就結束了,因為主要講的是手機端模板製作,這裏寫的是一個流程,至於靜態頁面的製作需要有HTML和CSS的相關知識,這裏就不做過多介紹!

織夢手機模板詳細製作教程 第6張

特別提示

手機端的模板文件和電腦端的模板文件命名要一直,只是在文件名的最後加上_m即可。

無論是製作手機模板還是電腦端模板,建議直接複製一份default目錄,這樣在製作時,不會出現因缺少其他模板文件而導致程序無法正常運行,例如後台提示“模板文件不存在”

Tags:織夢 模板