Wellcms自定义模板修改

1）在view/template下面建立一个自定义模板目录，如default1

2）将官方的几个目录复制到该default1下面

view/htm --> view/template/htm //*该目录为源码主要文件

view/css --> view/template/css  //*该目录为css样式表

view/font --> view/template/fonts  //*该目录为一些字体样式，缺少后一些符号文字会变成方框

view/img --> view/template/img  //*该目录为一些图标图片，如logo等等

3）将default1/htm下面的所有文件中，涉及到 view/htm 的路径全部替换为 view/template/default1/htm

4）针对head_inc.htm中的css/ 和 img/ 全部替换为 template/default1/css/ 和 template/default1/img/，注意看代码的结构写法。

5）复制一个其他模板目录下的conf.json文件到default1目录，自定义模板的参数。

6）后台启用新模板，更新缓存就可以了。（测试的方法可以将官方源码的htm和css文件夹覆盖view目录下的对应文件夹，更新缓存后看看界面是否是你原来定制的界面，如果哪个地方不对，检查对应的htm文件中是否有遗漏的部分。

7）插件部分自己测试时无法自动适配模板的css样式，原因是插件的htm中引用的路径是/view/htm导致，修改这些路径为模板的路径，更新缓存后就可以了。

8）在head_nav.inc.htm的<div class="head">中添加box-shadow属性，如： style="box-shadow: 0 3px 20px #000 !important;" 可以让顶部菜单栏生成底部阴影，当然也可以添加在css中。

9）如果在head_inc中采用了container-fluid的class，并且清除了右侧的brief之后，这时候如果手动修改css中的col-l-9的max-width:75%为100%的话，那么在index,list中宽度都正常为100%，但是到了user等页面就出现了问题，右侧的用户设置等div就被强行挤到了下面去了。这时候可以采用这样的变通方法：css中的col-l-9的默认75%不动，首先保证了user等页面的正常显示，然后在list,index页面加入style定义，针对col-l-9的这个div宽度设为100%，这样就可以了。当然还有一种办法就是修改common.template.htm中的显示，可以将右侧的一些链接移动到顶上区域去，这样就可以不需要单独修改index,list这些内容了。另补充：用户信息页面出现的顶部的那句话也是在lang语言包中，可以自定义修改掉member_adv的描述，或者增加自己的自定义描述即可。代码段在common.template.htm中。

10）关于代码高亮不属于模板内部，而是属于plugins中的编辑器内，其采用的方案也就是常见的prism.css和prism.js文件的组合。从其他任何地方的规范的这两个文件可以直接拿来替换使用。有一个地方虽然理解但是没解决：就是代码整行不会自动换行（break-all和keep-all无效，一句长一点的代码就始终有滚动条。）

修改位置将两个按钮放到缩略图的上面，大象的放在自定义的下面。

位置就是右侧导航的ul，新增一个li，将两个按钮设置为div，宽度45%左右（宽度可以根据自己需要修改），左右浮动设置即可。然后把下方的这两个按钮的div去掉就可以了。

代码段落如下：

<ul class="navbar-navflex-column">
<!--{hook home_content_inc_nav_before.htm}-->
<!--↑↑↑↑以上为原代码；下面为增加代码-->
<!--***************增加代码段*********-->
<!--laoyao保存返回按钮移到下面此处,需单独开一个li，并且去掉原有限制宽度max-width:25%的class-->
<li class="nav-item">
<div style="display:inline;width:45%;text-align:center;float:left;">
<!--{hook home_content_inc_submit_before.htm}-->
<!--提交表单按钮-->
<button type="submit" class="btn btn-danger btn-block  mx-auto my-2" id="content-submit" data-loading-text="<?php echo lang('submiting');?>...">
<?php echo $form_submit_txt;?>
</button>
</div>
<div style="display:inline;width:45%;text-align:center;float:right;">
<!--{hook home_content_inc_submit_after.htm}-->
<!--返回按钮-->
<a role="button" class="btn btn-secondary btn-block  mx-auto my-2" href="javascript:history.back();">
<?php echo lang('back');?>
</a>
<!--{hook home_content_inc_history_back_after.htm}-->
</div>
</li>
<!--***************增加代码段*********-->
<!--↓↓↓↓以下为原代码；上面为增加代码-->
<?php if ($allowthumbnail){?>
<!-- 缩略图 thumbnail -->
<li class="nav-item">