nhu nguyen IL1qSqEMNBo unsplash

你知道 WordPress 可以用快速鍵寫文章嗎?利用 Markdown 語法提高 100% 寫文速度

最後更新時間:2020 年 8 月 11 日

你是否好奇,為什麼有些人在 WordPress 上寫文章總是可以那麼快?為什麼有些人可以很容易就寫出一堆很長、並且又很有架構的文章,但你自己卻不行呢?

這是因為,許多經驗豐富的文字工作者,大多數都會使用一個叫做 Markdown 的語法,它可以透過一些很簡單的文字符號,大大地提升寫文章的速度。

而很多人不知道的是,其實 WordPress 也有支援 Markdown 語法,只是它算是一個隱藏功能!

因此,這篇文章主要是用來幫助完全不懂程式碼的 WordPress 站長,如何透過使用文字工作者作筆記用的標記語言 Markdown,來幫助自己提高寫文章的速度。

什麼是 Markdown 語法?

首先,Markdown 語法不是程式語言,它跟 HTML 一樣是一種標記語言,它可以讓你透過一些簡單的符號,例如#, *, [], >, - 直接產生我們常見的文字效果。

因此,透過這樣,我們就可以在 WordPress 中快速的產生文字編輯器的區塊,並起到類似快速鍵寫文章的效果。

舉例來說,由於 WordPress 有支援 Markdown 語言,所以如果我想要有一個 h2 位階的大標題時,我只要直接在 WordPress 中輸入:

  • ## 我是一個 h2 大標題,接著網站上就會顯示:
我是一個 h2 大標題

除此之外,如果我想要一個比剛剛小一點的 h3 位階標題,那我可以輸入

  • ### 我是一個 h3 中標題,接著網站上就會顯示:
我是一個 h3 中標題

而這就是 Markdown 最基本的用法,看到這邊,建議你先用一下自己的 WordPress 內建編輯器試試看,你就會發現我說的是真的,非常神奇的一個功能。

用 Markdown 寫文章有什麼好處?

從前面的例子,我想你應該看出 Markdown 的一些端倪了吧?那就是,今天無論你想要多大的標題,都可以直接透過 Markdown 輸入幾個 # 來決定,而這就是 Markdown 方便的地方。

而之所以為什麼要使用 Markdown 寫文章,就是因為用 Markdown 寫文章最大的優點就是「速度」,它可以幫助你快速選取到你要的標題區塊。

以下我用了 2 種比較多人常用的寫文章方式,直接拿來跟 Markdown 做比較,你們就可以知道 Markdown 的速度有多快了。

使用 Word 寫文章

比如說剛剛上面提到的例子,如果今天你是用 Word 在寫文章,你要做出一樣的事情,你知道你要多做多少件事情嗎?

2020 07 02 21 49 34
  1. 反白撰寫完的文字。
  2. 選擇文字的大小。
  3. 選擇粗體。

光是要反白就要耗去不少時間,然後還要選數值大小,如果你每次選的數值大小都不一樣,也會讓你的文章標題大小不一,非常難看,因此是一個很沒效率的方法。

用 WordPress 內建編輯器

而就算你是利用 WordPress 原本內建的功能編輯,你也會需要做到下面 3 件事情,才可以做出你要的標題大小,非常麻煩。

2020 07 02 19 22 22
2020 07 02 21 50 12
  1. 點選區塊「轉換按鈕」。
  2. 選擇「標題」區塊。
  3. 選擇你要設定的標題大小。

使用 Markdown 寫文章

2020 07 02 21 59 17
2020 07 02 21 55 58

而使用 Markdwon 呢?就如前面所展示的,你只需要在文字之前加上 2 個 # 字號,再按下空白鍵就完成了,其它什麼都不用調,輕輕鬆鬆。

常用的 Markdown 語法

除了上面提到的標題以外,接下來會再介紹一些我常用的 Markdown 語法,這些語法是我每篇文章幾乎都會用到的,並且經過我測試可以用在 WordPress 之中的,在這邊分享給你。

標題 ( Heading )

標題是寫文章中最常用到的文字樣式,而標題 h 後的數字越小,代表著標題越大、越重要,因此,標題其實是有階級區分的,所以在使用標題時要注意它所代表的意義。

  • 使用方式:# + 空白鍵 + 你要輸入的標題

Markdown

HTML

WordPress 顯示結果

## 我是 h2 標題

<h2>我是 h2 標題</h2>

我是 h2 標題

### 我是 h3 標題

<h3>我是 h3 標題</h3>

我是 h3 標題

#### 我是 h4 標題

<h4>我是 h4 標題</h4>

我是 h4 標題

###### 我是 h5 標題

<h5>我是 h5 標題</h5>

我是 h5 標題

####### 我是 h6 標題

<h6>我是 h6 標題</h6>

我是 h6 標題

有些人可能會好奇怎麼沒有 h1?因為不知道為什麼 WordPress 無法使用 Markdown 語法產生 h1 標題,可能是 Bug,因此請使用 h2 ~ h6 的標題。

有網友補充,根據 w3schools 對於 HTML 的解釋,一個頁面建議只能有一個 h1,因此對於 WordPress 中不能使用 h1 的 Markdown 快捷鍵是相當合理的。

