Hostinger 網站產生器：如何編輯網站的行動版本

Hostinger Website Builder 允許單獨編輯行動和桌面版本，以確保網站看起來最好。

默認情況下，行動網站的版本會依照元素新增到桌面版本的順序顯示元素。即使稍後在桌面上重新排序元素，這些變更也不會自動套用於行動版本。

可以在移動視圖上手動對元素進行排序。這樣，就可以在桌面和行動視圖上以不同的方式佈局元素。

註：如果刪除桌面視圖上的元素或部分，它也會自動從行動視圖中刪除，反之亦然

訪問移動編輯器

透過點擊上方工具列中的移動或桌面圖示在視圖之間切換：

自動修復佈局

對桌面版本進行更改後，選項 Auto-fix layout 將出現在行動版的相應部分：

點擊按鈕之後，行動佈局將遵循基於桌面佈局的特定定位規則。

如果在行動版本上進行手動編輯，行動自動定位就會自動關閉。

排序元素

若要重新定位元素，請進入移動視圖並拖曳元素：

調整元素大小

要調整元素大小，進入移動視圖並使用元素邊框上的調整大小手柄：

調整文字大小

兩種方式調整文字大小：

• 全域– 影響行動視圖上整個網站上特定樣式的所有文字（例如，標題1 中編寫的所有文字）
• 本地– 影響移動視圖上的特定文字元素

要在行動裝置上全域調整文字大小，請進入移動視圖並在全域文字樣式設定中更改特定文字樣式的字體大小：

要在行動裝置上本地調整文字大小，請進入移動視圖，點擊特定文字元素，然後變更其字體大小：

可以在桌面和行動裝置設定：

• 字體大小，例如20 PX（桌面）和18 PX（移動）
• 文本對齊，例如左對齊（桌面）和居中（行動裝置）
• 行高，例如2（桌面）和1.5（移動）

這意味著，在更改任何其他參數（字體系列、粗體、斜體、底線等）之後，將同時反映在桌面和行動裝置上。如果變更整個文字樣式，也會發生相同的情況，例如，如果為行動裝置設定標題2，而在桌面上為標題1，則桌面檢視中的文字元素也會變更為標題2。

可以複製一個元素或部分，並使一個版本在桌面上可見，而另一個版本在行動裝置上可見。這樣，在分別在桌面和行動裝置上設定內容樣式時可以獲得更多自由，因為通常某些設定（例如文字樣式）同時適用於桌面和行動裝置。

更改選單位置

若要變更漢堡選單的位置，請進入移動視圖，點選 Header 部分，然後打開其 settings ：

在 Layout 選項卡中，更改選單位置：

如果看不到標題部分，則可能所有網站頁面都從導覽功能表中隱藏了。

更改徽標位置

若要變更徽標位置，請進入移動視圖，點選 Header 部分，然後選擇 Change logo：

在Logo 選項卡中，更改徽標位置：

如果看不到標題部分，則可能所有網站頁面都從導覽功能表中隱藏了。

了解更多：Hostinger 百科問答