Wellcms自定义模板修改，Wellcms中修改发帖的提交按钮位置
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无效，一句长一点的代码就始终有滚动条。）
Wellcms中修改发帖的提交按钮位置
后台编辑文章，对应的文件为：/admin/view/htm/thread_post.inc.htm
修改位置将两个按钮放到缩略图的上面，大象的放在自定义的下面。
位置就是右侧导航的ul，新增一个li，将两个按钮设置为div，宽度45%左右（宽度可以根据自己需要修改），左右浮动设置即可。然后把下方的这两个按钮的div去掉就可以了。
代码段落如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<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"> |
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途！
3. 分享目的仅供大家学习和交流，请不要用于商业用途！
4. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
5. 本站所有资源来源于站长上传和网络，如有侵权请邮件联系站长！
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
9. 如果你也有好源码或者教程，可以到审核区发布，分享有金币奖励和额外收入!
10.如果您购买了某个产品，而我们还没来得及更新，请联系站长或留言催更，谢谢理解 !
GG资源网 » Wellcms自定义模板修改，Wellcms中修改发帖的提交按钮位置