列表 ( Lists )

列表是用來寫文章時用來條列、排序東西時會用到的,善用列表可以讓人看你的文章更加一目了然。

列表主要會區分成 2 種不同的列表,分別為:

  1. 無序列表:沒有順序的條列式列表。
  2. 有序列表:有順序的條列式列表。

無序列表 ( Unordered Lists )

當你所要排列的東西,並不具有順序、優先時使用。

  • 使用方式:* + 空白鍵 + 你要輸入的文字

Markdown

HTML

WordPress 顯示結果

* 第一點
* 第二點
* 第三點

<ul>
<li>第一點</li>
<li>第二點</li>
<li>第三點</li>
</ul>

  • 第一點

  • 第二點

  • 第三點

有序列表 ( Ordered Lists )

當你所要排列的東西,具有順序、優先時使用。

  • 使用方式:從 1 開始的數字 + . + 空白鍵 + 你要輸入的文字

Markdown

HTML

WordPress 顯示結果

1. 第一點
2. 第二點
3. 第三點

<ol>
<li>第一點</li>
<li>第二點</li>
<li>第三點</li>
</ol>

  • 第一點

  • 第二點

  • 第三點

引言 ( Blockquote )

原本是用來表示這段話是別人說過的,現在多用在文章中一些特別的重要文字,具有加強語氣、強調的作用。

  • 使用方式:> + 空白鍵 + 你要強調的文字

Markdown

HTML

WordPress 顯示結果

> 我是一段引言

<blockquote>
我是一段引言
</blockquote>

我是一段引言

程式碼 ( code )

工程師必備,可以用來特別標明這段話是程式碼、或是鍵盤上的按鍵,例如請輸入 Enter,這樣標的話可以讓讀者更加清楚。

  • 使用方式:` + 你要標示為程式碼的字 + `

Markdown

HTML

WordPress 顯示結果

`Hello World`

<code>
Hello World
</code>

Hello World

分隔線 ( Horizontal )

用來區隔上下兩個段落時使用,可以避免段落太過於壅擠,讓讀者更好閱讀文章,並減少使用者體驗不佳的問題。

  • 使用方式:輸入 --- + 按下 Enter 鍵

Markdown

HTML

WordPress 顯示結果

---

<hr>


結語

熟練了 Markdown 語法,你會發現你寫文章的速度,跟以前相比會提高很多,因為 Markdown 不只可以讓你省去很多選擇文字樣式的事情,還能更好地幫你組織、編排文章的脈絡。

這是因為 Markdown 在使用上,其實是有階層跟語意的意義成份在,例如 ### 的差別、*1. 的差別。

所以使用 Markdown 寫文章,可以幫助你更佳地建立起文章整體的架構、編排,這點等你使用 Markdown 一陣子之後,就會自然領悟到了。

除此之外,我寫這篇文也是用 Markdown 進行撰寫的,不過我是利用另外一個可以用 Markdown 寫文章的網站 HackMD

Markdown

以我這篇文章為例,其實我是在 HackMD 這邊寫完之後,直接全選複製貼上到 WordPress 在進行編修的,省去了不少發佈文章前的搬遷工作,這也算是 Markdown 的另一個好處。

不過今天教的只是 Markdown 語法的一小部分,如果你對完整的 Markdown 語法有興趣的話,可以前往我下面貼的網站,裡面有所有且詳細的 Markdown 語法。

參考資料:Markdown guide Basic Syntax

額外資訊

獲得更多 WordPress 最新資訊

我目前正在製作一部 WordPress 網站的線上課程,主要內容會是教你如何從完全不懂程式碼的新手,透過學習架設 WordPress 網站與 SEO,打造出一個在一年內能為你帶來 100 萬收入的個人網站。如果你有興趣的話,歡迎填寫下方的訂閱表單,我將會告訴你最新的開課資訊。

加入 FB 討論社團

另外,我最近 ( 2020/06/14 ) 開設了一個 Facebook 社團,叫做「WordPress 網站架設 | 網路賺錢 | 部落格經營 – WebLai 交流區」,社團中討論的主題主要會是關於 WordPress 網站架設部落格經營、以及網路賺錢

如果你也對這些內容有興趣的話,歡迎你點擊下方的連結進行加入,我將會在那邊發佈一些這些主題的相關議題與討論,當然,對於 WordPress 有問題的話也可以直接在裡面詢問我唷!

你可能會想看

網路賺錢
部落格經營
基礎教學
站長必學
網站行銷
疑難雜症
進階技巧
Elementor
Woocommerce
學習資源

這篇文章有 2 則留言:

  1. h1 對於文章來說等同於文章的標題
    一個文章只會有一個標題
    而新增文章後WP就已經新增好了
    我在想應該是這個原因
    個人淺見 僅供參考XD

    1. 感謝回答!應該是這樣沒錯,有其它網友告訴我 w3school 說一頁只能用一個 h1,這樣才符合 HTML 語意,因此我能理解 WordPress 的作法。
      參考資料:https://www.w3schools.com/tags/tag_hn.asp

留言回應

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top