使用初學者範本建立頁面

您可以使用入門範本來建立簡單的網站或登陸頁面。 您可以建立新頁面、自訂頁面設計，以及使用初學者範本發佈頁面。 進一步了解如何在HubSpot中建立各種頁面。 

請注意： 入門範本 不支援智慧內容、自訂模組、個人化、存取富文本模組中的源代碼、受密碼保護的頁面，或進階選項，如範本交換和訪問標頭HTML。

使用初學者範本建立頁面

若要使用入門範本建立新的登陸頁面，請按照以下步驟操作：

• 瀏覽至您的內容：

  • 網站頁面： 在 HubSpot 帳戶中，進入「行銷」>「網站」>「網站頁面」。
  • 登陸頁面： 在 HubSpot 帳戶中，進入「行銷」>「登陸頁面」。

• 在右上角，按一下建立下拉式選單，然後選擇網站頁面或著陸頁面。 

• 在範本選擇畫面上， 活躍主題的範本 將出現在頁面頂部，而所有其他範本將出現在底部的 其他範 本部分。 按一下 範本。如果您尚未選擇有效的主題，系統會提示您選擇一個，或按一下「 跳至範本」 以選擇現有的範本。
• 若要使用所選範本建立頁面，請按一下右上角 的「 選擇此範本」。 若要在行動裝置或桌面上預覽頁面，請按一下「預覽」。 

編輯頁面內容

入門模板包含稱為模組的網站內容區塊。 您可以將這些模組排列成水平行或垂直列。

您可以將行和列分組到元素的部分。 通過將元素組合在一起，您可以將背景樣式套用到頁面的整個區域。 您也可以拖放這些元素以重新排列頁面佈局。 進一步了解如何在拖放區域中編輯頁面內容。

若要自訂頁面在行動裝置上的外觀，請  按一下 側邊欄編輯器中的行動版編輯行動版圖示。

自訂字體、顏色和按鈕

若要自訂初學者範本的預設樣式，請按一下側邊欄編輯器中的「主題」標籤。 您也可以自訂頁面特定行、列或區段的背景色彩或影像。

排版

• 正文文字：自訂頁面主體的字體、字體大小和字體顏色。
  • 按一下正文文字下拉菜單，然後選擇字體。

• • 按一下箭頭鍵以調整字型大小。
  • 按一下顏色選取器，然後選擇字體的顏色。 若要設定自訂顏色，請按一下「進階」標籤，然後輸入十六進制值。 
• 標題：使用標題標籤自訂模組中文字的字體和顏色。
  • 按一下「標題」下拉式選單，然後選擇字體。
  • 按一下顏色選取器並選擇字體顏色。 若要設定自訂顏色，請按一下「進階」標籤，然後輸入十六進制值。 
• 連結文字：自訂應用於頁面連結的字型和顏色。
  • 按一下「連結文字」下拉式選單，然後選擇字體。
  • 按一下顏色選取器並選擇連結顏色。 若要設定自訂顏色，請按一下「進階」標籤，然後輸入十六進制值。 
  • 按一下下拉式 選單，然後選擇要套用到連結文字的樣式。

• • 自定義鏈接的顏色和透明度，當它們懸停在，被點擊，並已被訪問： 
    
    • 連結懸停顏色：按一下顏色選取器，然後選擇當訪客將懸停在連結上時的連結顏色。 若要變更顏色的透明度，請在文字欄位中輸入百分比值。 

• • • 啟用連結顏色：按一下顏色選取器，然後選擇連結被按一下時的連結顏色。 若要變更顏色的透明度，請在文字欄位中輸入百分比值。 

• • • 瀏覽過的連結顏色：按一下顏色選取器，然後選擇一個連結顏色，以供瀏覽者點擊連結時使用。 若要變更顏色的透明度，請在文字欄位中輸入百分比值。 

表格和按鈕

• 按鈕背景顏色：自訂應用於按鈕背景的顏色。
  • 輸入十六進制值或按一下顏色選取器並選擇顏色。 
  • 若要設定按鈕背景色的透明度，請在欄位中輸入百分比值 。 
• 按鈕文字顏色：自訂頁面按鈕文字的顏色。
  • 輸入十六進制值，或按一下顏色選取器以選擇文字的顏色。
  • 若要設定按鈕背景色的透明度，請在欄位中輸入百分比值 。 
• 按鈕角半徑：自訂頁面上按鈕的圓形或正方形顯示方式。
  • 在欄位中輸入值，或按一下滑桿並拖曳至新位置。 
  • 較高的值意味著頁面上的按鈕將具有圓形邊緣，而零值意味著您的按鈕將是矩形的。

請注意： HubSpot建議根據設計標籤中的設置保持一致的顏色，字體和樣式。 您可以在左側面板的「選項」標籤中覆蓋單個模組的預設樣式。

預覽並發佈你的頁面

在網頁上線前，請按一下右上角的「預覽」，以測試網頁在電腦和行動裝置上的顯示方式。 當你對頁面的預覽感到滿意後，點擊右上角 的「 發佈」。