如需有關我們的自訂工具的完整說明手冊,以及可供自訂你的部落格的佈景主題的選項,請參閱我們的〈自訂你的佈景主題〉一文。
編輯你的自訂 HTML
如要編輯部落格佈景主題的 HTML:
- 在左側按一下「設定」。
- 在頁面右邊選擇你想要更新的部落格,然後在「自訂佈景主題」下切換「啟用自訂佈景主題」,然後按一下「編輯佈景主題」。
- 按一下編輯 HTML 按鈕,然後在原始碼編輯工具中根據需要編輯自訂 HTML。要查看反應在頁面中的變更,請按一下「更新預覽」。
- 當你完成後,按一下返回箭頭然後再按一下「儲存」。
還是無法在「部落格名稱.tumblr.com」檢視你的部落格嗎?請確認在你的部落格設定中,「公開範圍」下面的「針對沒有帳號的人隱藏
[部落格名稱]」已被切換為「關閉」。如要深入了解我們的隱私功能,請參閱這篇。
開啟佈景主題編輯工具之後,你將會看到一個並排呈現的檢視畫面,一個顯示來源程式碼編輯工具,一個顯示你的佈景主題的預覽。
編輯工具選項
在我們的來源程式碼編輯工具中,你也會看到幾個選項來協助你編輯及建立自訂佈景主題,你也可透過按一下編輯工具頂端列的齒輪來檢視這些選項。
尋找及取代:選取此選項會開啟一個搜尋和一個取代欄位。在搜尋欄位中輸入一個關鍵字(或字串)即可搜尋程式碼,如果你想要用另一個字詞來取代你所搜尋的整個字詞,你可以在「取代為」欄位中寫下你的新字詞。按一下「取代」將只會取代所找的下一個符合項目,而按一下「全部」則將會取代所有符合項目。你也可以使用以下的鍵盤快捷鍵來開啟這項功能:在
Windows 上「Ctrl+F」,在 Mac 上「Cmd+F」。
移至行…:開啟一個提示來讓你輸入一個要跳到的行數。只要輸入一個一個數字然後按一下「確定」,你就會被帶到你要的那一行。
自動換行:選擇是否要讓字行在超出編輯工具的寬度時自動換到下一行。
佈景主題說明文件:這個便利的連結會把你帶到我們的佈景主題說明文件。
佈景主題資產:在這裡你可以上傳你的佈景主題資產。你可以拖放檔案或是按一下「新增檔案」來上傳你的檔案,一旦上傳好之後,檔案就會出現在清單中,你可以透過按一下檔案旁邊的「插入」按鈕來在佈景主題中插入你已上傳資產的連結,按一下「取代」可讓你將所選取的檔案取代為新的版本。請注意,在這裡上傳除了佈景主題資產以外的任何內容將會導致你的帳號被停權。
投稿佈景主題:如果你有在創作你自己的佈景主題,而且你想要把你的佈景主題上傳到佈景主題花園來讓其他人使用,你可以使用這個連結來連到我們的佈景主題投稿頁面。
如果你想要創作你自己的佈景主題,我們這裡也有一份優質 Tumblr 自訂佈景主題製作指南,另外也可以看一下我們其他的開發人員資源。
你可以把你的佈景主題的自訂 HTML 回復為先前的版本(假設在你很懷念舊版本的情況下)。我們會把你最近的幾個自訂 HTML 版本保存在我們的佈景主題復原頁面中。如果你沒有看到你想要的版本,這表示這之間可能有太多修訂版本,更舊的版本已經一去不復返了。
疑難排解
如果你的部落格看起來有點怪怪的或是完全空白,這有可能是因為你在佈景主題中插入了不正確的程式碼,請試試下列的方法:
- 在你的自訂選單上方,從敘述方塊中移除所有程式碼。按一下「儲存」,檢視你的部落格來看看問題是否已經解決了。
- 檢查語法錯誤。看看有沒有任何未封閉的 HTML 標籤、佈景主題變數、缺少括號、分號或是拼字錯誤?
- 無法儲存你的頁面嗎?記得要把所有的 HTTP 連結改成 HTTPS 然再試著儲存,你可以使用上面所提到的尋找及取代功能(在 Windows 上是
Ctrl+F,而在 Mac 上則是 Cmd+F)來更快執行這項操作。 - 將你的自訂 HTML 儲存一份副本,然後從 www.tumblr.com/themes 重新安裝佈景主題。
提示:
- 變更後請清除快取,確保顯示的不是你的部落格目前的版本,清除快取最簡單的方法是按下 Cmd+Shift+R(Mac 系統)或
Ctrl+Shift+R(Windows 系統),如此將會完全重新整理頁面。 - 如果你在你的部落格中沒有看到自訂按鈕,你還是可以透過其他幾個方法來存取自訂選單。
- 我們無法協助你找出損壞程式碼的詳細細節,但無論你的問題是什麼,其他人可能也有過相同的問題,你可以上網搜尋相關資料、詢問有經驗的朋友,或是在 Tumblr
上尋找由佈景主題製作社群所提供的資源。 - 絕對不要使用任何你不了解且不信任的程式碼,更明智的作法是,絕對不要使用你並不完全了解的程式碼。不良的程式碼會摧毀整個部落格,更糟的是,如果我們的系統偵測到任何非常不安全的問題的話,系統會強迫你重設密碼。
我們的員工不能幫你解決 HTML/CSS 自訂的問題,但如果你需要協助的話,你可以問問朋友或是磨練一下自己的技能。如果這些方法都沒有效的話,你還是可以從
www.tumblr.com/themes
中數以萬計的佈景主題中選一個來用。
深入了解
如要深入了解 HTML、CSS 和 Tumblr 佈景主題,請參閱 www.codecademy.com 和 www.developer.mozilla.org/en-US/learn
中的資源。