關閉選單

    訂閱更新

    從 FooBar 獲取有關藝術、設計和商業的最新創意新聞。

    Facebook X(推特) Instagram
    • 尋找商品
    • 尋找品牌
    • 立即比較
    • 比較
    Facebook X(推特) Instagram
    YolohiveYolohive
    訂閱 登入
    • Linux
    • 視窗
    • WordPress
    • en_USEN
      • zh_CNZH
      • zh_TWZH_TW
      • ms_MYMS
    YolohiveYolohive
    • 尋找商品
    • 尋找品牌
    • 立即比較
    • 比較
    家 » 如何在 WordPress 中突出顯示文本
    WordPress

    如何在 WordPress 中突出顯示文本

    2024 年 11 月 30 日尚無留言3 最小讀取0 意見
    分享
    Facebook 嘰嘰喳喳 興趣 電子郵件 複製連結

    在網路內容豐富且注意力有限的時代,讓您的文字脫穎而出至關重要。無論您是部落客、企業主還是內容創作者,了解如何有效突出顯示文字都可以吸引受眾、強調重要訊息並改善整體用戶體驗。

    幾十年來,文字突出顯示一直是吸引人們注意關鍵訊息的值得信賴的方法。它使讀者能夠快速識別和理解文件中最重要的要點。當應用於網站時,它會產生相同的正面影響,提高內容的清晰度和參與度。

    在本文中,我們將向您展示如何在 WordPress 中輕鬆突出顯示文字。
    要獲得像這樣突出顯示的結果:
    這是突出顯示文字的範例。

    在 WordPress 中突出顯示文本

    1. 塊編輯器(古騰堡)
    2. 經典編輯器
      • 手動方式
      • 插件方式

    1. 使用區塊編輯器 (Gutenberg) 反白顯示文本

    下面的 GIF 展示如何在 Gutenberg WordPress 編輯器中反白顯示文字:

    訪問區塊編輯器: 開啟您要編輯的貼文或頁面。
    選擇文字區塊: 按一下要反白顯示文字的文字區塊。
    突出顯示文字: 選擇您想要在文字區塊中突出顯示的文字。
    這將打開一個下拉式選單,您將在其中看到 強調 清單中的選項。

    現在,螢幕上將顯示顏色選擇器工具。您需要切換到 背景 選項卡。
    您可以從給定的選項中選擇預設的突出顯示顏色或
    透過點擊選擇自訂顏色來突出顯示文本 風俗 啟動選項 滴管 工具。

    現在您可以訪問您的網站來檢查突出顯示的文字是否有效。

    2. 使用經典編輯器來反白顯示文本

    1.手動方式

    如果您仍在使用經典編輯器,並且想要使用與古騰堡相同的突出顯示功能。
    這是一個 GIF,展示瞭如何使用 WordPress 突出顯示文本 經典編輯器:

    您需要將程式碼新增至文字編輯器。很簡單,只需將要突出顯示的單字包裝在特定程式碼中即可,如下所示:
    將編輯模式切換到 文字模式 在編輯窗格的右上角:

    <span style="background-color: #fcb900;"> ....您的文字在這裡... </span>

    或者

    <span style="background-color:yellow;"> ....您的文字在這裡... </span>

    就像上面的古騰堡教程一樣,您可以在此處交換顏色代碼來為文字設定任何自訂突出顯示顏色。

    結果如下:

    2.插件方式

    安裝“進階編輯器工具”您網站上的外掛程式。

    在您的 WordPress 儀表板中,導覽至 設定 → 進階編輯器工具
    選擇 經典編輯器標籤:
    拖曳 背景顏色 進入主工具列如下圖:

    儲存更改。

    這是結果:

    我們希望這篇文章能幫助您了解如何在 WordPress 中突出顯示文字。

    教學
    上一篇如何安裝和設定 WordPress 多站網絡
    下一篇 如何在WordPress中添加錨鏈接和跳轉鏈接

    相關貼文

    如何在WordPress中添加錨鏈接和跳轉鏈接

    2024 年 11 月 30 日

    如何安裝和設定 WordPress 多站網絡

    2024 年 11 月 30 日

    如何將 Cloudflare Turnstile 新增至 WordPress

    2024 年 11 月 30 日
    新增評論
    發表回覆 取消回覆


    編輯精選
    熱門評論
    廣告
    示範
    Facebook X(推特) 執行緒數 Instagram WhatsApp 電報 興趣
    • 家
    • 隱私權政策
    • 免責聲明
    • 服務條款
    • 聯絡我們
    © 2025 Yolohive。經過 討價還價蜜蜂企業.

    輸入上面內容並按 Enter 進行搜尋。按 Esc 取消。

    登入或註冊

    歡迎回來!

    在下方登入您的帳戶。


    丟失密碼?