改造方案說明
織夢的移動站點進行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地址大家應該知道的吧!
解壓在DedeCMS-V5.7-UTF8-SP1目錄下面的uploads目錄,里面是網(wǎng)站程序的所有文件。
程序文件截圖如下
然后下載MIP模版 ,
解壓的到
將這倆文件夾,復制到網(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)境,可以直接買一個虛擬主機,也可以在自己的服務器或者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ù)據(jù)庫主機”、“數(shù)據(jù)庫名稱”、“數(shù)據(jù)庫用戶”、“數(shù)據(jù)庫密碼”、“數(shù)據(jù)表前綴”、“數(shù)據(jù)庫編碼”。請自己將空間商或者自己創(chuàng)建的數(shù)據(jù)庫信息對照著填寫完整。第三塊,管理員帳號密碼,自行填寫第四塊,網(wǎng)站設置這里,網(wǎng)站名稱改成你自己的,其他一般不需要動,尤其是Cookie加密碼這個盡量不要動,其他的在后臺都可以改的不要勾選初始化數(shù)據(jù)進行體驗,直接點擊繼續(xù),就安裝完成了!我附上我的安裝參數(shù)給大家看一下。
出來下面的界面,證明你安裝成功了
織夢MIP站點初體驗
網(wǎng)站后臺地址,默認的域名/dede 其中dede是默認的后臺目錄,可以改成其他的,更安全一些。
登陸后臺之后,界面是這個樣子滴。
首先我們要修改一下基本參數(shù):步驟依次如下:
第1,點擊左下角的“系統(tǒng)”-“系統(tǒng)設置”-“系統(tǒng)基本參數(shù)”,將“模版默認風格”改成mip 因為我們模版文件夾命名的是mip。
操作如圖。
第2步,由于MIP要求站點必須都是完整的絕對地址,所以這里需要把織夢后臺的絕對網(wǎng)址功能開啟,步驟如下“系統(tǒng)”-“系統(tǒng)設置”-“系統(tǒng)基本參數(shù)”-“核心設置”這里有“配置“數(shù)據(jù)庫設定”部分的參數(shù),這里我們(是/否)支持多站點,開啟此項后附件、欄目連接、arclist內(nèi)容啟用絕對網(wǎng)址:” 點選上,然后點擊下方的確定。操作如下圖
第3步,這一步只是對織夢系統(tǒng)的一個優(yōu)化操作,就是發(fā)文章的時候同步更新欄目頁和首頁,以及上下篇,步驟如下“系統(tǒng)”-“系統(tǒng)設置”-“系統(tǒng)基本參數(shù)”-“性能選項” 操作如下圖,紅框內(nèi)的三處,要點選上
第4,對于首頁生成模版,做一下改變,步驟如下,點擊,“生成”-“更新主頁HTML”這里的“選擇主頁模版”處,將default改成mip。操作如圖。
這里我們可以預覽一下我們的MIP站點了,用手機打開您的域名進行預覽。
沒錯,是空白的,那么我們要創(chuàng)建和添加一些內(nèi)容來測試一下。
步驟如下:
第1步“核心”-“常用操作”-“網(wǎng)站欄目管理”我們點擊“批量增加欄目”
第2步,我們隨便添加一些欄目吧。特別說明一下
文章命名規(guī)則,我寫的是:{typedir}/{aid}.html
列表頁命名規(guī)則,我寫的是:{typedir}/list_{page}.html
這樣是為了URL更短,方便網(wǎng)站優(yōu)化。
頂級欄目名稱,我隨便填寫了四個。
然后點擊下方的確定,欄目添加成功。
操作如下圖。
成功后,如下圖,會顯示出所有添加的欄目
我們隨便點擊一個欄目,出現(xiàn)“添加文檔”,點擊“添加文檔”,開始添加文章
這里我們一般只需要三步就可以
第一步,文章標題,就是文章的題目,我們寫上
第二步,文章內(nèi)容,目前由于MIP只支持文字和圖片,在這部分,只能添加文字和圖片。
第三步,點擊下方的保存,即可。
為了測試完整,我們最好多發(fā)布一些文章。我一共發(fā)了150多篇,均勻的分布在四個欄目里面。
發(fā)完文章之后,我一般都做一下一鍵生成整站的操作
步驟如下“生成”-“一鍵更新網(wǎng)站”-“更新所有”-“開始更新”
操作如圖
稍等一兩分鐘,更新完之后,用手機看一下你得MIP站點吧!
下面看一下我的站點截圖
做好之后,我們要對我們得網(wǎng)站進行MIP規(guī)則效驗
地址是:
當你把網(wǎng)址輸入之后,點擊提交預覽,如果有錯誤,會出現(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站點對應的文件。
通用模版部分,這里制作了五個通用頁,可以用MIP文件夾的模版文件直接覆蓋到你現(xiàn)在MIP站點的模版里面,對于網(wǎng)站額外的頁面可以用列表頁和內(nèi)容頁進行修改替換。
其中不同于普通網(wǎng)頁模版的地方,先從首頁開始看
index.htm
頭部和普通網(wǎng)頁不一樣的地方
1,第2行,這里加入<html mip>標注,替換了原來的<html>
第9行,10行
第9行,這里是引用一個官方標準的 CSS 其他不可以再加了。
只能在頁面寫<style mip-custom> </style> 在這里面加了,所以MIP的改造盡量要簡潔,不
需要能不用的css和JS堅決不要用了。
第10行,這里是說,<link rel="canonical",在官網(wǎng)有介紹,是指明移動站點地址的意思
2,第24行,這應該是一個img的網(wǎng)頁標簽,現(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)容標簽 {dede:field.body/}里面的輸出規(guī)則,已經(jīng)在include文件夾下面的arc.archives.class.php文件做了正規(guī)則替換,
其中內(nèi)容頁的img換成mip-img,還有樣式替換等
Footer.htm
一共用了這四句話,
第二句話是mip改造需要的標準js,我感覺必須加而且不需要理解為什么加。
第一句和第三句,是統(tǒng)計代碼。
第四句話是百度分享需要的js,同時在內(nèi)容頁有體現(xiàn)出微博分享和QQ分享,后期會加入更多分享渠道
在官網(wǎng)mip-js的改造中,有百度廣告的js,有百度分享的js,自己可以去看看并且引用過來。
Head.htm
第18句,就是普通img換成mip-img標簽。
織夢模版五個頁面不同的地方就完了。
如果已有站點,需要新建一個MIP多端,請看2樓。
后記
改造好了,效驗沒問題之后,登錄百度站長,在MIP引入那里,提交你的MIP頁面,等待收錄以及生效。這里不多做說明,不懂的地方大家回帖提問,謝謝!
在已有站點基礎上創(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)站一般是虛擬主機或者服務器(VPS/云服務器),對于這兩種情況,分別如下:
虛擬主機,新開一個虛擬主機,最好是在同一個機房,解析mip的域名到新的虛擬主機,并且在虛擬主機綁定MIP的域名,然后將你得主站程序復制一份,拷貝到新的虛擬主機里面。如果只是同一個機房,不是同一臺服務器,要去MIP站點的data文件夾找到common.inc.php文件,把$cfg_dbhost = 'localhost';這里的localhost改成數(shù)據(jù)庫IP或者數(shù)據(jù)庫的域名,同時數(shù)據(jù)庫要允許遠程連接。
服務器,可以新建一個站點,綁定MIP域名,然后解析一下MIP的域名,同樣把主站的程序拷貝一份,放到新建的站點里面。VPS/云服務器同法。
現(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站點后臺,進行更新緩存和一鍵生成全站,進行檢測一下。
檢測和提交,在一樓有說明。。
希望大家看完教程不明白的地方及時回帖,我會不定期修復!
評論(0人參與,0條評論)
發(fā)布評論
最新評論