[WordPress] 外掛分享: TinyMCE Custom Styles

前言介紹

  • 這款 WordPress 外掛「TinyMCE Custom Styles」是 2016-06-27 上架。
  • 目前有 8000 個安裝啟用數。
  • 上一次更新是 2024-06-29,距離現在已有 309 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 有 14 人給過評分。
  • 論壇上目前有 1 個提問,問題解答率 0%

外掛協作開發者

rawrly | blackbam | tim-reeves |

外掛標籤

style | editor | format | visual | tinyMCE |

內容簡介

請有人接手維護這個外掛,否則它將會被遺棄 – 目前有超過9,000份活躍的安裝。

我現在已經68歲並退休了,並且我所有的時間都被其他項目佔用了,雖然我還有精力去做它們。您為什麼想要接手這個外掛?它真的很有用:

通過改善您使用TinyMCE視覺編輯器(包括Gutenberg Classic區塊)的方式,使您的編輯體驗盡可能簡單和良好。此外,此外掛還會向前端和TinyMCE編輯器添加自定義CSS文件;並允許您將TinyMCE的“格式”下拉菜單填充為自己的樣式。更詳細的功能如下:

1.將兩個CSS樣式表文件安裝到您選擇的位置(因此您仍然可以更新活躍的主題,此外掛,甚至切換到另一個主題)。通常,您需要通過FTP獲取自動創建的存根文件,本地進行編輯,然後上傳它們,覆蓋以前的版本。

editor-style.css用於設計TinyMCE編輯器
editor-style-shared.css用於前端和TinyMCE編輯器中使用的樣式(因此您不必複製)

要使用此功能,您必須在這些文件中編寫自己的CSS代碼。

2.此插件的主要功能是提供一個後端GUI,以動態方式為TinyMCE(“格式”下拉菜單)創建自定義樣式。

輕鬆添加,更改和刪除樣式
不需要編輯源代碼(除CSS樣式表之外)
允許您添加文本塊和內嵌元素,這些元素由TinyMCE未提供,例如,,等
該插件的後端頁面包含大量描述和一些鏈接,以幫助您正確定義自己的樣式
請注意,每個樣式都可以有CSS類和/或CSS內嵌樣式。後者(除顏色外)甚至將應用於格式下拉菜單項目。但是,我不建議內嵌樣式,因為它們被插入到帖子/頁面的文本中,如果您稍後在插件設置中更改樣式,那麼它們將保持不變 – 因此通常請使用類!

如何應用兩個樣式表
通過使用標准的WordPress函數wp_enqueue_style,將共享樣式表文件作為連接請求添加到前端頁面(通過區域中的通常的標記)。

因此,與大多數其他樣式表一樣,其中的語句將自動應用於整個HTML頁面。因此定義類名,這些類名不會與主題已使用的任何類名發生衝突 - 除非您希望它們應用於該標記類型的所有元素(包括標頭,頁腳,側邊欄等)不要為沒有限制的類名定義樣式。

通過調用add_filter('mce_css',...),將兩個樣式表傳遞給TinyMCE。

這會導致將它們連接到HTML文檔中,該文檔是

文章
Filter
Apply Filters
Mastodon