大家肯定有發現了，我們系統默認門戶文章列表很是不好看，今天給大家講一下門戶文章列表文件代碼解說，以及如何製作自己的門戶文章列表，如有錯誤的地方，大家回帖指出，我會及時修改。
需要技術：DIV+CSS 即可
很簡單，大家只要肯動手，都可以學會。
如圖：這個是我剛剛做的一個門戶文章列表
![]()
附件在最底部。
------------------------------------------------華麗的分割線----------------------------------------------------------
template/default/portal/list.htm代碼解說：
這個文件是我們默認風格中文章列表的模版文件，就拿這個文件來給大家講一下代碼中的調用，大家可以根據這個文件，做出自己的文章列表。 以上代碼是調用全局頭部文件，前臺效果如圖：
![]()
以上代碼的意思是 列表模版的名稱，如：<!--[name]文章圖片列表[/name]-->
以上代碼是當前位置代碼，前臺效果如圖：
![]()
以上代碼是文章列表的標題信息，前臺效果如圖：
![]()
以上代碼的意思是，如果頻道有下級分類，就顯示下級分類信息。前臺如圖：
![]()
這段代碼的意思就是循環顯示文章列表信息，下面做詳細說明這段代碼，我們在做文章列表風格的時候，修改這段代碼就OK。
以上代碼的意思是調用文章的標題信息，前臺如圖：
![]()
以上代碼的意思是調用文章的封面圖片，其中$value[summary] 是顯示文章摘要信息，前臺如圖：
![]()
![]()
以上代碼的意思是 如果有下級分類，則顯示當前文章屬於哪個分類，前臺如圖：
![]()
以上代碼的意思是 顯示文章的發佈日期，前臺如圖：
![]()
以上代碼的意思是 顯示操作信息，前臺如圖：
![]()
------------------------------------------------華麗的分割線----------------------------------------------------------
搞懂以上代碼，大家就可以製作自己的文章列表了，很簡單吧。
繼續解析代碼： 以上代碼是顯示列表分頁信息，前臺如圖：
![]()
以上代碼文章列表的右側的信息包。括分類信息，以及下級分類信息和DIY信息。
以上代碼是調用全局底部信息，如圖：
![]()
------------------------------------------------華麗的分割線----------------------------------------------------------
到這裏，template/default/portal/list.htm就解說完了，大家應該就可以自己動手了。
對了，在文件中看到的類似於這樣的代碼
<!--[diy=diy2]-->
<div id="diy2" class="area"></div>
<!--[/diy]-->
大家不要管他幹什麼的，只要記住，有了這樣的代碼出現，就代表這個地方可以在前臺DIY就行了
只有在前臺DIY模式下才能看到他，diy和id不要重複就行了。
下面給大家講解如何製作門戶文章列表模版和如何使用
第一步：
我們到自己的風格模版下進入portal文件夾，template/你的風格/portal，建立文件list_*.htm文件 *代表你的文件名，如list_pic.htm
list_*.htm中的內容，你直接複製 template/default/portal/list.htm的內容就行，把<!--[name]{lang portalcategory_listtplname}[/name]-->修改成自己的模版名稱
第二布：
到後臺—門戶—頻道欄目—列表，編輯一個頻道，如圖：
![]()
進入編輯頁面裏，找到列表頁模板名，如圖：
![]()
選擇自己的模版就OK了。好了，哈哈，結束了，就這樣。
![]()
list_lynnpic.rar
這個模版文件中，有我的註釋哈，大家可以解析解析。
需要技術：DIV+CSS 即可
很簡單，大家只要肯動手，都可以學會。
如圖：這個是我剛剛做的一個門戶文章列表
附件在最底部。
------------------------------------------------華麗的分割線----------------------------------------------------------
template/default/portal/list.htm代碼解說：
這個文件是我們默認風格中文章列表的模版文件，就拿這個文件來給大家講一下代碼中的調用，大家可以根據這個文件，做出自己的文章列表。 以上代碼是調用全局頭部文件，前臺效果如圖：
以上代碼的意思是 列表模版的名稱，如：<!--[name]文章圖片列表[/name]-->
以上代碼是當前位置代碼，前臺效果如圖：
以上代碼是文章列表的標題信息，前臺效果如圖：
以上代碼的意思是，如果頻道有下級分類，就顯示下級分類信息。前臺如圖：
這段代碼的意思就是循環顯示文章列表信息，下面做詳細說明這段代碼，我們在做文章列表風格的時候，修改這段代碼就OK。
以上代碼的意思是調用文章的標題信息，前臺如圖：
以上代碼的意思是調用文章的封面圖片，其中$value[summary] 是顯示文章摘要信息，前臺如圖：
以上代碼的意思是 如果有下級分類，則顯示當前文章屬於哪個分類，前臺如圖：
以上代碼的意思是 顯示文章的發佈日期，前臺如圖：
以上代碼的意思是 顯示操作信息，前臺如圖：
------------------------------------------------華麗的分割線----------------------------------------------------------
搞懂以上代碼，大家就可以製作自己的文章列表了，很簡單吧。
繼續解析代碼： 以上代碼是顯示列表分頁信息，前臺如圖：
以上代碼文章列表的右側的信息包。括分類信息，以及下級分類信息和DIY信息。
以上代碼是調用全局底部信息，如圖：
------------------------------------------------華麗的分割線----------------------------------------------------------
到這裏，template/default/portal/list.htm就解說完了，大家應該就可以自己動手了。
對了，在文件中看到的類似於這樣的代碼
<!--[diy=diy2]-->
<div id="diy2" class="area"></div>
<!--[/diy]-->
大家不要管他幹什麼的，只要記住，有了這樣的代碼出現，就代表這個地方可以在前臺DIY就行了
只有在前臺DIY模式下才能看到他，diy和id不要重複就行了。
下面給大家講解如何製作門戶文章列表模版和如何使用
第一步：
我們到自己的風格模版下進入portal文件夾，template/你的風格/portal，建立文件list_*.htm文件 *代表你的文件名，如list_pic.htm
list_*.htm中的內容，你直接複製 template/default/portal/list.htm的內容就行，把<!--[name]{lang portalcategory_listtplname}[/name]-->修改成自己的模版名稱
第二布：
到後臺—門戶—頻道欄目—列表，編輯一個頻道，如圖：
進入編輯頁面裏，找到列表頁模板名，如圖：
選擇自己的模版就OK了。好了，哈哈，結束了，就這樣。
list_lynnpic.rar 這個模版文件中，有我的註釋哈，大家可以解析解析。
