openCms建站实例一(建立站点文件夹)

本教程详细介绍了如何使用openCms建立站点文件夹结构,包括配置站点访问域名、创建配置文件、设定首页、以及设置三列布局。通过在`sites`下创建`mysite`文件夹并配置`opencms-system.xml`,然后在`_config`目录下创建配置文件,最终实现站点的全面定制。同时,讲解了如何创建和编辑index.html首页,以及利用tttextbox和3preset设置首页布局。

一、建立站点的文件夹结构

    在sites的文件夹下面建立站点的文件夹如"mysite",这个文件夹就是站点的文件夹,此站点的所有文件及文件夹在此文件夹下面,然后再“mysite”文件夹下面建立不同的文件夹,每个文件夹功能不同;

    如“_config”文件夹放置所有配置文件,如“images”文件夹放置所有的图片。

二、配置站点访问域名:

     修改opencms-system.xml配置文件,添加站点配置:

打开WEB-INF/config/opencms-system.xml文件,找到如下内容:

    <sites>
      <workplace-server>http://localhost:8080</workplace-server>
      <default-uri>/sites/default/</default-uri>
      <site server="http://localhost:8080" uri="/sites/default/"/>
    </sites>

替换为如下内容,红色部分为新增加:

    <sites>
      <workplace-server>http://localhost:8080</workplace-server>
      <default-uri>/sites/default/</default-uri>
      <site server="http://localhost:8080" uri="/sites/default/"/>
       <site server="http://sitea.com:8080" uri="/sites/mysite/"/>
    </sites>

     其中sitea.com为作者在hosts文件中增加的主机名映射

     以后在浏览器输入此域名可访问此站点。

三、建立网站配置文件

    

      在_config_目录下创建如下文件(文件内容暂不用修改):

  • style:ttstyle类型(Template Two Style ),用于配置网站的页面宽度、导航样式、字体、颜色等,详细配置说明可查看Template Two Style 类型详解
  • config:ttconfig类型(Template Two Configuration):用于设置页面的布局和区块信息,详细配置说明可查看Template Two Configuration 类型详解
  • options:ttoptions类型(Template Two Options):用于设置页眉、页脚和顶部导航信息,详细配置说明可查看Template Two Options 类型详解
  • 2preset:ttpreset类型(Template Two Preset):用于创建网站的两列布局,包括左侧导航;
  • 3preset:ttpreset类型(Template Two Preset):用于创建网站的三列布局,不包括左侧导航,详细配置

      再配置根目录的属性

          

  • template:/system/modules/org.opencms.frontend.templatetwo/templates/main.jsp 设置网站模板;
  • template-elements:/system/modules/org.opencms.frontend.templatetwo/pages/default.jsp 设置网站默认内容页模板;
  • style.config:/_config_/config 指定网站默认页面配置文件;
  • style.layout:/_config_/style 指定网站样式配置文件;
  • style.options:/_config_/options 指定设置网站页眉/页脚和顶部导航配置文件
  •      

          四、创建首页

       新建首页文件index.html,类型为 ttarticle(Template Two Article),Title属性为“Template Two 测试站点”,

     配置options文件,配置页眉、页脚及标题

    为首页添加内容

     

    五、设置首页为三列布局

           进入_info_文件夹建立text_locale文件类型为tttextbox(Template Two Textbox),

          

           首先要配置三列布局文件,编辑_config_目录下的3preset文件,编辑后的内容如下图所示:

     TemplaetTwo实例——创建三列布局

            编辑首页文件index.html,切换到”Configuragion“标签页面,编辑后效果如下图:

     TemplateTwo实例——设置首页为三列布局

              

                Preset:设置首页为三列布局,选择”三列布局“,就是我们之前刚刚编辑的3preset文件;

                Element—>Box:设置区块显示的文件,点击右侧的文件夹图标,选择第一步创建的text_locale文件;

                Element—>Orientation:设置区块显示的位置,选择”Left“;

                Element—>Color Schema:设置区块显示的样式,此处选择”Box Schema 1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值