建立和自訂網頁

• • 初學者範本包括拖放編輯功能以及自訂字體、顏色和按鈕樣式的選項。 
  • 主題模板支援拖放編輯功能、獨特的主題模組和可自訂的主題樣式。
  • 自訂模板會在設計管理器中建立，可以在佈局編輯器中建立，也可以使用自訂代碼建立。拖放編輯功能只適用於具有拖放區域的自訂模板。 
• 了解您可以建立的登陸網頁和網站網頁數量，以及可以使用的範本。這取決於你的行銷中心和CMS中心 訂閱： 

建立頁面

• 瀏覽至您的內容：

  • 網站頁面： 在 HubSpot 帳戶中，進入「行銷」>「網站」>「網站頁面」。
  • 登陸頁面： 在 HubSpot 帳戶中，進入「行銷」>「登陸頁面」。
• 在右上角，按一下 建立 下拉菜單，然後選擇 網站頁面 或 登陸頁面。
• 在「」對話方塊中，指定網頁的名稱和網域：  
  • 按一下網站下拉選單，然後選擇網頁網址的網域。如果你沒有連接的網域，你的帳戶的預設網域將是唯一的選項。
  • 在「頁面名稱」欄位中，輸入頁面的內部名稱。 
  • 按一下建立頁面。 

• 在模板選擇畫面上，活躍主題的模板會出現在頁面頂部，而所有其他模板會出現在底部的「其他模板」部分。如果你尚未選擇活躍的主題，請將鼠標懸停在主題上，然後點擊「設為 活躍主題」。 
• 將鼠標懸停在模板上，然後按一下預覽模板以開啟預覽或選擇模板以繼續到內容編輯器。 

• 在內容編輯器中，可用的編輯選項取決於網頁的範本類型和所使用的模組。進一步了解如何使用新手模板或主題模板編輯網頁、跨越多個網頁的全局內容、拖放區域以及豐富的文字或圖片模組。 
• 若要自訂頁面設定，請按一下內容編輯器頂部的[設定]分頁，然後編輯設定： 

• • 若要更改網頁的內部名稱，請在「內部網頁 名稱」欄位中輸入名稱訪客將無法看到此名稱。 
  • 在「頁面標題」欄位中，輸入頁面的外部名稱。網頁載入時，該名稱會顯示在訪客網頁瀏覽器頂部的標籤中。 
  • 若要設定網頁的語言，請按一下網頁語言下拉選單，然後選擇一種語言。進一步了解管理多語言頁面的資訊。 
  • 在「網頁網址」部分，按一下內容slug欄位，以自動將網頁標題轉換為網址slug。若要自訂網址，請在內容slug欄位中輸入新的網址slug。進一步了解如何編輯網頁網址。 

• • 在「中繼描述」欄位中，輸入頁面標題下方的搜尋結果中顯示的頁面內容說明。 
  • 若要將該網頁與HubSpot中的廣告系列關聯，請按一下廣告系列下拉選單，然後選擇一個廣告系列。若要建立新的廣告活動，請選擇新增。了解更多關於如何在HubSpot中處理宣傳活動的資訊。 
  • 若要在社交媒體上分享頁面時新增要包含的特色圖片，請按一下以開啟特色圖片開關。按一下上傳以從電腦中選擇影像，或按一下瀏覽影像以從檔案工具中選擇影像。

• • 若要自訂網頁範本、可見性和標題HTML等更進階的設定，請按一下以展開「進階選項」部分。了解更多有關自訂進階選項的資訊。 
• 若要將主題或子主題關鍵字附加到網頁並查看SEO建議，請按一下[最佳化]分頁。進一步了解如何為搜尋引擎優化網頁。 
• 自訂網頁內容和設定後，按一下發佈選項標籤，然後設定發佈選項：
  • 若要立即發佈頁面，請選擇「立即發佈」選項。 
  • 若要日後發佈網頁，請選擇「日程安排」以供日後使用。在出現的欄位中，選擇要發佈網頁的日期和時間。
  • 若要將網頁設為未來自動取消發佈，請選擇特定日期的取消發佈頁面核取方塊。在顯示的欄位中，設定取消發佈網頁的日期和時間，然後使用下拉菜單選擇此網頁應重定向的網頁。
  • 在網頁上線之前，您可以按一下右上角的「預覽」來預覽它。進一步了解預覽網頁的資訊。 

• 準備好上線或安排發佈頁面時，點擊右上角的「發佈或安排」。

優化搜索引擎的頁面

在內容編輯器的「最佳化」標籤中，您可以檢視網頁的SEO建議或將其附加到主題。 

• 瀏覽至您的內容：

  • 網站頁面： 在 HubSpot 帳戶中，進入「行銷」>「網站」>「網站頁面」。
  • 登陸頁面： 在 HubSpot 帳戶中，進入「行銷」>「登陸頁面」。
