用户登录

Drupal：自定义界面

Drupal：Custom UI

— 王皓

🦄 2024 独立开发者训练营，一起创业！查看介绍 / 立即报名 →

自定义 Drupal 8 前台与后台的界面。

封面摄影：Daniel Kordan

准备
0:00
创建模块与安装 Semantic UI
2:13
附加库
0:00
修改页面附加的东西：hook_page_attachments_alter
1:43
在模块里附加自定义的 Library
1:47
根据用户权限控制页面使用的 Library
2:11
去掉页面头部的 meta 标签
1:18
按钮
0:00
按钮
1:30
改变元素默认的信息：hook_element_info_alter
1:21
修改表单：hook_form_alter
1:25
不同类型的按钮
1:48
创建自定义主题
0:00
创建自定义主题
1:15
自定义主题的区域
1:30
为安装提供默认的配置文件
5:51
技巧
0:00
找到需要的 template，hook 还有 API
2:07
本地动作
0:00
在本地动作链接上添加 CSS 类：template_preprocess_menu_local_action
1:31
去掉元素上不需要的 CSS 类
2:26
禁用 Library里定义的资源
1:53
基础样式
0:00
重置浏览器样式
1:58
全局样式
2:09
用库的扩展来修复页面元素样式
2:26
过滤
0:00
过渡
1:14
下拉菜单
0:00
下拉菜单
2:48
表格
0:00
表格：template_preprocess_table
1:24
覆盖 Semantic UI 样式
2:31
视图表格：template_preprocess_views_view_table
3:09
文本框
0:00
文本框：覆盖模板文件并在 twig 里附加资源库
2:03
在模块里覆盖模板：hook_theme
1:06
自动完成的文本框
0:00
自动完成的文本框
3:38
自动完成的文本框的样式
2:26
自定义自动完成的文本框样式
1:34
覆盖 jQuery UI Autocomplete
1:56
自定义 jQuery UI Autocomplete
2:12
文件上传
0:00
文件上传
0:55
表单元素预处理：preprocess_form_element
1:52
twig 模板动态添加 CSS 类
3:02
图像小工具模板：image-widget
4:25
复选框与单选按钮
0:00
复选框与单选按钮：checkbox 与 radio
2:21
元素的模板文件：form-element.html.twig
3:47
下拉按钮
0:00
下拉按钮：dropbutton
3:06
email，password，number
0:00
email，password，number 元素
1:09
管理工具栏
0:00
管理工具栏：toolbar
2:47
主题样式
0:00
自定义的后台主题样式
1:30
修复与改进
0:00
Revisions（修订版本） 表格的显示
2:02
点击上传文件的标签不能打开选择文件窗口
2:32
管理表单显示与管理显示表格
1:43
Details 元素下的下拉菜单
1:42
使用可以搜索的下拉菜单
0:48
使用 select 元素模板
1:53
用 Drupal.behaviors 在 Ajax 完成以后调用 JavaScript 方法：问题
0:46
用 Drupal.behaviors 在 Ajax 完成以后调用 JavaScript 方法：解决
1:40
区块管理界面上的下拉菜单：问题与解决
4:52

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网，每天进步一点