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去定义网站的外观啦。

  • 相关阅读:
    看一看Vue.js
    Docker笔记
    Termux使用记录
    【Selenium】利用Cookies登录京东并添加商品至购物车以及结算
    GB 26149-2017 测试项目及要求
    【LeetCode】41. 缺失的第一个正数
    【数据结构】7. 排序
    【数据结构】6. 查找
    【数据结构】5. 图
    【数据结构】4. 树与二叉树
  • 原文地址:https://www.cnblogs.com/xinchuang/p/3058986.html
Copyright © 2011-2022 走看看