• 將滑鼠停留在頁面上，然後按一下[編輯]。 
• 在內容編輯器中，按一下[最佳化]標籤。 
• 如果頁面附加到主題或子主題，它們將顯示在側邊欄編輯器中。了解如何將頁面附加到主題或子主題。  

• 若要查看不完整的SEO建議，請在側邊欄編輯器中按一下紅色圓圈的類別。每個已完成的推薦都會有一個綠色勾選標記。每個不完整的推薦都會有一個灰色的勾選標記。進一步了解SEO建議。 

自定義進階頁面選項

在「設定」標籤的「進階選項」部分，您可以自訂更多進階設定，如頁面範本、代碼片段和風格表。

請注意：使用新手模板的頁面不提供進階設定。 

• 瀏覽至您的內容：

  • 網站頁面： 在 HubSpot 帳戶中，進入「行銷」>「網站」>「網站頁面」。
  • 登陸頁面： 在 HubSpot 帳戶中，進入「行銷」>「登陸頁面」。
• 將滑鼠停留在頁面上，然後按一下[編輯]。 
• 在內容編輯器中，按一下[設定]標籤，然後按一下[進階選項]。 
• 若要變更網頁的顯示狀況，請在「控制網頁訪客權限」部分中選擇一個選項： 
  • 選擇公開，讓網頁的內容可供任何訪客使用。 
  • 選擇私人密碼，以新增訪客存取頁面內容所需的密碼。
  • 在 CMS Hub Enterprise帳戶中，您也可以選擇私人登記，要求訪客在您的網站上登記以查看此內容。 
• 若要將代碼片段新增到此網頁的頁首或頁尾HTML ，請按一下頁首HTML或頁尾HTML欄位，然後輸入代碼片段。若要將代碼片段新增至網域中的所有網頁，請存取網站設定。 

• 若要將此頁面設為動態頁面，請按一下資料來源下拉選單，然後選擇一個HubDB表格或屬性。進一步了解如何使用動態網頁。 
• 在「範本」部分，您可以編輯此頁面使用的範本，或為該頁面選擇其他範本： 
  • 若要選擇其他範本，請按一下使用其他範本。如果你要切換已發佈頁面的範本，請務必按一下[更新]以啟動所有未發佈的變更。否則，切換模板時，這些變更可能會失敗。
  • 在主題選擇畫面上，選擇主題。 
  • 在模板選擇畫面上，選擇一個模板。 
  • 預覽頁面將如何使用新模板，然後按一下使用模板完成切換模板或返回以選擇其他模板。 

• 在 「樣式表」部分，您可以管理附加到頁面的樣式表。進一步瞭解如何使用HubSpot中的樣式表。 
  • 網域風格表：在網站設定中，您可以新增將附加到單個網域的所有網頁的風格表。預設情況下，網域樣式表將套用於網頁。若要關閉特定網頁的網域風格表，請按一下下拉式選單，然後選擇[禁用]。進一步瞭解如何使用網域樣式表。
  • 模板樣式表：套用到頁面模板的任何樣式表都會顯示在這裡。預設情況下，模板樣式表將應用於頁面。若要關閉特定網頁的模板樣式表，請按一下下拉式選單，然後選擇[禁用]。此部分不會出現在使用主題範本的頁面上。 
  • 頁面樣式表：按一下附加樣式表。如果也使用域和模板樣式表，其樣式優先。 

• 若要新增自訂正規網址，請在「自訂正規網址」欄位中輸入該網址。進一步瞭解如何使用正規網址。 

預覽頁面

在發佈網頁之前，您可以在不同的裝置類型上預覽網頁，並測試智能內容和個性化設定。進一步了解如何為行動裝置自訂網頁外觀。 

• 瀏覽至您的內容：

  • 網站頁面： 在 HubSpot 帳戶中，進入「行銷」>「網站」>「網站頁面」。
  • 登陸頁面： 在 HubSpot 帳戶中，進入「行銷」>「登陸頁面」。
• 將滑鼠停留在頁面上，然後按一下[編輯]。 
• 在內容編輯器中，按一下右上角的預覽。 
• 若要瀏覽完整的頁面預覽，請按一下右上角的「在新視窗中開啟」。若要與HubSpot帳戶中的其他用戶分享此預覽頁面，請按一下預覽頁面上的複製可分享連結。用戶必須登入HubSpot才能檢視此預覽。
• 若要在其他裝置上預覽頁面，請按一下預覽頁面右上角的移動 裝置圖示。  

• 若要預覽個性化設定或智慧內容，請按一下「以下拉式檢視」選單： 
  • 選擇C ontact以預覽網頁的個性化設定。然後按一下第二個下拉選單，然後選擇一個聯絡人以預覽該聯絡人的網頁顯示方式。 
  • 選擇智慧規則以預覽網頁的智慧內容。然後按一下第二個下拉式選單，並選擇一個或多個智能規則 ，以預覽與該規則相符的訪客的網頁顯示方式。