自定义主题的基本步骤-学习Drupal

由 webpenson, 4 五月, 2021

Drupal8可以安装第三方贡献主题

也可以自定义主题

  • 在网站根目录下/httpdocs/有个themes目录，Drupal8约定将第三方贡献主题和自定义主题放在这里
  • 创建自定义主题有一些规则和约定，分六个步骤：
    • 在/httpdocs/themes目录下创建一个文件夹webpenson，文件夹名webpenson就是自定义主题的名称，不能用中文
    • 在webpenson文件夹下创建css、images、js、templates四个文件夹，分别用来存放样式表、图片、js文件和模板
    • 在webpenson文件夹下创建一个webpenson.info.yml文件，用来声明主题的一些必要信息 
      name:webpenson 
type:theme 
description:'我的自定义主题' 
core:'8.9.14' 

libraries: 
    - webpenson/global-styling 
regions: 
    header:Header 
    content:Content 
    sidebar_first:'Sidebar first' 
    footer:Footer
      • 主题的名字、类型、描述、依赖的核心
      • 要指出CSS和JS这些库文件链接的位置
    • 在webpenson文件夹下创建一个webpenson.libraries.yml文件，用来引入CSS和JS文件 
      global-styling: 
    version:VERSION 
    css:
      theme:
        css/style.css:{} 
    js: 
      js/main.js:{}
      • webpenson.info.yml和webpenson.libraries.yml是自定义主题必不可少的文件，文件名的前缀必须和主题目录名称一致
      • 在webpenson.info.yml中指定的库文件的链接位置一定要和webpenson.libraries.yml中的第一行一一对应
    • 要保存所有文件，启用自定义主题

评论