針對移動設備優化網站

調整網站佈局和內容

如果您遵循以下建議,網站在移動設備上看起來效果會更好:

  • 在頁面的頂部放置導航功能表和搜尋模組。
  • 在頁面的頂部不要使用大橫幅。
  • 將主要內容放置於靠近頁面頂部的位置。
  • 不要使用側邊欄。
  • 確保內容有一個清晰的結構和獨特的標題。
  • 不要在文本中插入寬的圖片和表格。
  • 不要在背景中使用圖像。
  • 不要使用固定(明確定義的)寬度的容器。
  • 不要使用裝飾,如邊框、陰影和角。
  • 儘量只使用 文本與圖像 模組。
  • 避免使用第二級和第三級頁面。
  • 嘗試保持盡可能小的圖片,無論是從以圖元為單位的圖像尺寸還是從檔大小。 
打開和關閉移動優化

當使用者通過移動設備存取網站,Presence Builder 會自動調整網站佈局和導航,以適應小螢幕。它還會增加連結到網站,從而使用戶能夠在移動和常規網站版本之間進行切換。

如果您想要關閉這些自動優化,且無論使用什麼設備查看都顯示相同的網站版本,請轉到 設定 標籤 > 高級,並清除 啟用移動端優化 核取方塊。

在移動設備上預覽網站

如果您想查看您的網站在移動設備上的顯示效果,打開 發佈 按鈕旁邊的功能表,並選擇 移動預覽

請注意,雖然移動預覽會顯示受密碼保護的頁面,而沒有提示指定用戶名和密碼,但存取者在實際的移動網站上將需要指定憑據才能存取受保護的頁面。

 

Leave your feedback on this topic here

If you have questions or need support, please visit the Plesk forum or contact your hosting provider.
The comments below are for feedback on the documentation only. No timely answers or help will be provided.