-
觸屏版
-
全國服務(wù)熱線：0571-87205688
- 云客網(wǎng)首頁
-
登錄
- |
-
注冊
- |
-
客戶中心
- |
-
關(guān)注云客
織夢/DEDECMS改造MIP教程以及下載
分享
評論
贊0
改造方案說明
織夢的移動站點進行MIP改造，有多種方法，這里主要講幾種。
第一種，根據(jù)MIP規(guī)范新做一套模版。
第二種，已有移動站點，新建一套與主站通用數(shù)據(jù)的mip站點
第三種，已有移動站點，并在已有移動站點進行MIP規(guī)范改造，此處不講。
在這里我們先演示的是沒有站點，用織夢新做MIP站點。教程范圍是本樓，通過本教程可以了解一下MIP網(wǎng)站的規(guī)范。
本帖2樓是改造一個和原站點數(shù)據(jù)互通匹配的MIP站點，非常建議整個教程全部看完。
MIP改造前準備工作MIP的介紹在這里不做詳細的介紹了，特別說明一下，由于MIP必須要求UTF-8的編碼，所以站點模版是做的UTF的，不支持GBK。
GBK/GB2312轉(zhuǎn)碼教程傳送門：http://bbs.zhanzhang.baidu.com/thread-136575-1-1.html
大概得流程是，安裝空白織夢UTF-8版，安裝MIP模版，填充測試數(shù)據(jù)。
所以，我們先要去官方下載一個dedecms UTF版本的程序?？棄粝螺d地址大家應(yīng)該知道的吧！
解壓在DedeCMS-V5.7-UTF8-SP1目錄下面的uploads目錄，里面是網(wǎng)站程序的所有文件。
程序文件截圖如下
然后下載MIP模版 ，
解壓的到
將這倆文件夾，復(fù)制到網(wǎng)站程序中，進行覆蓋原網(wǎng)站文件夾以及文件。其中在include文件夾的arc.archives.class.php，出現(xiàn)img開頭的域名，替換成你主站或者圖片地址，mip開頭的改成你的MIP域名
大概位置在253和255，這三行，出現(xiàn)了三個網(wǎng)址
這里我們得到了含有MIP模版的織夢程序了。下面我們只要安裝和填充數(shù)據(jù)測試就可以了。
如果覺得上面的做法有點麻煩，可以下載直接可用的懶人包 地址百度云 pan.baidu.com/s/1dF7N2Ul 包含了織夢程序和MIP模版以及刪除多余文件。
安裝站點
大家準備一個支持php+mysql的網(wǎng)站環(huán)境，可以直接買一個虛擬主機，也可以在自己的服務(wù)器或者VPS里面創(chuàng)建一個站點。把網(wǎng)站程序，放進站點，開始安裝。安裝步驟詳解，這里懂織夢安裝的掃一眼跳過。直接到下一步織夢MIP初體驗。
第1步，運行 您的域名/install/index.php
第2步，勾選，我已經(jīng)閱讀并同意此協(xié)議，點擊繼續(xù)
第3步，如果下面出現(xiàn)繼續(xù)，點擊繼續(xù)進行下一步，至于紅叉什么的一般不用管，如果不出現(xiàn)繼續(xù)，說明你得空間有問題，請自己自行查找空間的原因。
第4步，這里是最重要的一部分，根據(jù)上圖，模版選擇那里我們基本不需要選擇什么，開始第二塊，數(shù)據(jù)庫設(shè)定，這里涉及到幾個概念“數(shù)據(jù)庫主機”、“數(shù)據(jù)庫名稱”、“數(shù)據(jù)庫用戶”、“數(shù)據(jù)庫密碼”、“數(shù)據(jù)表前綴”、“數(shù)據(jù)庫編碼”。請自己將空間商或者自己創(chuàng)建的數(shù)據(jù)庫信息對照著填寫完整。第三塊，管理員帳號密碼，自行填寫第四塊，網(wǎng)站設(shè)置這里，網(wǎng)站名稱改成你自己的，其他一般不需要動，尤其是Cookie加密碼這個盡量不要動，其他的在后臺都可以改的不要勾選初始化數(shù)據(jù)進行體驗，直接點擊繼續(xù)，就安裝完成了！我附上我的安裝參數(shù)給大家看一下。
出來下面的界面，證明你安裝成功了
織夢MIP站點初體驗
網(wǎng)站后臺地址，默認的域名/dede 其中dede是默認的后臺目錄，可以改成其他的，更安全一些。
登陸后臺之后，界面是這個樣子滴。
首先我們要修改一下基本參數(shù)：步驟依次如下：
第1，點擊左下角的“系統(tǒng)”-“系統(tǒng)設(shè)置”-“系統(tǒng)基本參數(shù)”，將“模版默認風(fēng)格”改成mip 因為我們模版文件夾命名的是mip。
操作如圖。
第2步，由于MIP要求站點必須都是完整的絕對地址，所以這里需要把織夢后臺的絕對網(wǎng)址功能開啟，步驟如下“系統(tǒng)”-“系統(tǒng)設(shè)置”-“系統(tǒng)基本參數(shù)”-“核心設(shè)置”這里有“配置“數(shù)據(jù)庫設(shè)定”部分的參數(shù)，這里我們(是/否)支持多站點，開啟此項后附件、欄目連接、arclist內(nèi)容啟用絕對網(wǎng)址：” 點選上，然后點擊下方的確定。操作如下圖
第3步，這一步只是對織夢系統(tǒng)的一個優(yōu)化操作，就是發(fā)文章的時候同步更新欄目頁和首頁，以及上下篇，步驟如下“系統(tǒng)”-“系統(tǒng)設(shè)置”-“系統(tǒng)基本參數(shù)”-“性能選項” 操作如下圖，紅框內(nèi)的三處，要點選上
第4，對于首頁生成模版，做一下改變，步驟如下，點擊，“生成”-“更新主頁HTML”這里的“選擇主頁模版”處，將default改成mip。操作如圖。
這里我們可以預(yù)覽一下我們的MIP站點了，用手機打開您的域名進行預(yù)覽。
沒錯，是空白的，那么我們要創(chuàng)建和添加一些內(nèi)容來測試一下。
步驟如下：
第1步“核心”-“常用操作”-“網(wǎng)站欄目管理”我們點擊“批量增加欄目”
第2步，我們隨便添加一些欄目吧。特別說明一下
文章命名規(guī)則，我寫的是：{typedir}/{aid}.html
列表頁命名規(guī)則，我寫的是：{typedir}/list_{page}.html
這樣是為了URL更短，方便網(wǎng)站優(yōu)化。
頂級欄目名稱，我隨便填寫了四個。
然后點擊下方的確定，欄目添加成功。
操作如下圖。
成功后，如下圖，會顯示出所有添加的欄目
我們隨便點擊一個欄目，出現(xiàn)“添加文檔”，點擊“添加文檔”，開始添加文章
這里我們一般只需要三步就可以
第一步，文章標(biāo)題，就是文章的題目，我們寫上
第二步，文章內(nèi)容，目前由于MIP只支持文字和圖片，在這部分，只能添加文字和圖片。
第三步，點擊下方的保存，即可。
為了測試完整，我們最好多發(fā)布一些文章。我一共發(fā)了150多篇，均勻的分布在四個欄目里面。
發(fā)完文章之后，我一般都做一下一鍵生成整站的操作
步驟如下“生成”-“一鍵更新網(wǎng)站”-“更新所有”-“開始更新”
操作如圖
稍等一兩分鐘，更新完之后，用手機看一下你得MIP站點吧！
下面看一下我的站點截圖
做好之后，我們要對我們得網(wǎng)站進行MIP規(guī)則效驗
地址是：
當(dāng)你把網(wǎng)址輸入之后，點擊提交預(yù)覽，如果有錯誤，會出現(xiàn)錯誤提示。
如果符合MIP規(guī)范，會出現(xiàn)以下提示。
到這里，我們的MIP站點，就搭建好了，這只是搭建的新MIP站點，如果已有原移動站點，新建一套MIP模版的話，請看2樓
文件修改替換說明
MIP的模版文件包含兩部分：程序內(nèi)核修改部分和通用模版部分。
下載壓縮包，解壓得到的文件是：
├─include （程序內(nèi)核目錄）
│ arc.archives.class.php （內(nèi)容頁分頁）
│ arc.listview.class.php （列表頁分頁）
└─templets （模版程序目錄）
└─mip （模版目錄）
article_article.htm （內(nèi)容頁模版）
Footer.htm （通用頁腳模版）
Head.htm （通用頭部模版）
Index.htm （首頁模版）
list_article.htm （列表頁模版）
程序內(nèi)核修改部分主要是修改了列表頁分頁、內(nèi)容分頁的樣式以及分頁地址全都修改成完整的絕對地址。
將解壓得到的 include文件夾的arc.archives.class.php和arc.listview.class.php這倆文件，替換覆蓋MIP站點對應(yīng)的文件。
通用模版部分，這里制作了五個通用頁，可以用MIP文件夾的模版文件直接覆蓋到你現(xiàn)在MIP站點的模版里面，對于網(wǎng)站額外的頁面可以用列表頁和內(nèi)容頁進行修改替換。
其中不同于普通網(wǎng)頁模版的地方，先從首頁開始看
index.htm
頭部和普通網(wǎng)頁不一樣的地方
1，第2行，這里加入<html mip>標(biāo)注，替換了原來的<html>
第9行，10行
第9行，這里是引用一個官方標(biāo)準的 CSS 其他不可以再加了。
只能在頁面寫<style mip-custom> </style> 在這里面加了，所以MIP的改造盡量要簡潔，不
需要能不用的css和JS堅決不要用了。
第10行，這里是說，<link rel="canonical"，在官網(wǎng)有介紹，是指明移動站點地址的意思
2，第24行，這應(yīng)該是一個img的網(wǎng)頁標(biāo)簽，現(xiàn)在變成了 <mip-img > </mip-img>，
進行MIP改造，普通的圖片格式全部需要改mip-img 格式。
list_article.htm
1，第2行,第9行和第10行，和index.htm一樣的
2，第23行和inde.htm一樣的，都是IMG改成mip-img
3，這里值得說明的是36行，是更改了/include/arc.listview.class.php文件實現(xiàn)了列表頁分頁是完整的絕對地址。
article_article.htm
1，第2行，第12行，第13行，和indde.htm的第9行和第10行的道理一樣
2，第51行，和index.htm 一樣是img 圖片改成mip-img
3，原來的內(nèi)容標(biāo)簽 {dede:field.body/}里面的輸出規(guī)則，已經(jīng)在include文件夾下面的arc.archives.class.php文件做了正規(guī)則替換，
其中內(nèi)容頁的img換成mip-img，還有樣式替換等
Footer.htm
一共用了這四句話，
第二句話是mip改造需要的標(biāo)準js，我感覺必須加而且不需要理解為什么加。
第一句和第三句，是統(tǒng)計代碼。
第四句話是百度分享需要的js，同時在內(nèi)容頁有體現(xiàn)出微博分享和QQ分享，后期會加入更多分享渠道
在官網(wǎng)mip-js的改造中，有百度廣告的js，有百度分享的js，自己可以去看看并且引用過來。
Head.htm
第18句，就是普通img換成mip-img標(biāo)簽。
織夢模版五個頁面不同的地方就完了。
如果已有站點，需要新建一個MIP多端，請看2樓。
后記
改造好了，效驗沒問題之后，登錄百度站長，在MIP引入那里，提交你的MIP頁面，等待收錄以及生效。這里不多做說明，不懂的地方大家回帖提問，謝謝！
在已有站點基礎(chǔ)上創(chuàng)建一個MIP多端
如果你已經(jīng)有織夢UTF的站點，需要進行MIP改造，并且是新建一個MIP站點，實現(xiàn)和主站數(shù)據(jù)通用的話，可以按照以下操作。
我們得宗旨是，盡量不動主站任何東西，所以在這里我對MIP站點的改造，只在主站進行了一項操作
就是添加一個MIP地址的系統(tǒng)參數(shù)。
步驟如下：
進入后臺，以此點擊 “系統(tǒng)” “系統(tǒng)基本參數(shù)” “添加新變量”
變量名稱是cfg_mip 參數(shù)說明 MIP地址 然后點擊保存變量
保存變量之后，會在系統(tǒng)基本參數(shù)這里多一個mip地址，你在里面填入，你為新建MIP綁定的二級域名，點擊保存，即可！
創(chuàng)建MIP站點說明
大家的網(wǎng)站一般是虛擬主機或者服務(wù)器（VPS/云服務(wù)器），對于這兩種情況，分別如下：
虛擬主機，新開一個虛擬主機，最好是在同一個機房，解析mip的域名到新的虛擬主機，并且在虛擬主機綁定MIP的域名，然后將你得主站程序復(fù)制一份，拷貝到新的虛擬主機里面。如果只是同一個機房，不是同一臺服務(wù)器，要去MIP站點的data文件夾找到common.inc.php文件，把$cfg_dbhost = 'localhost';這里的localhost改成數(shù)據(jù)庫IP或者數(shù)據(jù)庫的域名，同時數(shù)據(jù)庫要允許遠程連接。
服務(wù)器，可以新建一個站點，綁定MIP域名，然后解析一下MIP的域名，同樣把主站的程序拷貝一份，放到新建的站點里面。VPS/云服務(wù)器同法。
現(xiàn)在創(chuàng)建MIP站點操作完了，用MIP的域名訪問一下，是不是可以正常訪問，如果是，說明新建MIP站點成功，
下面開始替換模版和部分程序文件。
這里是你有織夢站點的MIP模版，和第一份模版不同！
解壓的到
將這include文件夾直接覆蓋到你現(xiàn)在MIP站點的include文件夾里面，
其中arc.archives.class.php
在253行，254，255三處出現(xiàn)的IMG開頭的域名換成你主站或者圖片地址mip開頭的域名換成你的MIP地址
打開templets這個文件夾，里面有mip文件夾，含有五個文件，覆蓋到你現(xiàn)在MIP站點使用的模板里面，就替換掉了現(xiàn)在模版，如果你對首頁、列表頁、內(nèi)容頁進行了名稱修改或者額外增加了頁面，需要你自己對照著修改和替換。
模版程序里面含有我MIP地址的，全部替換成你的mip地址
因為我是直接調(diào)用主站圖片，含有主站的地方，這里改成你主站地址
然后登錄MIP站點后臺，進行更新緩存和一鍵生成全站，進行檢測一下。
檢測和提交，在一樓有說明。。
希望大家看完教程不明白的地方及時回帖，我會不定期修復(fù)！
猜你喜歡
評論(0人參與，0條評論)
發(fā)布評論
最新評論