新聞中心
zblog搜索頁面模板的制作方法
作者 / 無憂主機 時間 2015-12-31 16:39:02
使用zblog程序的php虛擬主機站長朋友都知道,zblog程序的搜索結(jié)果頁面是調(diào)用的默認(rèn)的模板頁面,這個默認(rèn)的模板頁面樣式很單調(diào),所以很多的站長朋友都不是很喜歡,加上zblog程序升級之后的模板可選導(dǎo)致模板修改也很修改了。既然默認(rèn)樣式不是很喜歡,但是又不方便修改,那么我們只有按照自己的想法來新建一個模板了。下面無憂主機小編就來介紹一下zblog程序的搜索頁面模板的制作方法。 在制作頁面模板之前我們需要先了解幾個知識點,zblog程序的搜索頁面模板組成是由三個部分組成的,第一個是搜索頁面的整體頁面的模板search.html,第二個是搜索頁面的結(jié)構(gòu)模板b_article-page1.html,第三個是搜索頁面的內(nèi)容模板b_article-search-content.html。了解了搜索頁面模板的組成,接下來就開始編輯代碼了,首先是搜索頁面的整體頁面的模板search.html的代碼:
<#TEMPLATE_HEADER#> <div id="place">當(dāng)前位置:<a href="<#ZC_BLOG_HOST#>">首頁</a> > <#BlogTitle#></div> <div id="content"> <div id="left"> <#template:article-page1#> </div> <div id="rigth"><#TEMPLATE_SIDEBAR#></div> </div> <#TEMPLATE_FOOTER#>然后編輯搜索頁面的結(jié)構(gòu)模板b_article-page1.html的代碼:
<dl id="info"> <dd id="tlite"><h1><#article/title#></h1></dd> <dd id="zi"><#article/content#></dd> </dl>最后編輯搜索頁面的內(nèi)容模板b_article-search-content.html的代碼:
<dl id="lieb1"> <dd><h2><a href="<#article/url#>"><#article/title#></a></h2> <div><#article/intro#></div> <small>發(fā)布于:<#article/posttime#> 瀏覽:<span id="spn<#article/id#>"></span> <script type="text/javascript">strBatchView+="spn<#article/id#>=<#article/id#>,"</script>次 <#article/commnums#>人評論</small></dd></dl>全部編輯好之后,搜索頁面的模板就建立好了,然后正常調(diào)用就行了。關(guān)于搜索文件模板的調(diào)用方法可以參考“zblog搜索結(jié)果頁面調(diào)用新模板的方法”這篇文檔。如果樣式不喜歡可以根據(jù)自己的需要再用css修飾一下。 無憂主機相關(guān)文章推薦閱讀: ZBLOG添加廣告位的方法 ZBLOG右側(cè)跟隨滾動模塊設(shè)置方法 ZBLOG導(dǎo)航欄分類添加和修改的方法
本文地址:http://www.gle-technology.com/zblog/21291.html