用模板定義新社區(qū)說(shuō)明

社區(qū)模板設(shè)置

有了社區(qū)模板，可以依此模板來(lái)創(chuàng)建新的社區(qū)。設(shè)置模板之前，先尋找到該模板所在社區(qū)的節(jié)點(diǎn)號(hào)，然后再定義模板。下面詳細(xì)介紹如何實(shí)現(xiàn)這一過(guò)程。

尋找節(jié)點(diǎn)號(hào)

登陸網(wǎng)站，點(diǎn)頁(yè)面下方的“編輯模式”，進(jìn)入后臺(tái)。在左側(cè)菜單中，點(diǎn)擊“社區(qū)管理”菜單下的子菜單“管理社區(qū)”。

進(jìn)入“組織的社區(qū)”頁(yè)面，可以看到網(wǎng)站所有社區(qū)的列表。這些已有社區(qū)，都可以設(shè)置為模板。

假如要設(shè)置“15 云南云天化股份有限公司-光大年金”為社區(qū)模板。先將鼠標(biāo)移動(dòng)到“yyth-1”上，可以看到狀態(tài)欄中出現(xiàn)了一行字母，其中包含了“yyth-1”的節(jié)點(diǎn)號(hào)為“Node=44288”，紅色方框圈中的就是。把這個(gè)節(jié)點(diǎn)號(hào)“44288”記下來(lái)。

以后無(wú)論設(shè)置哪個(gè)社區(qū)為模板，都要按上面的方法，先把該社區(qū)的節(jié)點(diǎn)號(hào)記下來(lái)。

定義模板

點(diǎn)擊“社區(qū)管理”的子菜單“社區(qū)模板設(shè)置”：

打開“模板管理”頁(yè)面。名稱填入模板名稱，節(jié)點(diǎn)就填定義為模板的社區(qū)節(jié)點(diǎn)號(hào)。添完以后，點(diǎn)“提交”，就完成了模板的定義。如圖所示：

模板列表中會(huì)出現(xiàn)剛剛定義的“云天化”模板。從編輯按鈕中可以修改該模板屬性。

復(fù)制社區(qū)

創(chuàng)建社區(qū)

點(diǎn)擊“社區(qū)管理”下的子菜單“管理社區(qū)”，進(jìn)入“組織的社區(qū)”頁(yè)面，點(diǎn)列表下方“創(chuàng)建”按鈕，進(jìn)入“編輯社區(qū)”頁(yè)面。

編輯社區(qū)屬性

如圖所示，按照紅色方框提示，填寫社區(qū)、模板、選擇類型、填寫名稱。其他區(qū)域都不做改動(dòng)。注意：“社區(qū)”一定要填英文，不能填中文。

填完點(diǎn)“提交”。進(jìn)入“組織的社區(qū)”頁(yè)面，就可以看到剛剛創(chuàng)建的“怡康科技”社區(qū)。

將鼠標(biāo)移動(dòng)到“yikang”上，可以看到狀態(tài)欄中出現(xiàn)了一行字母，其中包含了“yikang”的節(jié)點(diǎn)號(hào)為“Node=44345”，把這個(gè)節(jié)點(diǎn)號(hào)也記下來(lái)，在網(wǎng)站發(fā)布時(shí)候使用。

修改新社區(qū)

雖然新社區(qū)已經(jīng)有了，但它的很多內(nèi)容仍是原來(lái)摩板的內(nèi)容，還有幾處有待改善。
需要修改的內(nèi)容包括：登錄頁(yè)位置、登錄鏈接、主頁(yè)的頁(yè)頭頁(yè)腳、登錄后首頁(yè)的頁(yè)面樣式及頁(yè)頭頁(yè)腳。修改的過(guò)程基本就是代碼替換。
修改的場(chǎng)所如下：

1. 登錄頁(yè)位置在“個(gè)人登錄”和“企業(yè)登錄”這兩個(gè)登錄頁(yè)上修改；
2. 登錄鏈接在主頁(yè)的“用戶登錄”段落上修改；
3. 主頁(yè)的頁(yè)頭頁(yè)腳分別在主頁(yè)的“頁(yè)頭”段落和“頁(yè)腳”段落中修改。
4. 登錄后首頁(yè)的頁(yè)面樣式、頁(yè)頭頁(yè)腳，在主頁(yè)的“編輯社區(qū)”中修改。分別對(duì)應(yīng)CSS、JSP之前、JSP之后這三處來(lái)做修改。

下面將按照需要修改的地方，依次詳細(xì)說(shuō)明。

修改前的注意事項(xiàng)

本修改的難點(diǎn)在于修改以前，要先把需要替換的頁(yè)頭和頁(yè)腳代碼寫好，而且新的頁(yè)頭和頁(yè)腳寬高比例等可能與模板不相同，替換之后，還要做適當(dāng)調(diào)整。
在復(fù)制過(guò)程中，經(jīng)常需要同時(shí)打開多個(gè)模板頁(yè)和新社區(qū)的窗口，注意不要搞混。
由于模板的樣式、代碼等是可以被更改的，有時(shí)候可能會(huì)搞反，錯(cuò)把新社區(qū)的樣式和代碼復(fù)制給了模板，從而改變了模板的樣式和代碼。為了防止這一錯(cuò)誤發(fā)生，在使用模板以前最好把模板也復(fù)制一份。

