“模塊化”設(shè)計(jì)是X-Space的強(qiáng)大功能特色之一,隨我一起用X-Space的模塊建立特色個(gè)人門戶吧。
一、 什么是模塊
所謂模塊,就是指將軟件或產(chǎn)品的功能單獨(dú)化、部件化。這樣當(dāng)產(chǎn)品要擴(kuò)展功能時(shí),就可以通過安裝這些模塊來實(shí)現(xiàn)。通俗上講模塊化產(chǎn)品就好比我們小時(shí)玩過的積木一樣,擴(kuò)展模塊卸載模塊和搭積木一樣簡單。用戶如果要對(duì)網(wǎng)站首頁進(jìn)行修改、對(duì)欄目進(jìn)行增刪,不用擔(dān)心自己不懂代碼,X-Space已將首頁分解成一個(gè)個(gè)模塊。如果想修改首頁某個(gè)欄目,利用可視化的后臺(tái)直接在模塊上進(jìn)行修改即可。通俗的講,模塊就好比我們小時(shí)玩過的積木一樣,按照?qǐng)D紙進(jìn)行組裝卸載就可以了。
二、X-Space模塊在哪里
既然上面提到X-Space系統(tǒng)的優(yōu)勢(shì)就在于功能的模塊化,那么它究竟是如何通過模塊實(shí)現(xiàn)個(gè)人門戶的個(gè)性化呢?首先我們來看看默認(rèn)情況下X-Space系統(tǒng)的界面。
X-Space系統(tǒng)默認(rèn)主頁上有很多欄目,最上方的是“個(gè)人空間排行”與“日志信息”。往下是“最新日志”、“熱門文章”與“圖片”、“推薦商品”與“相關(guān)內(nèi)容的鏈接”以及“友情鏈接”和“版本信息”。
圖1-17、

圖1-18、

圖1-19、

圖1-20:網(wǎng)站首頁模塊
實(shí)際上我們剛剛看到的所有欄目都是獨(dú)立存在的,這就是前面所說的模塊”。
進(jìn)入X-Space的管理平臺(tái)后點(diǎn)[模塊]—>[模塊列表]可以看到所有模塊信息。

圖1-21:瀏覽模塊;
可以查看到每個(gè)模塊所對(duì)應(yīng)的類別。

圖1-22:查看模塊所對(duì)應(yīng)的類別;
登錄服務(wù)器,在X-Space安的目錄中的“templates/default”文件夾下可以看到所有模塊對(duì)應(yīng)的文件,默認(rèn)情況下一共有49個(gè)模塊文件。

圖1-23:X-Space安裝目錄中的模塊文件;
打開“templates/default”文件夾下的“index.html.php”文件時(shí)可以更清晰的看到各個(gè)模塊是如何加載的。

圖1-24:模塊文件;
從“templates/default”文件夾下的各個(gè)模塊的文件名,也可以來分辨它所對(duì)應(yīng)的欄目,例如以goods開頭名稱對(duì)應(yīng)的都是商品相關(guān)的欄目。

圖1-25:商品欄目下的文件;
三、手把手教你設(shè)置X-Space模塊
接下來通過多個(gè)實(shí)例進(jìn)行講解如何通過X-Space的模塊機(jī)制打造個(gè)性個(gè)人門戶網(wǎng)站。
實(shí)例1:修改版權(quán)模塊的默認(rèn)信息
有時(shí)模塊的默認(rèn)信息不符合網(wǎng)站的要求,特別是一些文本信息。在默認(rèn)X-Space系統(tǒng)首頁的最下方有一行X-Space的版權(quán)信息,我們想修改為自己的信息。

圖1-26:默認(rèn)系統(tǒng)下的版權(quán)信息;
第1步:上面提到了X-Space安裝目錄中的“templates/default”文件夾存放著所有模塊,而通過index.html.php文件可以更清晰的看到各個(gè)模塊是如何加載的。我們打開“index.html.php”文件,找到“{template footer}”語句,它的意思是在此加載footer模塊。

圖1-27:找到“{template footer}”語句;
第2步:然后在“templates/default”文件夾中找到“footer.html.php”文件,對(duì)其進(jìn)行修改。

圖1-28:修改“footer.html.php”文件;
第3步:修改完畢后再次打開X-Space首頁,最下方的版權(quán)信息將顯示修改后的內(nèi)容。

圖1-29:修改后的版權(quán)信息;
(提示:編輯模塊內(nèi)容的方法主要適用于相應(yīng)模塊在首頁中以文本或超級(jí)鏈接形式存在的模塊。)
實(shí)例2:修改分類列表默認(rèn)信息
在X-Space默認(rèn)首頁下方有一大串分類列表,默認(rèn)情況下的各個(gè)分類名稱或許并不符合自己網(wǎng)站要求,我們可以對(duì)其進(jìn)行修改為自己滿意的分類。

