zoukankan      html  css  js  c++  java
  • 主题和布局(Theme and Layout)Theme

       在使用PHP类的建站工具的时候,经常看到模板这个词。一套模板实际上包含了Theme和LayOut。二者并不是一回事。【下面的文字可能有翻译官方文档的嫌疑,不好意思啊】
    一:Theme

         Theme是定义网页的外观的,保证网站整体观感的一致性, 一般包含一些图片,CSS文件,或其他文件。

         Theme放在网站目录的目录之内。NopCommerce的Theme都在Themes目录下。如图1.

             图1.

    使用一个Theme一般有这么几个步骤:

          安装一个Theme。你可以下载一个或自己制作一个Theme,放到Themes目录内。如图2

          

                                图2

             安装完了,在管理端进行设置。在菜单:configuration=》Settings=》General And Miscellaneous settings 中,选择新的Theme,应用。如图3.

       

     

                                    图3

           (2) 编写一个Theme

                我们可以从系统内置的Theme里一窥Theme如何编写。

                1.复制默认的Theme "DefaultClean",把它命名为“MyFirst Theme“

                2:打开“MyFirst Theme”下的theme.config 把“DefaultClean”改成“MyFirstTheme”,图4

                      

                                          图4

           3. 现在到 "MyFirstTheme" > View > Shared > 打开"Head.chtml" 进行修改。如图5

                                图5

     这样一来 ,系统就知道你的theme的css文件在哪里了。

           然后你就可以按照你的思路去修改styles.css去定义网站的外观啦。

  • 相关阅读:
    JAVA查询树结构数据(省市区)使用hutool工具实现
    定时器
    工作队列
    中断类型
    通过风扇FG脚检测风扇转速
    共享中断
    Linux中断信号的查看
    使用Alibaba Cloud Linux 2系统开突发型实例遇到宿主机一直超分案例
    React学习(三)----- 组件的生命周期
    React学习(二)----- 面向组件编程
  • 原文地址:https://www.cnblogs.com/xinchuang/p/3058986.html
Copyright © 2011-2022 走看看