drupal8 自定义主题开发步骤

物料准备:静态HTML页面、已安装好的drupal8系统。

一、打开主题调试功能

1、修改sites/default目录权限,命令:$ chmod u+w defalult
2、复制sites/default 目录下ddefault.services.yml 文件并改名为 services.yml

3、打开services.yml 修改  twig.config选项的 debug值为true


二、在根目录下themes文件夹下创建主题目录,如:mytheme(一下以主题名称mytheme为例)

三、在mytheme目录下创建文件:mytheme.info.yml文件,并写入如下内容:

name: mytheme
description: mytheme的主题
type: theme
core: 8.x
basetheme: classy

regions:
header: Header
primary_menu: 'Primarymenu'
page_top: 'Pagetop'
page_bottom: 'Pagebottom'
breadcrumb: Breadcrumb
content: Content

libraries:

  - mytheme/global-styling

此处需注意:1、冒号和短横线后面都需要有一个英文空格,短横线前面需要有两个英文空格。

                     2、content必须有。

四、mytheme根目录下创建文件:mytheme.libraries.yml文件,内容如下:

global-styling:
version:VERSION
css:
theme:
css/mytheme.css:{}

js:
js/mytheme.js

mytheme.libraries.yml文件是用于导入自定义的样式表和js文件的,将文件名换成自己的真实的文件名,将css、js、images文件夹一并放在主题根目录下即可。

五、套静态页面

1、自定义区块实现静态内容调用

2、自定义区块+view+模板覆写实现动态内容调用

你可能感兴趣的:(drupal)