在本章中，让我们研究主题和布局. Drupal将在安装期间将 Bartik 主题安装为默认主题.您可以从Drupal官方网站选择付费或免费主题.通常，布局是文本和图形的排列.选择主题是一个好主意，请记住在您的网站上使用不同的布局.
第1步 : 转到 Drupal官方网站，然后单击开始使用 .
第2步 : 点击所有主题，如下面的屏幕所示.
第3步 : 您将获得一个主题列表.选择您选择的主题(让我们选择自适应主题，因为它包含布局和常规设置，将在本章后面介绍)并点击版本如以下屏幕所示.
第4步 : 接下来，右键单击下载文件并复制链接地址，如下面的屏幕所示.
第5步 : 您也可以通过单击存档文件直接下载主题，模块将在您的计算机上本地下载，如下面的屏幕所示.
第6步 : 转到外观并单击安装新主题，如以下屏幕所示.
第7步 : 您可以在步骤(4)中粘贴您复制的链接地址，然后单击安装按钮，如下面的屏幕所示.
步骤8 : 您也可以上传主题档案，而不是复制链接地址，如果您已下载并点击安装，如下面的屏幕所示.
Step 9 : 出现以下屏幕，等到安装完成.
第10步 : 接下来，单击启用新添加的主题，如以下屏幕所示.
步骤11 : 默认情况下，主题被禁用.要启用它们，请单击启用并设置默认值，如以下屏幕所示.
第12步 : 点击设置，如下面的屏幕所示，为您的网站设置外观.
步骤13 : 布局&屏幕上会弹出"常规设置"选项，此自适应主题包含标准布局，平板电脑布局，小触摸布局和面板& Gpanels 的.这些选项控制当前正在使用的AT Admin主题的显示设置.当您的网站显示主题时，将使用这些设置.现在，让我们逐一讨论这些布局.
步骤14 : 在标准版面中，您可以选择台式机，笔记本电脑和其他大屏幕设备的布局.
选择侧边栏位置 : 号;您可以通过单击单选按钮选择侧边栏位置.
设置每个侧边栏的宽度 : 您可以设置第一个侧边栏和第二个侧边栏的宽度，单位为％或px或em.
设置页面宽度 : 您可以设置页面的宽度.
设置最大宽度 : 您可以选中或取消选中以设置最大宽度.
此布局的媒体查询 : 媒体查询为不同的媒体设备定义了不同的样式规则，默认情况下，此布局将 1025px .
第15步 : 接下来，单击平板电脑布局，如以下屏幕所示.平板电脑设备将具有两个方向风景和人像.您可以为每个方向配置不同的布局.
在横向平板电脑和纵向平板电脑下，您可以选择侧边栏位置，每个侧边栏的宽度和页面宽度. Landscape tablet 的媒体查询将是min-width:769px和max-width:1024px.对于人像平板电脑，它将是最小宽度:581px和最大宽度:768px
步骤16 : 现在，单击 Smalltouch Layout ，如以下屏幕所示. 小触摸布局还有两个方向风景和人像.您可以为每个方向配置不同的布局.
在 Landscape Smalltouch 中，您可以选择侧边栏位置和设置宽度. Portrait Smalltouch 始终显示在一列中，侧栏水平堆叠在主要内容下方. Landscape Smalltouch 的媒体查询将是最小宽度:321px和最大宽度:580px，对于 Portrait Smalltouch ，它将是最大宽度:320px.
步骤17 : 接下来，单击面板& Gpanels 如以下屏幕所示.自适应主题支持响应式面板和Gpanel布局.要使用此功能，您可以使用面板模块，展示套件(带面板)或自适应主题 Gpanels 布局.
您可以为每个设备范围选择选项并布置其类型.让我们逐一看看.
在标准版面下，您可以选择所需的布局在标准布局中查看网站时使用.通过单击 TWO，THREE，FOUR，FIVE，SIX或INSET ，您可以选择列排列，如下面的屏幕所示.
.jpg)
按照平板电脑风景，平板电脑肖像和 SMALLTOUCH LANDSCAPE 布局的相同步骤.
步骤18 : 完成所有配置后，单击保存配置，如以下屏幕所示.
