本文作者:光芒

[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載

光芒 3年前 ( 2016-11-03 ) 4133 搶沙發
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載摘要: 本帖最后由 宋亞鵬 于 2016-11-2 17:59 編輯改造方案說明織夢的移動站點進行MIP改造,有兩種方法,第一種,根據MIP規范新做一套模版。第二種,已有移動站點,新建一套...
本帖最后由 宋亞鵬 于 2016-11-2 17:59 編輯

改造方案說明


織夢的移動站點進行MIP改造,有兩種方法,
第一種,根據MIP規范新做一套模版。
第二種,已有移動站點,新建一套與主站通用數據的mip站點
第三種,已有移動站點,并在已有移動站點進行MIP規范改造,此處不講。
在這里我們先演示的是沒有站點,用織夢新做MIP站點。教程范圍是本樓,通過本教程可以了解一下MIP網站的規范。
本帖2樓是改造一個和原站點數據互通匹配的MIP站點,非常建議整個教程全部看完。

MIP改造前準備工作

MIP的介紹在這里不做詳細的介紹了,特別說明一下,由于MIP必須要求UTF-8的編碼,所以站點模版是做的UTF的,不支持GBK。
GBK/GB2312轉碼教程傳送門:http://bbs.zhanzhang.baidu.com/thread-136575-1-1.html
大概得流程是,安裝空白織夢UTF-8版,安裝MIP模版,填充測試數據。
所以,我們先要去官方下載一個dedecms UTF版本的程序。織夢下載地址大家應該知道的吧!
解壓在DedeCMS-V5.7-UTF8-SP1目錄下面的uploads目錄,里面是網站程序的所有文件。
程序文件截圖如下
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第1張 
然后下載MIP模版 , [MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第2張 mip.zip (25.63 KB, 下載次數: 68) 
解壓的到
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第3張 
將這倆文件夾,復制到網站程序中,進行覆蓋原網站文件夾以及文件。其中在include文件夾的arc.archives.class.php,出現img開頭的域名,替換成你主站或者圖片地址,mip開頭的改成你的MIP域名
大概位置在253和255,這三行,出現了三個網址
這里我們得到了含有MIP模版的織夢程序了。下面我們只要安裝和填充數據測試就可以了。

如果覺得上面的做法有點麻煩,可以下載直接可用的懶人包, [MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第4張 mipweb.zip (6.4 MB, 下載次數: 142) 包含了織夢程序和MIP模版以及刪除多余文件。

安裝站點




大家準備一個支持php+mysql的網站環境,可以直接買一個虛擬主機,也可以在自己的服務器或者VPS里面創建一個站點。


把網站程序,放進站點,開始安裝。

安裝步驟詳解,這里懂織夢安裝的掃一眼跳過。直接到下一步織夢MIP初體驗。

第1步,運行  您的域名/install/index.php

[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第5張


第2步,勾選,我已經閱讀并同意此協議,點擊繼續

[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第6張


第3步,如果下面出現繼續,點擊繼續進行下一步,至于紅叉什么的一般不用管,如果不出現繼續,說明你得空間有問題,請自己自行查找空間的原因。

[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第7張


第4步,這里是最重要的一部分,根據上圖,模版選擇那里我們基本不需要選擇什么,開始第二塊,數據庫設定,這里涉及到幾個概念“數據庫主機”、“數據庫名稱”、“數據庫用戶”、“數據庫密碼”、“數據表前綴”、“數據庫編碼”。請自己將空間商或者自己創建的數據庫信息對照著填寫完整。

第三塊,管理員帳號密碼,自行填寫

第四塊,網站設置這里,網站名稱改成你自己的,其他一般不需要動,尤其是Cookie加密碼這個盡量不要動,其他的在后臺都可以改的

不要勾選初始化數據進行體驗,直接點擊繼續,就安裝完成了!

我附上我的安裝參數給大家看一下。

[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第8張


出來下面的界面,證明你安裝成功了

[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第9張




織夢MIP站點初體驗


網站后臺地址,默認的域名/dede   其中dede是默認的后臺目錄,可以改成其他的,更安全一些。
登陸后臺之后,界面是這個樣子滴。

[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第10張 

首先我們要修改一下基本參數:步驟依次如下:
第1,點擊左下角的“系統”-“系統設置”-“系統基本參數”,將“模版默認風格”改成mip 因為我們模版文件夾命名的是mip。
操作如圖。
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第11張 
第2步,由于MIP要求站點必須都是完整的絕對地址,所以這里需要把織夢后臺的絕對網址功能開啟,步驟如下“系統”-“系統設置”-“系統基本參數”-“核心設置”這里有“配置“數據庫設定”部分的參數,這里我們(是/否)支持多站點,開啟此項后附件、欄目連接、arclist內容啟用絕對網址:” 點選上,然后點擊下方的確定。操作如下圖
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第12張 
第3步,這一步只是對織夢系統的一個優化操作,就是發文章的時候同步更新欄目頁和首頁,以及上下篇,步驟如下“系統”-“系統設置”-“系統基本參數”-“性能選項”   操作如下圖,紅框內的三處,要點選上
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第13張 

第4,對于首頁生成模版,做一下改變,步驟如下,點擊,“生成”-“更新主頁HTML”這里的“選擇主頁模版”處,將default改成mip。操作如圖。
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第14張 

這里我們可以預覽一下我們的MIP站點了,用手機打開您的域名進行預覽。
沒錯,是空白的,那么我們要創建和添加一些內容來測試一下。
步驟如下:
第1步“核心”-“常用操作”-“網站欄目管理”我們點擊“批量增加欄目”
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第15張 
第2步,我們隨便添加一些欄目吧。特別說明一下
文章命名規則,我寫的是:{typedir}/{aid}.html
列表頁命名規則,我寫的是:{typedir}/list_{page}.html
這樣是為了URL更短,方便網站優化。
頂級欄目名稱,我隨便填寫了四個。
然后點擊下方的確定,欄目添加成功。
操作如下圖。
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第16張 

成功后,如下圖,會顯示出所有添加的欄目
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第17張 
我們隨便點擊一個欄目,出現“添加文檔”,點擊“添加文檔”,開始添加文章
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第18張 
這里我們一般只需要三步就可以
第一步,文章標題,就是文章的題目,我們寫上
第二步,文章內容,目前由于MIP只支持文字和圖片,在這部分,只能添加文字和圖片。
第三步,點擊下方的保存,即可。

為了測試完整,我們最好多發布一些文章。我一共發了150多篇,均勻的分布在四個欄目里面。
發完文章之后,我一般都做一下一鍵生成整站的操作
步驟如下“生成”-“一鍵更新網站”-“更新所有”-“開始更新”
操作如圖
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第19張 

稍等一兩分鐘,更新完之后,用手機看一下你得MIP站點吧!
下面看一下我的站點截圖



首頁列表頁內容頁

做好之后,我們要對我們得網站進行MIP規則效驗

地址是: [MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第20張 

當你把網址輸入之后,點擊提交預覽,如果有錯誤,會出現錯誤提示。
如果符合MIP規范,會出現以下提示。

[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第21張 

到這里,我們的MIP站點,就搭建好了,這只是搭建的新MIP站點,如果已有原移動站點,新建一套MIP模版的話,請看2樓

文件修改替換說明



MIP的模版文件包含兩部分:程序內核修改部分和通用模版部分。
下載壓縮包,解壓得到的文件是:
├─include (程序內核目錄)
│      arc.archives.class.php (內容頁分頁)
│      arc.listview.class.php (列表頁分頁)      
└─templets (模版程序目錄)
    └─mip  (模版目錄)
            article_article.htm (內容頁模版)
            Footer.htm (通用頁腳模版)
            Head.htm (通用頭部模版)
            Index.htm (首頁模版)
            list_article.htm (列表頁模版)

程序內核修改部分主要是修改了列表頁分頁、內容分頁的樣式以及分頁地址全都修改成完整的絕對地址。
將解壓得到的 include文件夾的arc.archives.class.php和arc.listview.class.php這倆文件,替換覆蓋MIP站點對應的文件。
通用模版部分,這里制作了五個通用頁,可以用MIP文件夾的模版文件直接覆蓋到你現在MIP站點的模版里面,對于網站額外的頁面可以用列表頁和內容頁進行修改替換。
其中不同于普通網頁模版的地方,先從首頁開始看
index.htm
頭部和普通網頁不一樣的地方
1,第2行,這里加入<html mip>標注,替換了原來的<html>
第9行,10行
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第22張
第9行,這里是引用一個官方標準的 CSS 其他不可以再加了。
只能在頁面寫<style mip-custom>       </style> 在這里面加了,所以MIP的改造盡量要簡潔,不

需要能不用的css和JS堅決不要用了。
第10行,這里是說,<link rel="canonical",在官網有介紹,是指明移動站點地址的意思
2,第24行,這應該是一個img的網頁標簽,現在變成了  <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文件實現了列表頁分頁是完整的絕對地址。

article_article.htm
1,第2行,第12行,第13行,和indde.htm的第9行和第10行的道理一樣
2,第51行,和index.htm 一樣是img 圖片改成mip-img
3,原來的內容標簽 {dede:field.body/}里面的輸出規則,已經在include文件夾下面的arc.archives.class.php文件做了正規則替換,
其中內容頁的img換成mip-img,還有樣式替換等

Footer.htm
[MIP技術分享] 織夢/DEDECMS改造MIP教程以及下載 其他源碼 第23張 

一共用了這四句話,
第二句話是mip改造需要的標準js,我感覺必須加而且不需要理解為什么加。
第一句和第三句,是統計代碼。
第四句話是百度分享需要的js,同時在內容頁有體現出微博分享和QQ分享,后期會加入更多分享渠道

在官網mip-js的改造中,有百度廣告的js,有百度分享的js,自己可以去看看并且引用過來。
Head.htm
第18句,就是普通img換成mip-img標簽。

織夢模版五個頁面不同的地方就完了。
如果已有站點,需要新建一個MIP多端,請看2樓。

后記


改造好了,效驗沒問題之后,登錄百度站長,在MIP引入那里,提交你的MIP頁面,等待收錄以及生效。這里不多做說明,不懂的地方大家回帖提問,謝謝!


文章版權及轉載聲明:

作者:光芒本文地址:http://www.wmltxa.tw/article-1189.html發布于 3年前 ( 2016-11-03 )
文章轉載或復制請以超鏈接形式并注明出處最網絡資源平臺

分享到:

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

微信掃一掃打賞

發表評論

快捷回復:

評論列表 (暫無評論,4133人圍觀)參與討論

還沒有評論,來說兩句吧...