修改個(gè)人和企業(yè)登錄頁(yè)位置

新社區(qū)創(chuàng)建完畢，就要修改登錄頁(yè)的位置。將登錄頁(yè)的位置從“云天化”改為“怡康科技”。
登錄光大銀行網(wǎng)站，可以在頁(yè)面下方見到一群按鈕，點(diǎn)擊其中的“管理社區(qū)”按鈕。進(jìn)入“組織的社區(qū)”頁(yè)面。
點(diǎn)擊“yikang”字母鏈接，進(jìn)入剛創(chuàng)建好的“怡康科技”社區(qū)。如下圖，可以看到，標(biāo)題已經(jīng)變成“怡康科技”，但頁(yè)面仍是云天化的樣子，這個(gè)不急，在后面都會(huì)慢慢修改。

點(diǎn)擊頁(yè)面下方的“子節(jié)點(diǎn)”按鈕。進(jìn)入子節(jié)點(diǎn)頁(yè)面。

先修改“企業(yè)年金登錄”的位置。
把鼠標(biāo)放在“企業(yè)年金登錄”上，可以看到狀態(tài)欄出現(xiàn)一行字母，其中包含了“企業(yè)年金登錄”的節(jié)點(diǎn)號(hào)為“Node=44346”，如紅色方框內(nèi)所示。把這個(gè)節(jié)點(diǎn)號(hào)“44346”記下來(lái)，在3.3修改登錄鏈接的時(shí)候有用。

鼠標(biāo)點(diǎn)擊進(jìn)入“企業(yè)年金登錄”頁(yè)面。點(diǎn)頁(yè)面下方的“編輯模式”按鈕，進(jìn)入編輯狀態(tài)。
然后再點(diǎn)紅色方框內(nèi)的“編輯”按鈕：

進(jìn)入“段落”頁(yè)面。勾選“不使用多媒體編輯器”?！皟?nèi)容”中出現(xiàn)了代碼。
從“內(nèi)容”中可以找到這樣一串代碼：
<input type=hidden name=community value="yyth-1" >
將value=" yyth-1"改成value="yikang"。因此前面新建社區(qū)的英文名稱是“yikang”。點(diǎn)“提交”。

下面來(lái)修改“個(gè)人用戶登錄”頁(yè)面的位置。
重新進(jìn)入主頁(yè)的“子節(jié)點(diǎn)”，進(jìn)入“子節(jié)點(diǎn)”頁(yè)面，以同樣方式記下“個(gè)人用戶登錄”的節(jié)點(diǎn)號(hào)“44347”，再進(jìn)入“段落”頁(yè)面，修改“個(gè)人用戶登錄”的位置。

登錄的位置就修改好了，以后再登錄就可以進(jìn)入“怡康科技”了。

修改個(gè)人和企業(yè)登錄鏈接地址

新社區(qū)的登陸鏈接地址要做改動(dòng)。如果不做改動(dòng)，“登錄”按鈕所指向的仍是“云天化”模板所指向的頁(yè)面。我們?cè)?.2節(jié)中記錄的兩個(gè)節(jié)點(diǎn)號(hào)在這里就要派上用場(chǎng)了。
打開怡康科技的主頁(yè)，點(diǎn)擊下面的“編輯模式“按鈕，進(jìn)入編輯狀態(tài)。點(diǎn)用戶登錄段落下面的“編輯”按鈕：

進(jìn)入“段落”編輯頁(yè)面，修改節(jié)點(diǎn)號(hào)。找到“內(nèi)容”里面的如下代碼：
window.open('/servlet/Node?Node=44290'); （此行對(duì)應(yīng)“個(gè)人用戶登錄”節(jié)點(diǎn)號(hào)）
else
window.open('/servlet/Node?Node=44289'); （此行對(duì)應(yīng)“企業(yè)年金登錄”節(jié)點(diǎn)號(hào)）
這兩個(gè)節(jié)點(diǎn)號(hào)在3.2已經(jīng)有過(guò)記錄。如下面紅色文字和方框提示的改動(dòng)。這樣，鏈接地址就改變了。

上傳圖片的方法

新社區(qū)的很多圖片需要改為怡康科技的圖片。這一節(jié)實(shí)現(xiàn)怡康科技圖片的上傳。通過(guò)段落的“編輯”都可以上傳圖片。
進(jìn)入編輯模式，我們可以看到很多編輯按鈕，點(diǎn)擊進(jìn)入任何一個(gè)編輯，都有下面所介紹的上傳圖片的功能。
比方我們需要上傳一張怡康科技LOGO圖片。
打開怡康科技的主頁(yè)，點(diǎn)擊下面的“編輯模式”按鈕，進(jìn)入編輯狀態(tài)。這里選擇從頁(yè)頭的編輯上傳圖片。點(diǎn)擊頁(yè)頭的“編輯”按鈕：

