自訂 HTML

如需有關我們的自訂工具的完整說明手冊,以及可供自訂你的部落格的佈景主題的選項,請參閱我們的〈自訂你的佈景主題〉一文。

編輯你的自訂 HTML

如要編輯部落格佈景主題的 HTML:

  1. 在左側按一下「設定」。
  2. 在頁面右邊選擇你想要更新的部落格,然後在「自訂佈景主題」下切換「啟用自訂佈景主題」,然後按一下「編輯佈景主題」。
  3. 按一下編輯 HTML 按鈕,然後在原始碼編輯工具中根據需要編輯自訂 HTML。要查看反應在頁面中的變更,請按一下「更新預覽」。
  4. 當你完成後,按一下返回箭頭然後再按一下「儲存」。

還是無法在「部落格名稱.tumblr.com」檢視你的部落格嗎?請確認在你的部落格設定中,「公開範圍」下面的「針對沒有帳號的人隱藏
[部落格名稱]」已被切換為「關閉」。如要深入了解我們的隱私功能,請參閱這篇

開啟佈景主題編輯工具之後,你將會看到一個並排呈現的檢視畫面,一個顯示來源程式碼編輯工具,一個顯示你的佈景主題的預覽。

佈景主題編輯工具介面的螢幕擷取畫面。

編輯工具選項

在我們的來源程式碼編輯工具中,你也會看到幾個選項來協助你編輯及建立自訂佈景主題,你也可透過按一下編輯工具頂端列的齒輪來檢視這些選項。

在自訂 HTML 編輯工具中的齒輪選單的螢幕擷取畫面

尋找及取代選取此選項會開啟一個搜尋和一個取代欄位。在搜尋欄位中輸入一個關鍵字(或字串)即可搜尋程式碼,如果你想要用另一個字詞來取代你所搜尋的整個字詞,你可以在「取代為」欄位中寫下你的新字詞。按一下「取代」將只會取代所找的下一個符合項目,而按一下「全部」則將會取代所有符合項目。你也可以使用以下的鍵盤快捷鍵來開啟這項功能:在
Windows 上「Ctrl+F」,在 Mac 上「Cmd+F」。

移至行…:開啟一個提示來讓你輸入一個要跳到的行數。只要輸入一個一個數字然後按一下「確定」,你就會被帶到你要的那一行。

自動換行:選擇是否要讓字行在超出編輯工具的寬度時自動換到下一行。

佈景主題說明文件:這個便利的連結會把你帶到我們的佈景主題說明文件

佈景主題資產:在這裡你可以上傳你的佈景主題資產。你可以拖放檔案或是按一下「新增檔案」來上傳你的檔案,一旦上傳好之後,檔案就會出現在清單中,你可以透過按一下檔案旁邊的「插入」按鈕來在佈景主題中插入你已上傳資產的連結,按一下「取代」可讓你將所選取的檔案取代為新的版本。請注意,在這裡上傳除了佈景主題資產以外的任何內容將會導致你的帳號被停權。

投稿佈景主題:如果你有在創作你自己的佈景主題,而且你想要把你的佈景主題上傳到佈景主題花園來讓其他人使用,你可以使用這個連結來連到我們的佈景主題投稿頁面

如果你想要創作你自己的佈景主題,我們這裡也有一份優質 Tumblr 自訂佈景主題製作指南,另外也可以看一下我們其他的開發人員資源

你可以把你的佈景主題的自訂 HTML 回復為先前的版本(假設在你很懷念舊版本的情況下)。我們會把你最近的幾個自訂 HTML 版本保存在我們的佈景主題復原頁面中。如果你沒有看到你想要的版本,這表示這之間可能有太多修訂版本,更舊的版本已經一去不復返了。

疑難排解

如果你的部落格看起來有點怪怪的或是完全空白,這有可能是因為你在佈景主題中插入了不正確的程式碼,請試試下列的方法:

提示:

我們的員工不能幫你解決 HTML/CSS 自訂的問題,但如果你需要協助的話,你可以問問朋友或是磨練一下自己的技能。如果這些方法都沒有效的話,你還是可以從
www.tumblr.com/themes
中數以萬計的佈景主題中選一個來用。

深入了解

如要深入了解 HTML、CSS 和 Tumblr 佈景主題,請參閱 www.codecademy.comwww.developer.mozilla.org/en-US/learn
中的資源。

 

Copied to clipboard!