當你在 Tumblr 上建立貼文時,我們的編輯器(有時稱為 NPF,Neue Post Format
的縮寫)的最新迭代使你能夠將多種類型的內容新增到單個貼文中。從 Tumblr iOS 或 Android app 製作的每篇貼文都使用這種格式。
導覽
在 App 上
當你打開貼文編輯器時,你會看到在螢幕的底部出現一列的圖示。
從左到右:
- Aa:你的文字格式設定選項,適用於文字區塊。
- 鎖鏈圖示:點按來新增連結區塊。
- GIF:允許你使用你裝置上的影片來製作一個 GIF 或使用 Tumblr GIF 搜尋。插入一個影像區塊。
- 相片集圖示:開啟你裝置的圖像庫。你可以插入一個圖像區塊或一個影片區塊。
- 耳機:在 Soundcloud 或 Spotify 搜尋歌曲並透過音訊區塊插入到你的貼文中。
- 投票活動:點按這個以添加一個 投票活動。
- 了解更多:點按這個以「繼續閱讀」連結分割你的貼文。
- 兩個人:點按這個以添加一個 社群標示。
請注意:當你標示一些文字時,你只會看到 Aa 圖示以及文字格式選項。取消選取文字來展示區塊類型圖示。
每個圖示相對於不同類型的內容區塊,可供你新增到貼文。以下我們會逐一介紹每一類型的區塊。
文字選項
在貼文輸入文字,然後標示文字來進一步顯示你的文字格式選項。
在這裡你會發現以下選項:
- 顏色會出現在第一排。點按一種顏色套用到選取的文字上。
- 長按 Aa 圖示來變更文字子類型:
- Regular:預設文字尺寸。
- Bigger:中等文字尺寸。
- Biggest:大字體尺寸。這選項可用作製作貼文標題。
- Quote:相當於引文貼文類型。
- Chat:相當於對話貼文類型。
- Lucille:草寫字體。
- Indented:引述段落。
- Bulleted list:使用項目符號的無序號列表。
- Numbered list:有序號的列表。
- 你可以點按 Aa 圖示來循環切換這些子類型。
- 在 Aa 圖示的右方,你會發現有更多的選項。從左到右:
- 粗體(B)
- 斜體(i)
- 刪除線(S)
- 縮小(<s>)
- 超連結
- 點按一下這個圖示,然後貼上你的網址來新增連結到你的文字。
你可以參閱此幫助文章以了解有關文字格式選項的更多資訊。
新增連結
點按一下鎖鏈圖示來插入連結區塊。提示:如果你已經有你的網址複製到剪貼簿,Tumblr 會詢問你是否使用該連結。
插入一個 GIF
點按一下 GIF 圖示來展開 GIF 搜尋。點按放大鏡以搜尋 GIF,或點按「製作 GIF」來創作你獨有的。
你可以參閱這篇文章了解有關製作 GIF 的更多資訊。
加入相片或影片
點按相片圖示來開啟你裝置的影像庫。
在新增影像到你的貼文後,點按右下角的三點來新增替代文字。替代文字應為影像的簡短描述,就像你透過電話向某人描述它一樣,方便使用螢幕閱讀器的用戶訪問。
點按調色板圖示來編輯影像,你可加入濾鏡、貼紙以及文字。
你也可以貼上來自 YouTube、Vimeo 或 Dailymotion 的連結,將影片內嵌至任何貼文中。
你可參閱 這篇幫助文章了解關於如何拍照以及編輯照片的更多資訊。有關張貼影片的文章 在這裡。
音訊
點按耳機圖示以在 Spotify 或 Soundcloud 中搜尋歌曲。
你可以參閱這篇文章了解有關張貼音訊的更多資訊。
重新安排內容區塊
你可以按住並拖動區塊到你貼文中的其他位置。
你也可以刪除整個區塊,只需要把它拖動到垃圾桶圖示。
在網頁版上
在瀏覽器上,貼文編輯器跟流動裝置版本所使用的內容區塊類型相同,但根據你所按的貼文類型圖示,其外觀會略有不同。我們會在下面逐一說明每個選項。
HTML 或 markdown
貼文編輯器在預設的情況下會使用 RTF 編輯,如果你想的話,可以切換到 HTML 或是 Markdown
模式。在開啟的貼文表格中,按一下右上角的齒輪圖示,在選單的最下方,你將會看到你的文字編輯器選項。
文字貼文
按一下 Aa 或文字貼文選項,你會發現熟悉的貼文編輯器:
貼文右方的圖示如下,從左到右:
- 相機:上傳影像。
- 影片:上傳影片。
- GIF:開啟 GIF 搜尋器。
- 音訊:在 Spotify 或 Soundcloud 搜尋歌曲或貼上 Spotify、Soundcloud 或 Bandcamp
的網址。我們正在努力的為音訊檔案上傳提供更多支援。 - 連結:插入連結方塊。
- 三點:插入閱讀更多連結。
輸入一些文字,然後標示以進一步顯示文字格式選項:
從左至右,選項為:
- 文字子類型選項。按一下以展開下拉選單:
- Regular:預設文字尺寸。
- Bigger:中等文字尺寸。
- Biggest:大字體尺寸。這選項可用作製作貼文標題。
- Quote:相當於引文貼文類型。
- Chat:相當於對話貼文類型。
- Lucille:草寫字體。
- Indented:引述段落。
- Bulleted list:使用項目符號的無序號列表。
- Numbered list:有序號的列表。
- 刪除線(S)
- 縮小(<s>)
- 粗體(B)
- 斜體(i)
- 超連結
- 字型顏色
你可以參閱 這裡了解更多有關文字格式選項的資訊。
相片貼文
按一下相片貼文圖示來開啟這個編輯器:
你可以從你的裝置上傳影像或貼上網址來新增影像。
當在影像下方添加說明文字時,你會看到在文字貼文部分所包含的所有選項。你可以新增任何內容區塊類型到說明文字中。
你可以參閱這篇文章了解有關新增相片到你的貼文的更多資訊。
引文貼文
按一下引文貼文圖示會開啟一篇文字子類型已設置到引文的文字貼文。
連結貼文
按一下連結貼文圖示來開啟一篇已插入連結區塊的新貼文。接著你可以在你的貼文貼上或輸入你想使用的網址。
對話貼文
按一下對話貼文圖示會開啟一篇文字子類型已設置到對話的文字貼文。
輸入一些文字,然後輸入一個冒號,文字將會自動格式化為粗體。例如:
kat: frank,很好看的貼文啊。
frank:謝謝你啊。
音訊貼文
按一下音訊貼文圖示來開啟包含預先插入音訊區塊的貼文表格。你可以在 Spotify 或 Soundcloud 上搜尋歌曲或者貼上
Spotify、Soundcloud 或 Bandcamp 的音訊網址。
你可以參閱我們的官方幫助中心文章了解有關音訊選項的更多資訊。
影片貼文
按一下影片貼文圖示來開啟以下兩個選項的貼文表格:
按下左邊的選項,從你的裝置上傳影片檔案。按下右邊選項來使用影片網址。
按一下小問號以查看在到達上限之前,今天還可以上載多少分鐘的影片。
你可以參閱 這篇幫助文章了解更多有關張貼影片。
限制
新編輯器對不同的內容類型有一些限制需要注意:
-
單一文字區塊可包含最多 4,096
字元。如果你貼上或輸入的單一段落超過上限,它將會拆分為兩個(或以上)的文字區塊。- 一旦貼文建立後,每個單一段落將會轉換為文字區塊。
- 提及的數量上限為 50。這是為防止垃圾內容及濫用。
- 內嵌連結的數量上限為 100。單一貼文中的連結區塊數量上限為 10。
- 單一貼文中的影像/GIF 區塊數量上限為 30。
- 單一貼文中的影片區塊數量上限為 10。但目前每篇貼文只能上傳一部影片。
- 單一貼文中的音訊區塊數量上限為 10。
- 整篇貼文的大小上限為 1 MB。
如有兩個限制重疊的情況下,將會採用較為嚴謹的限制。
單一貼文的數量限制為 1000 個內容區塊。
你知道嗎?你可以在一篇 Tumblr 貼文中容納大約三分之一的白鯨記。
那有關貼文類型呢?
在預設的情況下,所有經新貼文編輯器製作的新原始貼文會被視為文字類型貼文。對 NPF 貼文編輯器而言,所謂一個單一的「貼文類型」已不再具有意義,原因是
NPF 貼文可以有多種內容區塊類型,而不再強調單一內容類型。
話雖如此,NPF 貼文會根據你新增到貼文上的內容區塊來對應到舊有的貼文類型。你可以參閱這裡了解更多有關背後的邏輯。
Tumblr 佈景主題
由新貼文編輯器建立的貼文的顯示可能與舊有貼文不同。 為了減少這對部落格主題的影響,我們添加了部落格主題的簡單 CSS 修補,以改善貼文在你部落格上的顯示方式。 所有用戶都被預設為開啟。
如果你正在使用我們的高級 佈景主題花園 ,請檢視你的佈景主題頁面以找到支援聯絡人並聯絡佈景主題開發人員。
我們建議瀏覽我們精心策劃的特色佈景主題列表,其中所有標有紅色星星的佈景主題,都是與新編輯器相容:
https://www.tumblr.com/themes/collection/featured
儘管我們建議使用佈景主題花園的主題,以確保你使用的佈景主題是安全的,但也有可靠的第三方佈景主題來源。看看在 Tumblr
上這些創作者,例如: @codingcabin , @glenthemes ,和
@rachaelthemes
都是很好的資源。如果你不確定從哪裡開始,我們推薦一個現代、最新的佈景主題,比如Vision 或 Stereo。佈景主題開發員@eggdesign
也創建
與新貼文相容的佈景主題模板,讓你更容易建立自己的內容!
如果你正在使用免費佈景主題或建立了自己的佈景主題,你可以在我們的文檔中了解有關建立或編輯 Tumblr 主題的更多資訊:
https://www.tumblr.com/docs/hk/custom_themes
你還可以透過檢視以下免費資源了解有關 HTML 和 CSS 的更多資訊:
https://developer.mozilla.org/zh-TW/docs/Learn
https://www.w3schools.com/
說明文件
要了解更多有關如何開始創作 Neue 貼文格式,請參閱我們 工程團隊的部落格貼文。NPF 的完整規格亦可在 Github上找到。