獨立工作者 — 420 |網站建置|登陸頁面：基於網格的英雄部分

鑑於 標頭 現在有一個 category，讓我們自訂它：

1. 選擇您想要使用的新字體 設計面板 > 文字 > 字體
2. 選擇字體的 厚度 從下拉式選單中

修改 標頭 色調：

1. 啟用設定 選色器 工具在 色調 控制板
2. 將滑鼠懸停在 背景影像 在最初的 科單位 並從中選擇一種色調 圖片
3. 根據需要透過移動來調整色調 顏色 和 半透明性 滑桿

讓我們為資料塊添加更多資料。附加一個 部分:

1. 打開 包括組件面板 並拖曳一個 部分 進入主標題內容 科單位
2. 將其放置在 標頭 你之前包含的 

添加 羈扣 到資料塊：

1. 拖曳一個 標籤 來自 包括組件面板 進入主標題內容 科單位
2. 將其放在下面 區域 你剛剛附加了 
3. 按兩下 標籤 調整措辭並重新命名（例如“讓我們談談”）。  
4. 將 category 分配給 標籤 （如“按鈕”） 

修改選項卡的色調以保持佈局一致性：

1. 選擇 標籤
2. 點選預設色調樣本 設計面板 > 背景> 顏色
3. 將其切換為您使用的色調 標頭

讓我們為您目前附加的內容建立一些空間。 

附加 空間 到下端 標頭:

1. 打 標頭
2. 開鎖 設計面板 > 分離 
3. 設定底座 空間 至 20 像素

考慮到您已經附加了 category 的“按鈕”，您可以複製/貼上該按鈕 標籤 產生總和為 2 的元素 羈扣:

1. 評估初始 標籤
2. 複製/貼上 標籤
3. 按兩下後續的 標籤的 措辭並更改（例如，“查看我們的項目”）

筆記： 如果您修改了元件 標籤 類，它會影響兩者 羈扣 因為他們有類似的 category（例如“按鈕”）。 

例如，如果您插入 空間 在一個的右邊 標籤， 這 空間 兩者都發生增量 羈扣: 

1. 選擇您的其中一項 羈扣
2. 開鎖 設計面板 > 分離 
3. 設定右邊 空間 至 10 像素

設計重疊佈局

重疊的佈局意味著您的某些 網格 組件相互重疊。在此圖中，讓我們形成重疊的資料塊 背景影像. 

選擇主要標題內容 科單位. 

由於其 放置 配置為 汽車，它取得第一個可獲得的儲存格 網格 — 右上方的儲存格。 

讓我們將其放置在右下角的單元格中 網格: 

1. 開鎖 設計面板 > 網格子 > 放置
2. 確定主要標題內容的位置 科單位 到 手動的
3. 拖曳 科單位 到右下單元格

讓我們對主要標題重複相同的過程 圖片:

1. 選擇主要頭銜 圖片
2. 開鎖 設計面板 > 網格子 > 放置
3. 確定放置位置 圖片 到 手動的
4. 拖曳右下角的手柄 圖片 跨越兩者 網格 列和行覆蓋整個 網格 

為了讓您的數據在 圖片，改變 科單位 背景色調： 

1. 選擇主要標題內容 科單位
2. 開鎖 設計面板 > 背景 > 顏色
3. 點擊樣本並選擇色調（例如白色）

調整行和列的大小或數量 網格: 

1. 評估主標題段 科單位 （主要元素）
2. 按 進入 或點擊調整 網格 象徵 

當前段高度設定為 汽車。讓我們將其更改為精確的大小： 

1. 點擊指出的欄 汽車 在峰旁 網格 row 顯示行大小調整選單。 

2. 將頂行指定為 1 FR（分數單位）
3. 對第二行重複此過程 

透過為每行分配 1 個 FR，它們將使用靈活的 FR 分別佔用 50% 的視口高度。 

重複上述說明來修改行高。如果將頂行保持為 1 FR 但將底行切換為“自動”，則頂行將利用所有可用空間，而底行的高度將根據其中的內容自動調整。 

點選 完畢 完成編輯 網格. 

接下來，讓我們增強內容以改善其外觀。

調整 標題邊距:

1. 選擇 標題
2. 使用權 風格面板 > 間距
3. 點擊頂部 利潤 並修改為0px
4. 點擊底部 利潤 並修改為20px

調整 段落邊距: 

1. 選擇 段落
2. 使用權 風格面板 > 間距
3. 調整預設底部 利潤 至 30 像素 

您也可以管理內容區塊內元素的間距 - 您的 標題, 段落， 和 羈扣:

1. 選擇首頁英雄內容 分區塊
2. 使用權 風格面板 > 間距
3. 調整其填充（元素內的空間）
4. 按 轉移，然後將其拖入 填充 控制將所有 4 條邊更改為 30 px

修改正文（所有頁面）標籤

修改 正文（所有頁面）標籤 準備好您的網站並節省您的時間。例如，改變 字體 與 正文（所有頁面）標籤 選定影響預設值 字體 對於整個專案的元素。 

這 身體 元素充當任何頁面的頂級元素。修訂 正文（所有頁面）標籤:

1. 啟動 航海家 並選擇 身體
2. 點選 選擇器 字段並選擇 正文（所有頁面）標籤 從下拉式選單中

是時候調整一下了 字體 為了 正文（所有頁面）標籤:

1. 點選 選擇器 字段並選擇 正文（所有頁面）標籤 從下拉式選單中 
2. 使用權 版式 > 字體 並選擇一種字體（例如“Source Sans Pro”）
3. 修改 字體大小 至 15 像素
4. 改變 字體 線 高度 輸入 1.4 和連字號 (-) 即可得到無單位測量值 1.4

使用無單位的行高是有利的，因為它可以縮放 字體的 行高與 字體 尺寸。了解有關無單位線高的更多資訊。 

之前沒有設定覆蓋的文字元素將繼承您從 正文（所有頁面）標籤. 

現在你已經配備了一個誘人的英雄部分 - 你的英雄，你！