企业CMS网站建设第八课：CMS网站个人模版开发实战——DedeCms简单实用小技巧

港控/mmm° 2022-01-23 04:05 235阅读 0赞

# 1、**文章标题字数限制的解决方法：**  #

**常见问题：**以下文章中，最下面的两个文章标题，很明显超出规定长度，因此被截断了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70][]

**原因：**织梦系统（DedeCms）默认的文章标题字数限制是60，也就是30个汉字，不够用怎么办？

**解决办法：**

**第一步：**点击左侧【系统】——【系统基本参数】——【其他选项】——【文档标题最大长度】

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 1][]

将默认的60，修改为90，这样标题最长可以有45个汉字了。

**第二步：**点击左侧【系统】——【SQL命令行工具】

在输入框里输入一行SQL语句代码：**alter table dede\_archives change title title varchar(90);**

然后点击【确定】

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 2][]

点击确定后，提示“成功执行1个SQL语句！”，代表执行成功。可以去发布文章验证一下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 3][]

**结果验证：**再次发布文章，解决字数限制问题。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 4][]

# 2、调用文章，图片太大，超出模板 #

**常见问题：**后台添加文章时没有控制图片的尺寸，前台调用显示时，图片太大，超出了模板，撑破原有的布局。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 5][]

解决办法：

**第一步：**在根目录里找到include/arc.archives.class.php文件，将该php文件以记事本方式打开，找到其中的代码：

//设置全局环境变量  
$this->Fields\['typename'\] = $this->TypeLink->TypeInfos\['typename'\];  
@SetSysEnv($this->Fields\['typeid'\],$this->Fields\['typename'\],$this->Fields\['id'\],$this->Fields\['title'\],'archives');

在此处代码下面，添加以下代码：

//替换图片Alt为文档标题  
$this->Fields\['body'\] = str\_ireplace(array('alt=""','alt=\\'\\''),'',$this->Fields\['body'\]);  
$this->Fields\['body'\] = preg\_replace("@ \[\\s\]\{0,\}alt\[\\s\]\{0,\}=\[\\"'\\s\]\{0,\}\[\\s\\S\]\{0,\}\[\\"'\\s\]  
@isU"," ",$this->Fields\['body'\]);  
$this->Fields\['body'\] = str\_ireplace("<img " ,"<img alt=\\"".$this->Fields\['title'\]."\\"  
",$this->Fields\['body'\]);  
  
//img标签中加入超宽缩小JS调用代码  
$suolue='οnlοad="javascript:ImgReSize(this)"';  
$this->Fields\['body'\] = str\_ireplace("<img " ,"<img ".$suolue." ",$this->Fields\['body'\]);  
//屏蔽height属性  
$this->Fields\['body'\] = preg\_replace('/<img(.+?)height=(.+?) (.+?)>/i',"<img$1$3>",$this->Fields\['body'\]);

**第二步：**打开你前台文章页模版，默认的是：/templets/default/article\_article.htm (有的朋友，仿完站，内容页的模版未必是这个默认的)打开模版后将下面代码插入到head中 ，注意那个550的数值，这个值意思是当图片超过这个数值，自动将图片缩小，宽度缩小为550，高度自动按比例缩小，这样不会变型。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 6][]

到此处就可以了，后台生成更新测试效果ji即可。

另外还可以修改一下对应的CSS样式。将内容区域的CSS，将它的宽设定好，然后定义一下，超出部分隐藏（overflow:hidden;），因为有时候，文章在加载的过程中，显示的是你原始大小，加载完成后，JS才会起作用，将图片缩小。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 7][]

============这里是结束分割线=================

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70]: /images/20220123/8659a3b7d38f4048b6224160f3b17416.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 1]: /images/20220123/e18a6d72d03e488b8a285ae207d90e69.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 2]: /images/20220123/971afa8629e34680aed6cc6582df2b91.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 3]: /images/20220123/7c0a5642fb6a49ac86a1479c527063a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 4]: /images/20220123/2d4aebf93f084be6936b0d6d5136aca8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 5]: /images/20220123/ca7ad0650e8a4ab48efd868f1be49f65.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 6]: /images/20220123/6ddaa7385d6f47889793c365119210de.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RucnVhbmppYW4_size_16_color_FFFFFF_t_70 7]: /images/20220123/afba7344f2fb463a84d31a3cde0b6c88.png