雖然新社區(qū)已經(jīng)有了,但它的很多內(nèi)容仍是原來模版的內(nèi)容,還有幾處有待改善。
需要修改的內(nèi)容包括:登錄頁(yè)位置、登錄鏈接、主頁(yè)的頁(yè)頭頁(yè)腳、登錄后首頁(yè)的頁(yè)面樣式及頁(yè)頭頁(yè)腳。修改的過程基本就是代碼替換。
修改的場(chǎng)所如下:
2 登錄頁(yè)位置在“個(gè)人登錄”和“企業(yè)登錄”這兩個(gè)登錄頁(yè)上修改;
2 登錄鏈接在主頁(yè)的“用戶登錄”段落上修改;
2 主頁(yè)的頁(yè)頭頁(yè)腳分別在主頁(yè)的“頁(yè)頭”段落和“頁(yè)腳”段落中修改。
2 登錄后首頁(yè)的頁(yè)面樣式、頁(yè)頭頁(yè)腳,在主頁(yè)的“編輯社區(qū)”中修改。分別對(duì)應(yīng)CSS、JSP之前、JSP之后這三處來做修改。
下面將按照需要修改的地方,依次詳細(xì)說明。
本修改的難點(diǎn)在于修改以前,要先把需要替換的頁(yè)頭和頁(yè)腳代碼寫好,而且新的頁(yè)頭和頁(yè)腳寬高比例等可能與模板不相同,替換之后,還要做適當(dāng)調(diào)整。
在復(fù)制過程中,經(jīng)常需要同時(shí)打開多個(gè)模板頁(yè)和新社區(qū)的窗口,注意不要搞混。
由于模板的樣式、代碼等是可以被更改的,有時(shí)候可能會(huì)搞反,錯(cuò)把新社區(qū)的樣式和代碼復(fù)制給了模板,從而改變了模板的樣式和代碼。為了防止這一錯(cuò)誤發(fā)生,在使用模板以前最好把模板也復(fù)制一份。
新社區(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”記下來,在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)“提交”。
下面來修改“個(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)入“怡康科技”了。
新社區(qū)的登陸鏈接地址要做改動(dòng)。如果不做改動(dòng),“登錄”按鈕所指向的仍是“云天”模板所指向的頁(yè)面。我們?cè)?/SPAN>3.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)有過記錄。如下面紅色文字和方框提示的改動(dòng)。這樣,鏈接地址就改變了。
新社區(qū)的很多圖片需要改為怡康科技的圖片。這一節(jié)實(shí)現(xiàn)怡康科技圖片的上傳。通過段落的“編輯”都可以上傳圖片。
進(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ù)器上的圖片就被替換了。
首先來修改頁(yè)頭。
打開怡康科技新社區(qū)的主頁(yè),點(diǎn)“編輯模式”,進(jìn)入編輯狀態(tài)。點(diǎn)頁(yè)頭所在段落的“編輯”按鈕,編輯頁(yè)頭段落:
進(jìn)入到頁(yè)頭段落的編輯頁(yè)面,頁(yè)頭的所有信息都在這里編輯。
將事先寫好的“怡康科技”頁(yè)頭代碼替換“內(nèi)容”中的代碼,就可以生成新的頁(yè)頭。
再來修改頁(yè)腳。
仍然點(diǎn)“編輯模式”按鈕,進(jìn)入編輯狀態(tài)。點(diǎn)擊頁(yè)腳所在段落的“編輯”按鈕:
可以進(jìn)入到頁(yè)腳段落的編輯頁(yè)面,與頁(yè)頭一樣,所有頁(yè)腳信息都在這里編輯。將“怡康科技“頁(yè)腳的代碼替換“內(nèi)容”文本域中的代碼,就可以生成新的頁(yè)腳了。
修改后效果圖如下:
打開怡康科技新社區(qū)的主頁(yè),點(diǎn)“編輯社區(qū)”,進(jìn)入編輯社區(qū)頁(yè)面。
由于在復(fù)制社區(qū)的時(shí)候,CSS樣式并沒有復(fù)制過來,因此需要手動(dòng)把云天的CSS樣式復(fù)制到怡康科技的“CSS”樣式中。
打開“云天”模板主頁(yè),點(diǎn)“編輯社區(qū)”,進(jìn)入“編輯社區(qū)”頁(yè)面。將 “CSS”的內(nèi)容復(fù)制到“怡康科技”對(duì)應(yīng)的“CSS”中。
打開新社區(qū)怡康科技的主頁(yè),點(diǎn)“編輯社區(qū)”,進(jìn)入編輯社區(qū)頁(yè)面。
在“JSP之前”填上事先設(shè)計(jì)好的怡康科技頁(yè)頭代碼,替換模板的頁(yè)頭;在“JSP之后”填上事先設(shè)計(jì)好的怡康科技頁(yè)腳代碼,替換模板的頁(yè)腳。修改的過程與社區(qū)主頁(yè)頁(yè)頭頁(yè)腳修改的過程類似。
下面提供一個(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è)腳就修改完了,效果如圖: