3.页面布局type
status
date
slug
summary
tags
category
icon
password
本文介绍了Drupal中页面布局的基本概念，详细讲解了如何添加和配置块、调整布局、启用翻译功能，以及设置块的可见性。通过这些内容，读者将能够更好地理解和使用Drupal的页面布局功能，从而创建更加灵活和个性化的网站。
0.（可选）如何使用firefox轻松的访问drupal前台页面。
1.安装Firefox Multi-Account Containers
2.长按添加标签页按钮
3.轻松在浏览器的不同标签页中访问前台和后台
1.页面布局的基本概念
ps:不同的主题会有不同的页面布局，如果需要不同的页面有不同的主题，可以自定义一个主题协商器。
2.添加块到页面布局中
3.添加系统已有的块
olivero主题默认页面布局如下：
接下来，我们在sidebar中添加【语言切换块】
添加块
以[语言切换]为例
在前台正常出现语言切换块，且功能正常
4.添加自定义块，调整块
添加你想要的内容
用同样的方法在sidebar中添加自定义模块
1.调整布局
记得保存
效果：
2.（可选）为自定义块启用翻译
下方会出现以下设置，按需勾选
记得保存
在添加自定义块的页面，就可以添加翻译了
接下来，每日分享模块就可以翻译了
（ps:这里因为博主没有考虑清楚，为了演示翻译功能，我先把之前的love u~改成爱你~了）
添加翻译:
可以看到，“每日分享”依旧没有被翻译，上面的语言切换也是。
这是因为，块的内容的标题优先级低于块本身的名字
我们可以在之前页面布局的部分，配置块的英文名
(由于演示用的是“每日分享”而读者不一定使用和我一样的名字，请自行参考下图路径找到配置）
保存
翻译正常
5.扩展，如何配置块的可见性
如前所述，块可以配置自身的可见性。
以下演示如何只允许iphone端显示【每日分享】不在pc端上显示。
1.安装mobile detect
（安装模块的详细步骤参考 
2.drupal模块安装 ）
2.在drupal后台管理中安装
3.在页面布局中配置每日分享
4.使用f12打开开发者工具验证效果
iphone12正常显示
Galaxy s20不显示
pc端不显示
🤗 总结归纳
- 使用Firefox Multi-Account Containers插件可以方便地在不同标签页中访问Drupal的前台和后台。
- 介绍了Drupal页面布局的基本概念，不同主题可能有不同的布局。
- 详细说明了如何在页面布局中添加块，包括系统自带的块和自定义块。
- 演示了在Olivero主题中添加语言切换块和自定义"每日分享"块的过程。
- 解释了如何调整块的位置和顺序，以及如何为自定义块启用翻译功能。
- 强调了块的内容标题优先级低于块本身的名字，并展示了如何正确设置块的多语言标题。
📎 参考文章
- Author:Narohaz
- URL:https://narohaz.top/13f5fe4604d58090b23cd0464cf6d7dd
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
