0%

正威網路行銷工作室,專注於基隆、台北與全台客製化網頁設計,提供專業 RWD 響應式、SEO 搜尋引擎優化、品牌形象設計與網站維護託管服務。

搜尋文章
聯絡資訊
地址基隆市仁二路 220 號 5 樓
追蹤我們

特殊符號大全:勾勾、愛心、箭頭、圈圈數字複製清單與輸入方法

soe優化,wordpress如何開啟ping服務?

寫文章時想加個勾勾、箭頭或圈圈數字,用注音卻怎麼打都打不出來?這篇整理寫文章、做網頁最常用的特殊符號,直接選取複製就能用;也教你在電腦和手機上叫出符號面板,以後自己找得到。

怎麼輸入特殊符號?

Windows:表情符號面板

按 Win + .(Windows 鍵加句號),會跳出表情符號面板。切到「符號」分頁(Ω 圖示),就能找到標點、貨幣、數學、箭頭等符號,點一下就會輸入到游標的位置。

Mac:表情與符號

按 Control + Command + 空白鍵,或從 App 的「編輯」選單最下方打開表情符號與符號視窗。點右上角的按鈕展開成完整的「字元檢視器」,就可以依分類找符號。

手機

手機的中文鍵盤大多有符號頁(切到「123」或「符號」鍵),長按某些按鍵也會跳出相關的符號。找不到的,直接從下面的清單複製最快。

在 WordPress 裡

  • 區塊編輯器:直接貼上就可以。
  • 舊版編輯器(Classic Editor):工具列有「特殊字元」按鈕(Ω),點開就能選。
  • 貼上符號或 Emoji 後,存檔卻變成「?」:通常是資料庫編碼還是舊的 utf8,要請主機商協助轉換成 utf8mb4。

常用特殊符號清單

用滑鼠選取想要的符號,按 Ctrl + C(Mac 是 Command + C)複製即可。

版權與標示

© ® ™ ℠ ℗ № ℡ § ¶ † ‡ ※

勾勾與叉叉

✓ ✔ ☑ ☐ ☒ ✗ ✘ ✕ ✖ ×

「√」其實是數學的根號,雖然常被拿來當勾勾用,做清單時用 ✓ 比較正確,也比較好看。

圓形、方形與三角形

● ○ ◎ ◉ ◐ ◑ ⊙ ⊕

■ □ ▪ ▫ ▣ ◆ ◇ ◈

▲ △ ▼ ▽ ▶ ◀ ► ◄ ◢ ◣ ◤ ◥

星星與花

★ ☆ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ❂ ❉ ❊ ❋

✽ ✾ ✿ ❀ ❁ ❃ ❄ ❅ ❆ ❇ ❈

愛心與撲克牌

♥ ♡ ❤ ❥ ❣ ❦ ❧

♠ ♣ ♦ ♤ ♧ ♢

箭頭

← → ↑ ↓ ↔ ↕ ↖ ↗ ↘ ↙

⇐ ⇒ ⇑ ⇓ ⇔ ⇄ ⇅ ↩ ↪ ↺ ↻

➔ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ ➲

數字

① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳

❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿

⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽

㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩

㊀ ㊁ ㊂ ㊃ ㊄ ㊅ ㊆ ㊇ ㊈ ㊉

Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ

ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ ⅺ ⅻ

圈圈英文字母

ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ

Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ

⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤ ⒥ ⒦ ⒧ ⒨ ⒩ ⒪ ⒫ ⒬ ⒭ ⒮ ⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵

數學

± × ÷ ≠ ≈ ≒ ≡ ≤ ≥ ≦ ≧ ∞ √ ∑ ∫ ∮ ∵ ∴ ∠ ⊥ ∟ ⊿ ∈ ∋ ∩ ∪ ⊂ ⊃ ‰ °

½ ⅓ ⅔ ¼ ¾ ⅕ ⅛ ² ³

單位與溫度

℃ ℉ ㎎ ㎏ ㎜ ㎝ ㎞ ㎡ ㏄

這些單位是「組合字」,有些字型顯示會偏小或對不齊,一般內文直接寫 kg、cm、m² 比較清楚。

貨幣

