✍ Medium Format Text 使用技巧

幾項使用技巧,讓文章更具細節與美觀。

以下心得都是以我的帳號來示範,若有誤或因官方更新而不同,還請見諒~


大綱
 1. 圖片可置放於文章的最上方,成為封面
 2. 文章標題、副標題、引題
 3. 客製文章標題、副標題、描述
 4. 客製文章連結
 5. 查看文章的字數
 6. 最後的碎碎唸

圖片可置放於文章的最上方,成為封面

有時候我會將圖片使用滿版格式,置於文章的最頂部;在閱讀時,進入文章會先看見滿版的圖,接著才是文章的開始。

如同封面、內頁的閱讀感

將圖片拖曳至最上方,並使用滿版佈局。

將圖片拖曳至最上方,並使用滿版佈局

注意圖片的長寬比例

建議圖片比例設定為高度較矮,寬度較寬,避免使用高度較高的圖片,讓使用者必須多滑動幾次才能閱讀內文。

如果是特殊情形想製造不同體驗,那就不在此限囉。
左圖滾動一次即可閱讀內文|右圖可能需要滾動二三次才能閱讀內文

文章標題、副標題、引題

在編寫文章時,在內文可設定標題、副標題、引題,他們會呈現與內文些許不同的格式。

格式與順序:

  1. H2-引題
  2. H1-標題
  3. H2-副標題

除了三個完整的一組之外,較常看見「標題」與「副標題」的組合,也可以使用「引題」與「標題」的組合,甚至是只有「標題」的單一組合。

引題、標題、副標題

不管使用哪一種組合,都必須保留標題

標題、副標題
引題 kicker
又稱為標題前之副標、眉題、肩題等等。

客製文章標題、副標題、描述

發布文章之前,在設定中的 Change display title / subtitle 中,可設定文章的標題、副標、描述等等,這會是未進入文章之前會顯示的字元,好好設定可以幫助文章更容易被搜尋或被看見。

FB 轉貼連結

使用者在看見連結縮圖與描述時,可大略知道此篇文章的內容或簡介,或者藉由顯示的字元來吸引使用者點擊觀看。FB 轉貼的連結,可見到縮圖、網站來源、標題、副標題等元素。

要注意的是,副標題與描述這類文字偏多的訊息,要考慮不同媒介顯示的字元有限,盡量描述重點,避免拖太長,未顯示到重點。

網頁搜尋

當然也別忘了搜尋引擎,在 Google 搜尋時,可見到網站來源、標題、描述等元素。

FB 貼文分享顯示的不太一樣,這裡可見到它顯示的是描述,而不是副標題。
Google 搜尋

在 Medium 內嵌文章連結

在 Medium 內嵌文章連結,則會顯示縮圖、網站來源、標題、副標題等元素,與 FB 貼文分享顯示的內容很相近,只有排版上的差異。

Medium 內嵌

Change display title / subtitle

客製的部分不會覆蓋文章內文實際的標題、副標、描述,這是未進入文章之前會顯示的字元,好好設定可以幫助文章更容易被搜尋或被看見。

有時我們在文章中可能會多次編輯文字與內容。
在發布之前,可多確認實際文章內文或客製文章標題等,是否為正確的。
Design by Jhane Chou

客製文章連結

一定要在發布前設定好文章連結,發布文章之後就無法修改。

預設會以文字轉換成連結,若我們使用中文字撰寫文章標題,那連結就會非常地長!

中文字轉換為網址

當你的標題文字越多,網址就會越長。

當你的標題文字越多,網址就會越長

英文字轉換為網址

看看英文的轉換方式~

看看英文的轉換方式

客製文章連結 Customize story link

在設定中的 Customize story link 中,可設定文章的連結,你可以自行使用較短的字元來成為你的連結。

一定要在發布前設定好文章連結,發布文章之後就無法修改
Design by Jhane Chou

查看文章的字數

在文章編輯模式中使用快捷鍵 Ctrl + A 或 ⌘ + A,就會在文章的最左上方看見字數。

僅適合英文字,中文字的計算無法適用~

可以搭配文章收益,計算自己的稿費(誤

最後的碎碎唸

有機會可以閱讀不同的文章,會得到許多格式應用上的想法!

文章同步發佈平台&支持,可前往不同平台進行拍手支持,或透過下方的 Like 讚賞(註冊 Liker 完全免費)讓創作者獲得額外收入!

.Medium
.Matters / None

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

Freelancer
使用圖表分散焦慮感的負面循環
Freelancer
我如何成為自由接案工作者?(五)
Product
LINE 原創主題|未歸檔 ── 貓舞
Aesthetics
聽音樂繪畫練習
Freelancer
設計師自學路徑
Aesthetics
設計基礎:配色方式
Product
LINE 原創主題|紫丁香 ── 貓舞
Writing
提升文章質量與收益的寫文內容

Share