我在 WordPress 架構的網站中寫跟短代碼有關的教學時，就發現到 WordPress 會將短代碼自動執行，導致無法 [ 顯示括弧 ] 造成我寫文章上的困擾，幸好查詢了官方的原文文檔發現短代碼有提供跳脫的功能，讓文章能正常顯示出短代碼本身。

一、單純的短代碼

[shortcode]

▲ 文章顯示出來的結果。

[[shortcode]]

▲ 編輯器內輸入的文字。

二、有開始與結束的短代碼

[shortcode] ... [/shortcode]

▲ 文章顯示出來的結果。

[[shortcode] ... [/shortcode]]

▲ 編輯器內輸入的文字。

▲ 本文首圖。

Chrome 開發人員工具：關閉快取以偵錯
📆 2019-04-01
📁 軟體應用, 瀏覽器, 網站技術, Google Chrome

CodePen：網頁前端的展示平台，線上 HTML、CSS 與 JS 撰寫工具
📆 2018-09-22
📁 網路應用, 網站技術, HTML, CSS, JavaScript

SQL 語法建立資料庫、資料表及其欄位、資料練習
📆 2019-02-28
📁 網站技術, 程式設計, 資料庫, SQL

CSS3「box-sizing: border-box; 」讓內距和邊框不改變元素的寬度與高度
📆 2018-09-22
📁 網站技術, CSS

GitHub Pages x GitHub Desktop：在 GitHub 上建立靜態網站可供即時瀏覽
📆 2020-04-21
📁 軟體應用, 網路應用, 網站技術

Node.js：Gulp 套件協助將 JavaScript 合併、壓縮與命名，將 JS 封裝吧！
📆 2019-04-02
📁 網站技術, JavaScript, Node.js, Gulp

JSP：nxn 乘法表（nxn_multiplication_table.jsp）
📆 2019-03-27
📁 網站技術, HTML, JSP

Bracket Pair Colorizer（Visual Studio Code 擴充功能）：匹配括弧顏色標記、括弧內線條強調
📆 2019-02-11
📁 軟體應用, 網站技術

《上一篇》List Category Posts（WordPress 外掛）：使用短代碼在頁面、文章內加入文章列表 《下一篇》Raspberry Pi 3：週末學校課程運用 Python 玩樹莓派開發板