開發人員模式使您可以訪問編輯和更改網站的 HTML 和 CSS。 添加自定義代碼允許進行拖放編輯器無法實現的高級自定義,但這只能由對 Web 開發代碼有深刻理解的高級用戶執行。
要訪問開發人員模式:
- 點
擊 導航欄中的 開發人員模式 按鈕。或者,在 上按一下滑鼠右鍵,然後選取 [編輯 HTML/CSS],然後按一下左下角的 [開發人員模式]。
- 然後繼續進行編輯。 使用「 儲存 」和「 預覽 」按鈕來查看您的作品。
- 按一下「 取得圖片 URL 」以取得現有圖片的 URL,或以開發人員模式上傳新圖片,以便您可以直接將其輸入 HTML 中。
注意
- 確保您留在列中。 我們的回應式網站是以列欄結構為基礎。 這意味著每一行都包含最終保存內容的列。 新增或編輯您自己的 HTML 時,請確定它位於欄中。
- 將課程留在適當的位置。 編輯器依賴於添加到元素的許多類。 如果您看到現有的類(通常以 dm 開頭),請將其保留在原位。 如果您刪除類,網站可能看起來不一樣,當你去預覽它。
- 請注意班級大小。 列具有作為類添加的大小值,例如大 6 或小 12。 這決定了該行內的列的大小。 您需要將它們保留在適當位置,因為它們是在不同設備上調整行大小的核心。
- 盡可能避免編輯擴展名。 在 HTML 中,您將在頁面上看到元素的佔位符。 如果可以的話,請避免編輯這些內容,尤其是其中保留的資料值。 編輯這些可能會破壞小部件,一旦你回到網站生成器。
- 當您進入開發人員模式時,系統會自動備份您的網站。 只有在了解它的作用時才輸入代碼,並經常備份。 我們無法疑難排解自訂程式碼
錯誤
- 重複的 ID。 每個元素都必須有一個唯一的 ID
- 無效元素 _ 位置。 所有元素必須在一列中,該列必須在一行中
- 不良比例。 列中的欄必須加起來最多 12
- 無效類別對於 _ 元素。建 站神器 類別已新增至無效元素