dedecms转DESTOON(destoon更换域名后内容页变形)

在网站建设过程中，经常会遇到需要更换域名的情况。而当我们使用dedecms转换为destoon后，更换域名后可能会出现内容页变形的问题。本文将介绍如何解决这个问题。

问题描述

在更换destoon的域名后，我们会发现内容页出现了一些变形。具体表现为：文章的内容被压缩在左侧，右侧出现了大量空白。

这个问题的出现是因为destoon的默认CSS样式不适用于dedecms的内容页，导致页面布局出现了问题。

解决方案

步：备份文件

在修改前，我们需要备份相关文件，以免修改后出现问题无法恢复。备份的文件包括：/skin/default/css/style.css文件和/skin/default/article.html文件。

第二步：修改CSS样式

打开备份的style.css文件，在底部添加以下代码：

div.article_content{
    float:none;
    width:auto;
    margin-right:0px;
}

这段代码的作用是取消文章内容的左浮动，让它自适应宽度，并取消右侧的边距。

第三步：修改内容页模板

打开备份的article.html文件，找到以下代码：

{$article.content}

在这段代码的外层添加div标签，并添加class属性，代码如下：

    

    {$article.content}
    

这段代码的作用是将内容页的内容包裹在一个div标签中，并添加class属性。这样我们就可以通过CSS样式来控制内容页的布局了。

第四步：修改CSS样式（续）

在style.css文件中，添加以下代码：

div.article_wrapper{
    width:100%;
    margin:0px;
    padding:0px;
}

这段代码的作用是设置内容页包裹的div标签宽度为100%，并取消边距和内边距。

第五步：保存文件

保存修改后的文件，并上传到服务器上。刷新内容页，发现页面已经恢复正常了。

总结

在更换destoon的域名后，出现内容页变形的问题是很常见的。通过修改CSS样式和内容页模板，我们可以很容易地解决这个问题。

需要注意的是，在修改前需要备份相关文件，以免修改后出现问题无法恢复。