网站首页相关

企业模板首页一般是展示型的,想要模板的内容能够在后台编辑,可以采取 #option("") ,示例代码如下:

<div class="row h-full align-items-center text-center text-lg-left">
  <div class=" col-12 col-lg-4 ">
    <h2>#option("jpress_index_slogan" , "JPress,开源免费的建站神器。 ")</h2>
    <br>
    <p class="lead mx-auto">#option("jpress_index_slogan_describe","使用 Java 语言开发,一个命令完成安装。完善的模板和插件生态、助你事半功倍的打造官网、博客、微信小程序 和 百度小程序 等。

      ")</p>
    <br>
    <a class="btn btn-lg" href="/download">#option("jpress_index_button","体验由此开始")</a>
    <p class="pt-8"><small>#option("jpress_index_slogan_small","因为国产更懂你,因为 Java 而更快。")</small></p>
  </div>

  <div class="col-12 col-lg-6 offset-lg-1">
    <img src="#option('topimg','images/jp-banner1.png')" data-aos="slide-left">
  </div>

</div>

 

效果如下:

 

设置页面 setting.html 中的代码如下:

<div class="setting-panl">
    <h4 class="page-header">开屏设置</h4>
    <div class="form-group">
        <label class="col-sm-2 control-label">slogan设置</label>
        <div class="col-sm-6">
            <textarea rows="1" class="form-control" placeholder="slogan标题设置" name="jpress_index_slogan">#option("jpress_index_slogan")</textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">描述</label>
        <div class="col-sm-6">
            <textarea rows="5" class="form-control" placeholder="描述设置" name="jpress_index_slogan_describe">#option("jpress_index_slogan_describe")</textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">按钮文字</label>
        <div class="col-sm-6">
            <textarea rows="1" class="form-control" placeholder="按钮文字" name="jpress_index_button">#option("jpress_index_button")</textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">按钮下方文字</label>
        <div class="col-sm-6">
            <textarea rows="1" class="form-control" placeholder="按钮下方文字" name="jpress_index_slogan_small">#option("jpress_index_slogan_small")</textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">首图</label>
        <div class="col-sm-6">
            <button type="button" for-src="topimg" for-input="topinput" class="jp-image-browser btn btn-flat btn-default btn-xs">
                <i class="fa fa-fw fa-image"></i> 选择图片
            </button>
            <br/>
            <img class="thumb-img" src="#(CPATH)#option('bonhumeur_web_avatar','/static/commons/img/nothumbnail.jpg')"
                 id="topimg" />
            <input type="hidden" id="topinput" name="topimg"
                   value="#option('topimg')">
            <p class="setting-tips">图片大小建议:778px X 545px</p>
        </div>
    </div>

</div>

后台设置效果如下:

加入VIP


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

立马 了解一下