用户登录

这个搜索区块,它的 Theme Hook 是 block ,说明这个地方是 Drupal 的一个区块 .. File Name Suggestions 下面会列出一些可能的模板文件的名字 ..

也就是如果你想修改这个搜索框的模板,你可以使用这里列出的这些名字作为这个模板文件的名字 .. 最上面的这个名字应该是最具体的 .. block 是区块,bartik search 表示的应该是这个具体的搜索区块的机器名 .. bartik 是我们当前使用的这个主题的名字 ..

下面的这个名字的前面是个小差号 .. 说明这是当前使用的这个地方的模板文件 .. 这个建议的模板文件名字列表,越往下就越广泛一些 .. 比如最后的这个 block.html.twig .. 它应该是所有的区块使用的模板文件 ... 这个模板文件一般就是模块本身提供的.. 这里应该就是 block 这个模块提供的模板文件 ..

最上面的这个 block--bartik-search.html.twig ,这个模板文件会是单独为这个特定的区块准备的 ... 也就是最上面的模板文件的名字是最具体的,在我们的主题里使用这个文件,不会影响其它的区块的显示 .. 最底下的这个模板文件的名字是最广泛的 .. 使用并且修改它应该会影响到其它的同类 ... 这里就是其它的 block 的显示 ...

这个要 Begin output ,会告诉你这块输出具体使用的模板文件的位置 .. 下面的 End Output ,意思就是这个模板文件输出的内容到这里就结束了 ..

回到编辑器 .. 现在你知道了自己要修改的模板文件,我们可以直接搜索一下它 ... command + p ... 输入文件名字的关键词 ..

这里给我们找到了两个 block--search-form 这个模板文件,一个是 bartik 主题的 ... 一个是 classy 主题的 ...

先打开上面这个 .. 这里的代码就是 bartik 这个主题为搜索区块准备的一个模板文件 ..

注意这个模板文件的上面还用了一个 extends ,表示继承 ... 它继承了 classy 主题的这个模板文件 ... 再去搜索一下 ... 找到 classy 主题下面的 block--search-form 这个模板文件 ...

这里的代码控制了刚才我们在浏览器上看到的那个搜索区块的显示 .. 我们可以做个小实验.. 去掉这组 h2 标签 ...

回到 Drupal ... 配置 .. 性能 ... 清空一下缓存 ..

再回到这个前台页面 .. 注意这个搜索区块的标题 ... 刷新一下 ... 你会发现刚才显示在这里的标题就不见了 ... 因为我们修改了影响这个区块显示的模板文件 ..

不过一般我们不能直接去修改模板文件 ... 特别是 Drupal 的核心自带的东西 ... 我们需要复制要修改的模板文件,然后把它们放在自己的主题目录的下面 ...

理解模板文件《 Drupal 8:主题 》

统计

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

社会化网络

关于

微信订阅号

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