錨點丨製作單頁網站

功能作用

• 現時的網站信息，過多的欄目與選項，裏一層和外一層幾乎讓人看得眼花繚亂。單頁網站樸實的排版，一目了然，通過錨點實現讓訪客快速直達所需信息區域。因此現時單頁網站如此受歡迎。
  
  

實現效果

• 訪客通過點擊菜單自動滑動到指定的位置。
  

一 、單頁網站的規劃及實施

• 以下圖網站為例，需先規劃每個區域的內容，並相應內容區添加對應位置的錨點模塊
  

1.1 按上述規劃，分別添加錨點到提定位置

• 詳細錨點教程：點擊跳轉
  

• 路徑：後台編輯頁面——添加模塊——錨點 （注意更改錨點名稱）
  

1.2 設置導航分別跳轉對應錨點（命名錨點重要性）

1.3 設置導航分欄模塊，整頁跟隨 

• 至此已完成通過導航實現的單頁網站，也可按下面添加錨導航更好配合使用
  

二、添加錨導航

• 詳細錨導航教程：點擊跳轉
  

2.1 路徑：後台編輯頁面——添加模塊——錨導航 

2.2 設置錨導航

• 分別添加錨導航及對應錨點
  

三、完成效果

• 完成後可通過導航及右側錨導航快速到達指定位置，實現簡潔美觀的單頁網站。