搜点什么?

JPress4.0模板setting页面升级文档

发布时间:2021-06-09 17:39

本文作者:

JPress4.0模板setting页面升级文档

所有模板安装到 jpress 4.0,后台设置页面会有错位,按照以下步骤批量替换即可正常显示:

1、打开 setting.html;

2、把【class="box】批量替换成【class="card】,如图:

enter description here

3、把【box-】批量替换成【card-】,如图:

enter description here

4、把【col-xs-】批量替换成【col-】,如图:

enter description here enter description here

5、删除

,只保留里面的内容。如图:

enter description here

6、把 【class="card card-primary"】 修改为 【class="card card-outline card-primary"】,如图:

img

7、删除这些代码:

<div class="card-header">
  	<h3 class="card-title"></h3>
</div>

enter description here

8、把这段代码:

<h1>
	模板设置
	<small>Template Setting</small>
</h1>

换成这段:

<div class="container-fluid"> 
   <div class="row"> 
    <div class="col-sm-6"> 
     <div class="row mb-2"> 
      <div class="col-sm-12"> 
       <h1> 模板设置 <small data-toggle="tooltip" title="" data-placement="right" data-trigger="hover" data-original-title=""><i class="nav-icon far fa-question-circle"></i></small> <small> 首页 / 模板 / 设置</small> </h1> 
      </div> 
     </div> 
    </div> 
   </div>
</div>

如图:

enter description here

9、把【class="form-group"】批量替换成【class="form-group row"】,如图:

enter description here

10、把【class="col-sm-2 control-label"】批量替换成【class="col-sm-2 col-form-label"】,如图:

enter description here

11、如果本页面有tab,效果如下图:

ss

可以参考如下代码结构:

<div class="card card-primary card-outline card-outline-tabs"> 
   <div class="card-header p-0 border-bottom-0"> 
    <ul class="nav nav-tabs"> 
     <li class="nav-item"><a class="nav-link active" href="#tab_pubset" data-toggle="tab">tab1</a></li> 
     <li class="nav-item"><a class="nav-link" href="#tab_indexset" data-toggle="tab">tab2</a></li> 
     <li class="nav-item"><a class="nav-link" href="#tab_moduleset" data-toggle="tab">tab3</a></li> 
    </ul> 
   </div>
</div>

文章出处:JPress官方公众微信号

相关文章

加入我们!

如果你想系统学习JPress涉及到的知识点,或者希望有人解答你在深度使用JPress时遇到问题,
加入QQ群是个很不错的选择