圖1-30:默認(rèn)首頁下的分類;
第1步:進(jìn)入到X-Space系統(tǒng)的管理平臺(tái),然后點(diǎn)[分類]—>[日志分類], 可以看到網(wǎng)站的下的各個(gè)類別。
圖1-31:點(diǎn)擊[日志分類],查看到所以類別;
第2步:選擇一個(gè)類別點(diǎn)右邊的[編輯],在日志分類基本信息處輸入符合自己要求的[分類名稱],然后點(diǎn)[提交]按鈕。
圖1-32:編輯類別;
第3步:通過上一步反復(fù)操作,并把不需要的分類“刪除”。
圖1-33:刪除類別;
第4步:點(diǎn)“提交”按鈕保存設(shè)置。
圖1-34:保存設(shè)置;
第5步:默認(rèn)情況下X-Space是開啟緩存的,所以相應(yīng)的信息更新需要一定時(shí)間,我們[其他]—>[更新緩存]進(jìn)行手工更新。
圖1-35:更新緩存;
第6步:接下來點(diǎn)[全部清空]按鈕更新所有緩存信息。
圖1-36:全部清空所有緩存信息;
第7步:更新完畢,再次查看主頁會(huì)看到新設(shè)置的分類信息已經(jīng)顯示出來了。
圖1-37:更新后的頁面;
按照同樣方法,可以把對(duì)其他分類進(jìn)行修改。
實(shí)例3:刪除“圖片”與“推薦商品”欄目
默認(rèn)情況下X-Space首頁顯示的欄目過多,對(duì)于中小門戶網(wǎng)站來說并不是所有欄目都需要的,那么我們?nèi)绾蝿h除不用的模塊讓首頁更加簡潔清新呢?比如,默認(rèn)的X-Space首頁的“圖片”與“推薦商品”欄目占地比較大,而且實(shí)際用途不大。希望將其從首頁中刪除。
圖1-38:默認(rèn)首頁下的欄目;
第1步:打開“templates/default”文件夾下的“index.html.php”文件。
第2步:在“index.html.php”內(nèi)容中找到[商品區(qū)],將“<!--商品區(qū)-->與<!--/商品區(qū)-->”之間的內(nèi)容刪除。
圖1-39:要?jiǎng)h除的內(nèi)容;
第3步:繼續(xù)在“index.html.php”內(nèi)容中找[圖片區(qū)],將“<!--圖片區(qū)-->與<!--/圖片區(qū)-->”之間的內(nèi)容刪除。
圖1-40:要?jiǎng)h除的內(nèi)容;
第4步:保存退出,再次訪問X-Space的首頁就會(huì)發(fā)現(xiàn)[圖片]與[商品]欄目都消失。
圖1-41:查看修改后的頁面;
(注意:在刪除不用模塊之前一定要把index.html.php與X-Space安裝目錄中的index.php文件進(jìn)行備份,否則你將無法恢復(fù)刪除的模塊。)
實(shí)例4:因?yàn)槊總€(gè)人都對(duì)個(gè)人門戶站點(diǎn)有自己的規(guī)劃,默認(rèn)欄目的排列與布局不一定合乎你的要求,這時(shí)就需要我們手動(dòng)調(diào)整各個(gè)模塊對(duì)應(yīng)的欄目位置了。比如,要將默認(rèn)的[個(gè)人空間排行]修改為[論壇最新主題列表]默認(rèn)情況下X-Space首頁右上方是[個(gè)人空間排行],我們要對(duì)其進(jìn)行修改。
圖1-42:默認(rèn)的[個(gè)人空間排行];
第1步:進(jìn)入X-Space系統(tǒng)的管理平臺(tái),選擇[模塊]—>[模塊列表],然后到[論壇主題]類別中尋找相應(yīng)模塊信息。
第2步:在[論壇主題]模塊中我們看到了名為[論壇最新主題列表 不含發(fā)帖用戶ID]的模塊,其對(duì)應(yīng)的內(nèi)容如下“<!--論壇最新主題列表 不含發(fā)帖用戶ID(共15條) begin--><!--{block name="bbsthread" parameter="order/dateline DESC/limit/0,15/cachetime/1800/bbsurltype/bbs/tpl/thread_subject_list"}--><!--論壇最新主題列表 不含發(fā)帖用戶ID(共15條) end-->”,復(fù)制該段代碼;
圖1-43:打開模塊;
第3步:在X-Space安裝目錄的“templates/default”文件夾中找到“index.html.php”,打開他,查找“用戶空間排名”信息。
圖1-44:查找“用戶空間排名”信息;
第4步:用剛才復(fù)制的代碼覆蓋“用戶空間排名”對(duì)應(yīng)的代碼。
第5步:另外我們還需要把欄目名稱進(jìn)行修改,將“用戶空間排名”對(duì)應(yīng)代碼上的“<h3>{lang tpl_index_spacetop}</h3>”修改為“<h3>論壇最新主題列表</h3>”。
第6步:在X-Space管理平臺(tái)中清空全部緩存信息。
第7步:再次訪問X-Space首頁時(shí)就會(huì)看到原本是[用戶空間排名]的地方已經(jīng)變成[論壇最新主題列表]了。
圖1-45:修改后的頁面;
第8步:默認(rèn)情況下[論壇最新主題列表]模塊將顯示最新的15條帖子。
圖1-46:論壇最新主題列表;
(提示:可以通過修改“論壇最新主題列表”模塊代碼中的“/limit/0,15/為/limit/0,17/”使其能夠顯示17條帖子。)
新聞熱點(diǎn)
疑難解答
圖片精選