twcms通王CMS教程:[1]首頁修改?

此係列教程為廣大非程式設計師講解如何修改通王CMS,為自己所用。

本篇講解首頁相關內容的修改。

twcms通王CMS教程:[1]首頁修改 模版主題修改

工具/原料

通王CMS 2.0

1.找到主題資料夾

下載 通王CMS 2.0

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

找到剛才下載的檔案。右鍵,解壓。沒有解壓軟體的,請下載 好壓解壓縮軟體。

進入TWCMS_2.0資料夾。

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

依次找到 TWCMS_2.0\twcms\view\default 資料夾。這就是預設主題的所在資料夾。

twcms通王CMS教程:[1]首頁修改 模版主題修改

自行下載 Notepad++ 並安裝。使用Notepad++開啟index.htm 。如下圖所示。

強烈建議使用Notepad++開啟,不要用系統自帶記事本。否則有編碼/亂碼問題。

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

2.進行相應修改

由index.htm中的程式碼可知,上部分的程式碼在 inc-header.html中。所以修改Logo,請到inc-header.html中修改相應程式碼。當然也可以在default資料夾下的img資料夾替換logo.gif圖片,檔名不能變。

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

首頁上部的三個輪播圖,在banner部分的程式碼中修改。

href內為點選相應圖片跳轉到的網址。

img內修改圖片位置。

alt為滑鼠移到圖片上去之後的提示資訊。

也可替換twcms\view\default\banner下的b1.jpg/b2.jpg/b3.jpg。

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

程式簡介,修改如下位置程式碼。若想修改後及時生效,請登入twcms通王CMS後臺清空快取。

對應此部分圖片為twcms/view/default/img/brief.jpg

twcms通王CMS教程:[1]首頁修改 模版主題修改

其它方法基本相同,不再贅述。底部在inc-footer.htm內修改。

twcms通王CMS教程:[1]首頁修改 模版主題修改

具體單篇的文章/產品/圖片展示頁的公司聯絡方式,在 inc-right.htm 裡面修改。

twcms通王CMS教程:[1]首頁修改 模版主題修改

twcms通王CMS教程:[1]首頁修改 模版主題修改

首頁內容的基本修改到此為止。祝大家成功。

教程, 內容, 主題, 模版, 通王,
相關問題答案