zblog主題修改起來很方便,直接到后臺文件管理處就可以修改了,也可以應用插件來實現(xiàn)。
沙河口網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站建設等網(wǎng)站項目制作,到程序開發(fā),運營維護。成都創(chuàng)新互聯(lián)2013年開創(chuàng)至今到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設就選成都創(chuàng)新互聯(lián)。
這里提供如下在zblog中添加自定義頁面的方法:
通過修改default頁面,但是我認為還不如修改tags.asp 頁面,tags.asp
頁面與我們想要的link.html相似度比較高,修改方法如下:
先復制tags.asp 頁面的代碼在記事本里面,然后另存為link.asp。修改 link.asp 文件中
ArtList.template="TAGS" 和 ArtList.Title="TagCloud",將 TAGS 改為 LINK
,TagCloud 改為友情鏈接,并保存。然后再復制主題目錄下的 tags.html 文件內(nèi)容用記事本保存在本地,并命名為
link.html。修改 link.html 文件中
TagCloud
,將 TagCloud 改為友情鏈接。將 link.asp 文件上傳到網(wǎng)站根目錄,將 link.html 文件上傳到 TEMPLATE
目錄。在導航條中添加代碼
zblog的網(wǎng)頁圖標一般位于主題文件夾下的images目錄中,您可以嘗試在這個目錄下找到對應的qq圖標文件。如果您找不到該文件,可以嘗試在網(wǎng)頁代碼中搜索相關關鍵詞,看看是哪個文件調(diào)用了該圖標。
具體操作步驟如下:
登錄zblog后臺,進入主題設置頁面。
在左側導航欄中找到“自定義設置”或“編輯模板”等相關選項。
找到關于QQ圖標的相關代碼,一般位于作者模塊或社交媒體模塊中。可以嘗試搜索“qq”、“icon-qq”等關鍵詞,找到相關代碼段。
在代碼中找到圖片文件的路徑,一般是類似于“images/icon-qq.png”這樣的路徑。根據(jù)路徑,到主題文件夾下的images目錄中查找對應的圖片文件。
如果您仍然無法找到對應的文件,可以嘗試在zblog官網(wǎng)或相關技術論壇上搜索相關問題,或者聯(lián)系主題作者或zblog技術支持人員獲取幫助。
1、推薦用到一個很好的插件“文件管理”,zblogasp版本是默認自帶這個插件的,在插件管理面找到它激活下,就可以在zblog后臺的左側導航欄里面看到“文件管理“,打開就可以直接在后臺修改zblog主題文件了。(為什么會推薦這個”文件管理“插件呢,一是方便,再一個比較重要的就是用文件管理修改不會搞錯網(wǎng)頁編碼,很多朋友下載zblog主題文件在本地修改再上傳后發(fā)現(xiàn)網(wǎng)站打開亂碼了,這就是編碼問題導致的)
2、找到要修改的主題文件所在:打開后臺主題管理,鼠標放在你正在使用的主題上,會出現(xiàn)一個提示框,第二排會有一個主題ID,記住這個主題id,以”天興黃色升級版“為例子,這個主題的id是”txcstx“,那么我們在文件管理里面找到它的路徑就應該是”\zb_users\THEME\txcstx\“,這個txcstx文件夾就是天興黃色升級版主題的所有文件了。
3、找到了主題文件所在了,下面來理解下這個文件夾下的組成,主題文件下一共有以下部分:
INCLUDE(主題自帶插件文件夾) PLUGIN(主題所需要的插件文件夾) SCRIPT(主題調(diào)用的js文件夾) SOURCE(調(diào)用css的asp文件夾) STYLE(主題css文件夾) TEMPLATE(主題模板文件所在文件夾)
我們需要修改的有STYLE(主題css文件夾) 和TEMPLATE(主題模板文件所在文件夾),其他的都不需要管,要改css就打開STYLE文件夾下的css文件進行修改,要修改模板頁面就打開TEMPLATE文件夾下的模板文件進行修改,TEMPLATE文件夾的模板文件分別的作用如下,請對應修改:
header.html 頭部模板
footer.html 底部模板
default.html 首頁主模板文件
catalog.html 列表頁模板文件
b_article-multi.html 摘要文章模板
b_article-istop.html 置頂文章模板
page.html 獨立頁面模板,默認tags、search均用該模板
single.html 日志頁主模板文件
b_article-single.html 日志頁文章模板
b_article_mutuality.html 每條相關文章顯示模板
b_article_comment.html 每條評論內(nèi)容顯示模板
b_article_commentpost.html 評論發(fā)送表單模板
b_article_commentpost-verify.html 評論驗證碼顯示模板
b_article_tag.html 每個tag 的顯示樣式