$ € £ ¥ ¥ ₩ ₹ ¢ £ ¢

新台幣沒有專用的符號,一般寫成 NT$ 或直接寫「元」。

生活與文具

☀ ☁ ☂ ☃ ☼ ☾ ☽ ☄ ⌚ ⌛

☎ ☏ ✆ ✉ ✈ ✂ ✎ ✏ ✐ ✒ ⌨

手勢與表情

☜ ☞ ☝ ☟ ✌ ✍ ☺ ☻ ☹

音樂

♩ ♪ ♫ ♬ ♭ ♮ ♯

十二星座

  • ♈ 牡羊座
  • ♉ 金牛座
  • ♊ 雙子座
  • ♋ 巨蟹座
  • ♌ 獅子座
  • ♍ 處女座
  • ♎ 天秤座
  • ♏ 天蠍座
  • ♐ 射手座
  • ♑ 摩羯座
  • ♒ 水瓶座
  • ♓ 雙魚座

中文括號與標點

「」 『』 () 【】 〔〕 〈〉 《》 〖〗

… ‥ — ~ ※ 、 ‧ ·

中文的刪節號是兩個「…」連在一起(……),破折號是兩個「—」連在一起(——)。

框線與色塊

─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼

═ ║ ╔ ╗ ╚ ╝ ╠ ╣ ╦ ╩ ╬ ╭ ╮ ╰ ╯

░ ▒ ▓ █ ▁ ▂ ▃ ▄ ▅ ▆ ▇

框線符號要搭配等寬字型才會對齊,放在程式碼區塊裡最整齊,很適合用來畫資料夾結構:

純文字
wp-content
├── plugins
├── themes
│   └── my-child-theme
└── uploads

希臘字母

α β γ δ ε θ λ μ π σ φ ω Δ Σ Ω

在網頁程式碼裡使用符號

HTML 實體

現在的網頁幾乎都是 UTF-8 編碼,直接把符號貼進 HTML 就可以。不方便輸入的時候,也可以用 HTML 實體(在 WordPress 的「自訂 HTML」區塊或程式碼編輯器裡使用):

  • © → ©
  • ® → ®
  • ™ → ™
  • × → ×
  • ÷ → ÷
  • ± → ±
  • ° → °
  • ← → ↑ ↓ → ← → ↑ ↓
  • ♥ → ♥
  • … → …
  • ¥ € £ → ¥ € £

沒有名稱的符號,可以用 Unicode 編號:✓ 是 ✓、★ 是 ★、→ 是 →。

CSS 的 content

用 CSS 在清單前面自動加上勾勾,是很常見的做法。CSS 裡用反斜線加上 Unicode 編號:

CSS
.checklist li {
  list-style: none;
}

.checklist li::before {
  content: "\2713"; /* ✓ */
  margin-right: 0.5em;
  color: #16a34a;
}

使用符號的小提醒

  • 手機上可能變成彩色 Emoji:像 ❤ ☀ ✈ ♈ ☺ 這類符號,在手機上常會自動顯示成 Emoji,跟電腦上看到的樣子不同。需要外觀一致的地方(例如按鈕、選單),改用圖示或 SVG 比較穩定。
  • 冷門符號可能顯示成方塊:裝置的字型不支援時,會顯示成空白方塊或問號,重要資訊不要只靠符號表達。
  • 按鈕和連結要搭配文字:螢幕閱讀器可能直接略過符號,或念出讀者聽不懂的名稱。「→」旁邊加上「下一頁」,每個人都看得懂。
  • 標題點綴一兩個就好:標題塞太多符號,看起來像廣告,搜尋結果也不一定會照原樣顯示。

延伸閱讀

符號用得恰到好處,文章會更好讀;網站的視覺規劃也是同樣的道理。正威網路行銷是 25 年經驗的基隆網頁設計工作室,提供客製化網頁設計,也有攝影剪輯服務,歡迎來聊聊。

分享這篇文章

返回文章列表更多「Wordpress代碼教學」文章

發表留言

還沒有人留言,歡迎第一個分享你的想法或問題。留言經審核後才會顯示,Email 不會公開。

讓我們一起打造
您的專屬網站!