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

來源：酷知科普網 2.63W

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

操作方法

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

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

（03）然後將製作的靜態頁面複製到本地伺服器環境的程式安裝模板目錄（templates/default裡）如果使用的不是預設模板，則複製到對應的模板目錄裡。需要說明的是，織夢的手機端模板與PC端模板要一一對應，例如電腦版使用的列表頁模板是list_，那麼手機端對應的模板命名就是list_aaa_。這樣在手機端訪問該頁面時，會自動呼叫這個_m的這個模板。

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