自訂 HTML

有關我們的自訂工具以及自訂你的部落格佈景主題可用選項的完整指南,請參閱我們的「自訂你的佈景主題」文章。

編輯你的自訂 HTML

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

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

仍然無法在 blogname.tumblr.com 檢視你的部落格? 請確保在你的 部落格設定中在「公開度」下的「對於沒有帳戶的人隱藏(部落格名稱)」功能切換為關閉。在
這裡了解更多有關私隱功能。

開啟佈景主題編輯器後,你將會看到來源編碼編輯器的並排檢視畫面以及你的佈景主題預覽。

佈景主題編輯器介面的螢幕截圖。

編輯器選項

在我們的來源編碼編輯器,你也會看到幾個選項協助你編輯以及創建自訂佈景主題。你也可以透過按一下編輯器上方列的齒輪圖示檢視這些選項。

自訂 HTML 編輯器中齒輪選單的螢幕截圖

尋找及取代:
選擇這個選項以開啟一個搜尋以及取代欄位。在搜尋欄位輸入關鍵字(或是字串)讓你可以搜尋編碼。如果你想要用另一個字詞取代你搜尋的整個字詞,你可以在「取代為」欄位輸入你的新字詞。按一下「取代」只會取代下一個找到的相符項目,而按一下「所有」將會取代所有相符的項目。你也可以使用以下的鍵盤快捷鍵:Windows
上的 Ctrl+F 以及 Mac 上的 Cmd+F 開啟這個功能。

移至行…:開啟提示,讓你輸入要跳到的行數。輸入行數以及按一下「確定」後,你將會被帶到相應的行。

自動換行:選擇是否在超過編輯器寬度時自動換行到下一行。

佈景主題文檔:把你帶到 佈景主題文檔的方便連結。

佈景主題資產:你可以在這裡上傳你的佈景主題資產。你可以拖放文件或點擊「添加文件」來上載文件。上載後,該文件將在此列表中見到,你可以通過點擊文件旁邊的「插入」按鈕將上載資產的鏈接插入到你的主題中。按一下「替換」來以新版本替換所選文件。請注意,在此處上載佈景主題資產以外的任何內容都將導致你的帳戶被禁止。

提交佈景主題:如果你一直在努力建立自己的佈景主題,並希望將你的主題上載到佈景主題花園供他人使用,你可以使用以下連結前往我們的佈景主題提交頁面

如果你想要創建你自己的佈景主題,我們這裡有一份出色的 Tumblr 自訂佈景主題製作指引。此外,請參閱我們其他 開發人員資源

如果你這麼懷念舊的版本,你隨時都可以切換回去。我們會把你最近的幾個自訂 HTML 版本保存在我們的佈景主題復原頁面中。如果你沒有看到你想要的版本,這表示這之間可能有太多修訂版本了,更舊的版本已經一去不復返了。

疑難排解

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

提示:

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

了解更多

要進一步了解 HTML、CSS 和 Tumblr 佈景主題,請瀏覽 www.codecademy.comwww.developer.mozilla.org/en-US/learn
查看更多資源。

 

Copied to clipboard!