進(jìn)入編輯頁(yè)面。點(diǎn) “圖片瀏覽”，進(jìn)入“創(chuàng)建圖片”頁(yè)面。點(diǎn)“瀏覽”，把需要上傳的圖片瀏覽進(jìn)去。然后 “提交”。

提交成功后出現(xiàn)下面的頁(yè)面。

這個(gè)路徑就是剛剛上傳的圖片路徑。用記事本記錄下這個(gè)路徑，以備用。這樣一張圖片就上傳成功了。
如果圖片不合適需要改動(dòng)，那么就從圖片的“屬性”中找到圖片的文件名。重新進(jìn)入“創(chuàng)建圖片”，將文件名填到 “文件名”中，再瀏覽新的圖片，提交，服務(wù)器上的圖片就被替換了。

修改社區(qū)主頁(yè)的頁(yè)頭和頁(yè)腳

首先來(lái)修改頁(yè)頭。
打開怡康科技新社區(qū)的主頁(yè)，點(diǎn)“編輯模式”，進(jìn)入編輯狀態(tài)。點(diǎn)頁(yè)頭所在段落的“編輯”按鈕，編輯頁(yè)頭段落：

進(jìn)入到頁(yè)頭段落的編輯頁(yè)面，頁(yè)頭的所有信息都在這里編輯。
將事先寫好的“怡康科技”頁(yè)頭代碼替換“內(nèi)容”中的代碼，就可以生成新的頁(yè)頭了。

再來(lái)修改頁(yè)腳。
仍然點(diǎn)“編輯模式”按鈕，進(jìn)入編輯狀態(tài)。點(diǎn)擊頁(yè)腳所在段落的“編輯”按鈕：

可以進(jìn)入到頁(yè)腳段落的編輯頁(yè)面，與頁(yè)頭一樣，所有頁(yè)腳信息都在這里編輯。將“怡康科技“頁(yè)腳的代碼替換“內(nèi)容”文本域中的代碼，就可以生成新的頁(yè)腳了。
修改后效果圖如下：

修改“登錄后首頁(yè)”的頁(yè)面樣式

打開怡康科技新社區(qū)的主頁(yè)，點(diǎn)“編輯社區(qū)”，進(jìn)入編輯社區(qū)頁(yè)面。
由于在復(fù)制社區(qū)的時(shí)候，CSS樣式并沒(méi)有復(fù)制過(guò)來(lái)，因此需要手動(dòng)把云天化的CSS樣式復(fù)制到怡康科技的“CSS”樣式中。
打開“云天化”模板主頁(yè)，點(diǎn)“編輯社區(qū)”，進(jìn)入“編輯社區(qū)”頁(yè)面。將 “CSS”的內(nèi)容復(fù)制到“怡康科技”對(duì)應(yīng)的“CSS”中。

修改“登錄后首頁(yè)”的頁(yè)頭和頁(yè)腳

打開新社區(qū)怡康科技的主頁(yè)，點(diǎn)“編輯社區(qū)”，進(jìn)入編輯社區(qū)頁(yè)面。
在“JSP之前”填上事先設(shè)計(jì)好的怡康科技頁(yè)頭代碼，替換模板的頁(yè)頭；在“JSP之后”填上事先設(shè)計(jì)好的怡康科技頁(yè)腳代碼，替換模板的頁(yè)腳。修改的過(guò)程與社區(qū)主頁(yè)頁(yè)頭頁(yè)腳修改的過(guò)程類似。
下面提供一個(gè)比較簡(jiǎn)單的修改方法，修改頁(yè)頭頁(yè)腳的一部分。適用于不想將頁(yè)頭全部替換的用戶使用。
首先修改頁(yè)頭。
先從“JSP之前”文本域中找到這樣一串代碼:
<a href="###"><img src="/res/yyth-1/u/0706/070661318.jpg "></a>。
這就是“云天化”的LOGO地址，將該地址替換為新LOGO的路徑（參考3.4上傳圖片），注意LOGO的尺寸要和被替換的LOGO尺寸盡量相似：
<a href="###"><img src=" /res/yyth-1/u/0706/070661318.jpg "></a>。
如圖：

怡康科技“JSP之后”的“版權(quán)信息”需要做些修改，換成怡康科技的版權(quán)信息。替換之后“提交”。如下面方框所示：

這樣，用戶登錄頁(yè)的頁(yè)頭和頁(yè)腳就修改完了，效果如圖：

網(wǎng)站發(fā)布

新社區(qū)建立好了，我們可以把它發(fā)布出去。
進(jìn)入“管理社區(qū)”，點(diǎn)“網(wǎng)站發(fā)布”，進(jìn)入“域名”界面，設(shè)置域名和域名轉(zhuǎn)向。
社區(qū)選擇“yikang”，節(jié)點(diǎn)號(hào)就是前面已經(jīng)記下的“yikang”的節(jié)點(diǎn)號(hào)“44345”（沒(méi)記下來(lái)，可以參照 2.2 編輯社區(qū)屬性）。域名需要提前定好。URL轉(zhuǎn)向隨需要而定。

提交成功，這個(gè)新社區(qū)就可以獨(dú)立使用了。