DedeCms系统默认的栏目是没有缩略图的,我们有时需要给栏目设置图片,这时需要增加缩略图功能,修改比较简单,栏目页面看起来也比较简洁,效果图如下:
1、添加字段
首先,在后台执行sql语句,添加栏目缩略图字段:alter table `dede_arctype` add `typeimg` char(100) NOT NULL default '';其中dede为表前缀,若有做修改,请改为修改后的前缀。typeimg为缩略图字段,可以修改成自己需要的字段,若此处做了修改,后面的所有字段请记得修改成对应的字符。而后,就是修改模版文件了,一共需要修改系统的5个文件:
1、/dede/catalog_add.php 增加栏目文件
2、/dede/catalog_edit.php 修改栏目文件
3、/dede/templets/catalog_add.htm 增加栏目文件
4、/dede/templets/catalog_edit.htm 修改栏目文件
5、/nclude/taglib/channel.lib.php 字段调用文件
2、修改catalog_add.php
找到/dede/catalog_add.php文件,然后打开,编辑修改:
查找:(reid,topid,sortrank,typename,typedir, 修改为:(reid,topid,sortrank,typename,typedir,typeimg,
查找:('~reid~','~topid~','~rank~','~typename~','~typedir~', 修改为:('~reid~','~topid~','~rank~','~typename~','~typedir~','~typeimg~',
3、修改catalog_edit.php
找到/dede/catalog_edit.php文件,然后打开,编辑修改:
搜索:$upquery = "UPDATE `ma_arctype` SET
在 typedir=’$typedir’, 其下方添加一行:`typeimg`='$typeimg',
4、修改catalog_add.htm
打开/dede/templets/catalog_add.htm
搜索:“列表命名规则:”
在其tr下方添加一个tr,内容如下:
<tr><td height="65" style="padding-left:10px;">栏目图片:</td>
<td><input name="typeimg" type="text" style="width:250px" id="typeimg" class="alltxt" value="" />
<input type="button" name="set9" value="浏览... " class="coolbg np" style="width:60px"
onClick="SelectTemplets('SelectImage('form1.typeimg','small');" />(栏目模板里用{dede:field.typeimg /}调用) </td> </tr>
效果如图:修改好以上代码后,在head区域引入main.js文件
<script language='javascript' src="js/main.js"></script>效果如图:
5、修改catalog_edit.htm
打开/dede/templets/catalog_edit.htm
搜索:列表命名规则:
在其tr下方添加一个tr,内容如下:
<tr><td height="65" style="padding-left:10px;">栏目图片:</td>
<td><input name="typeimg" type="text" style="width:250px" id="typeimg" class="alltxt" value="<?php echo $myrow['typeimg']?>" />
<input type="button" name="set9" value="浏览... " class="coolbg np"
style="width:60px" onClick="SelectImage('form1.typeimg','small');" />(栏目模板里用{dede:field.typeimg /}调用) </td> </tr>
效果如图:同样引入main.js文件,在head区域引入main.js文件
<script language='javascript' src="js/main.js"></script>6、channel.lib.php
打开:/nclude/taglib/channel.lib.php
搜索:
SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath
替换为:
SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,typeimg
如图:
7、调用
文件修改完成后,可通过[field:typeimg/]语法来调用栏目图片。
实例:<a href="[field:typelink/]"><img src="[field:typeimg/]" width="120" height="80" /></a></div>