模板中添加DIY可拖拽区域

==在已经有可拖拽区域的模板中添加更多的可拖拽区域==

:在Discuz! X默认模板的大部分模板文件中已经内置了多个可拖拽区域，但是如果你觉得这些还不够，还需要添加更多的可拖拽区域怎么办？ 

:打开你要添加可拖拽区域的模板文件，在要添加的位置加入如下代码 
<pre>&lt;!--[diy=diyid]--&gt;&lt;div id="diyid" class="area"&gt;&lt;/div&gt;&lt;!--[/diy]--&gt;
</pre> 
:*DIY使用的tag标签为div,指定的class为area
:*&lt;!--[diy=diyid]--&gt;和&lt;!--[/diy]--&gt;是一对完整的DIY可拖拽区域闭合标识
:*[diy=diyid]中的diyid要与后面的DIV的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。 

==让自己的程序和模板页面也可以DIY==

:假设你新建的PHP文件名为test.php,对应的模板文件为/template/default/home/testtpl.htm

=== test.php程序代码为  ===
<pre> 
&lt;?php&gt;
$var = '';
$arr = array();
... //程序逻辑
loadcache('diytemplatename');//加载DIY页面缓存，X2中的改进，此缓存必需要加载，目的是为了减少磁盘的IO操作
template('diy:home/testtpl');//加载为模板文件，其中 “diy:”表示支持页面DIY操作
&lt;?&gt;
</pre> 
:*'''loadcache('diytemplatename')X2中的改进，此缓存最好是在网站根目录的应用入口文件中加载，如下'''
<pre>...
$cachelist = array('yourcache', 'diytemplatename');
$discuz-&gt;cachelist = $cachelist;
$discuz-&gt;init();
...
</pre>

===模板文件代码===
<pre>...
&lt;style id="diy_style" type="text/css"&gt;&lt;/style&gt;&lt;!--在模板文件中添加存放CSS代码的标签--&gt;
&lt;div id='ct'&gt;
...
&lt;!--[diy=diyid]--&gt;&lt;div id="diyid" class="area"&gt;&lt;/div&gt;&lt;!--[/diy]--&gt;&lt;!--在你需要的地方添加可拖拽区域--&gt;
..
&lt;/div&gt;
&lt;!--[diy=diyid2]--&gt;&lt;div id="diyid2" class="area"&gt;&lt;/div&gt;&lt;!--[/diy]--&gt;&lt;!--在你需要的地方添加可拖拽区域--&gt;
...
</pre> 
:*DIY使用的tag标签为div,指定的class为area 
:*&lt;!--[diy=diyid]--&gt;和&lt;!--[/diy]--&gt;是一对完整的DIY可拖拽区域闭合标识 
:*[diy=diyid]中的diyid要与后面的DIV的id相同，同时要确保其在页面中唯一，即不能与页面已有元素ID相同。