雖然新社區(qū)已經(jīng)有了,但它的很多內(nèi)容仍是原來模版的內(nèi)容,還有幾處有待改善。
需要修改的內(nèi)容包括:登錄頁位置、登錄鏈接、主頁的頁頭頁腳、登錄后首頁的頁面樣式及頁頭頁腳。修改的過程基本就是代碼替換。
修改的場所如下:
2 登錄頁位置在“個(gè)人登錄”和“企業(yè)登錄”這兩個(gè)登錄頁上修改;
2 登錄鏈接在主頁的“用戶登錄”段落上修改;
2 主頁的頁頭頁腳分別在主頁的“頁頭”段落和“頁腳”段落中修改。
2 登錄后首頁的頁面樣式、頁頭頁腳,在主頁的“編輯社區(qū)”中修改。分別對應(yīng)CSS、JSP之前、JSP之后這三處來做修改。
下面將按照需要修改的地方,依次詳細(xì)說明。
本修改的難點(diǎn)在于修改以前,要先把需要替換的頁頭和頁腳代碼寫好,而且新的頁頭和頁腳寬高比例等可能與模板不相同,替換之后,還要做適當(dāng)調(diào)整。
在復(fù)制過程中,經(jīng)常需要同時(shí)打開多個(gè)模板頁和新社區(qū)的窗口,注意不要搞混。
由于模板的樣式、代碼等是可以被更改的,有時(shí)候可能會搞反,錯(cuò)把新社區(qū)的樣式和代碼復(fù)制給了模板,從而改變了模板的樣式和代碼。為了防止這一錯(cuò)誤發(fā)生,在使用模板以前最好把模板也復(fù)制一份。
新社區(qū)創(chuàng)建完畢,就要修改登錄頁的位置。將登錄頁的位置改為“怡康科技”。
登錄網(wǎng)站,可以在頁面下方見到一群按鈕,點(diǎn)其中的“管理社區(qū)”按鈕。進(jìn)入“組織的社區(qū)”頁面。
點(diǎn)擊“yikang”字母鏈接,進(jìn)入剛創(chuàng)建好的“怡康科技”社區(qū)。如下圖,可以看到,標(biāo)題已經(jīng)變成“怡康科技”,但頁面仍沒有改變,這個(gè)不急,在后面都會慢慢修改。

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

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

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

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

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

登錄的位置就修改好了,以后再登錄就可以進(jìn)入“怡康科技”了。
新社區(qū)的登陸鏈接地址要做改動。如果不做改動,“登錄”按鈕所指向的仍是“云天”模板所指向的頁面。我們在3.2節(jié)中記錄的兩個(gè)節(jié)點(diǎn)號在這里就要派上用場了。
打開怡康科技的主頁,點(diǎn)擊下面的“編輯模式“按鈕,進(jìn)入編輯狀態(tài)。點(diǎn)用戶登錄段落下面的“編輯”按鈕:

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

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

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

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

這個(gè)路徑就是剛剛上傳的圖片路徑。用記事本記錄下這個(gè)路徑,以備用。這樣一張圖片就上傳成功了。
如果圖片不合適需要改動,那么就從圖片的“屬性”中找到圖片的文件名。重新進(jìn)入“創(chuàng)建圖片”,將文件名填到 “文件名”中,再瀏覽新的圖片,提交,服務(wù)器上的圖片就被替換了。
首先來修改頁頭。
打開怡康科技新社區(qū)的主頁,點(diǎn)“編輯模式”,進(jìn)入編輯狀態(tài)。點(diǎn)頁頭所在段落的“編輯”按鈕,編輯頁頭段落:

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

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

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


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

打開新社區(qū)怡康科技的主頁,點(diǎn)“編輯社區(qū)”,進(jìn)入編輯社區(qū)頁面。
在“JSP之前”填上事先設(shè)計(jì)好的怡康科技頁頭代碼,替換模板的頁頭;在“JSP之后”填上事先設(shè)計(jì)好的怡康科技頁腳代碼,替換模板的頁腳。修改的過程與社區(qū)主頁頁頭頁腳修改的過程類似。
下面提供一個(gè)比較簡單的修改方法,修改頁頭頁腳的一部分。適用于不想將頁頭全部替換的用戶使用。
首先修改頁頭。
先從“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)信息。替換之后“提交”。如下面方框所示:

這樣,用戶登錄頁的頁頭和頁腳就修改完了,效果如圖:
