[WordPress] 外掛分享： Sublime Custom CSS Editor

WordPress 外掛 Sublime Custom CSS Editor 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Sublime Custom CSS Editor」是 2015-12-21 上架。
  • 目前有 100 個安裝啟用數。
  • 上一次更新是 2015-12-23，距離現在已有 3718 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.4 以上版本才可以安裝。
  • 有 3 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

asiancoders |

外掛標籤

css | CSS3 | editor | sublime | sublime text |

內容簡介

Sublime Text 自訂 WordPress Css 編輯器。您可以使用此外掛輕鬆編寫自訂 CSS。此工具將在您的網站中添加內聯 CSS。
此外掛包含所有 Sublime Text 編輯器的功能。

功能

Sublime 自訂 CSS 編輯器的功能

自動完成和提示
語法高亮。
行數顯示。
keyMap Sublime Text
autoCloseBrackets
matchBrackets
Sublime 主題
顯示選擇區域中的游標

包括翻譯 pot 檔案。

示例：
只需選擇您的目標佈局 ID 或 Class ID=# 或 Class=. 或任何 HTML 標籤，
然後轉到 “外觀” —> “Sublime 自訂 CSS”，輸入您的自定義樣式（僅限 CSS）。例如：

body{
color:#222;
margin: 0;
padding: 0;
background-color: #fff;
}
.headers{
font-size: 16px;
color: :#666;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 99;
}

致謝：CodeMirror。

支援郵件：[email protected]

任意部分

您可以提供任意部分，格式與上面的部分相同。在非常複雜的外掛中可能需要傳達更多的信息，而這些是無法適配到“描述”或“安裝”類別中的。任意部分將顯示在上面概述的內建部分下面。

簡單的 Markdown 示例

這裡是連結到 WordPress 和連結到 Markdown 語法文檔的一個示例。標題是可選的。

Markdown 使用電子郵件風格表示引用，有双星號會有強調效果。

<?php code(); // goes in backticks ?>

原文外掛簡介

Sublime Text Custom WordPress Css Editor. You can easily write your custom css by using this plugin. This will be add inline css in your website.
We include all sublime text editor features in this plugin.
Features
Features of Sublime Custom CSS Editor

Autocomplete And Hint
Syntax highlighting.
Line numbering.
keyMap Sublime Text
autoCloseBrackets
matchBrackets
Sublime theme
showCursorWhenSelecting

Translate pot file included.

For Example *
just select your targeted layout ID or Class ID=# or Class=. or any html tag
Then go to page “Appearance” —> “Sublime Custom CSS” and enter your custom style (CSS only). Example:

body{
color:#222;
margin: 0;
padding: 0;
background-color: #fff;
}
.headers{
font-size: 16px;
color: :#666;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 99;
}

Credits: CodeMirror.
Email for Support: [email protected]
Arbitrary section
You may provide arbitrary sections, in the same format as the ones above. This may be of use for extremely complicated
plugins where more information needs to be conveyed that doesn’t fit into the categories of “description” or
“installation.” Arbitrary sections will be shown below the built-in sections outlined above.
A brief Markdown Example
Here’s a link to WordPress and one to Markdown’s Syntax Documentation.
Titles are optional, naturally.
Markdown uses email style notation for blockquotes and I’ve been told:

Asterisks for emphasis. Double it up for strong.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Sublime Custom CSS Editor」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

最新版本

延伸相關外掛（你可能也想知道）

  • Image Hover Effects For WPBakery Page Builder 》圖像懸停效果 - WPBakery Page Builder 是一個令人驚嘆的外掛程式，可讓用戶在圖像上添加40多種帶標題的懸停效果。此附加元件為 Visual Composer 添加了20個...。
  • Nice page transition 》這款 WordPress 外掛可以讓你選擇 6 種美麗的頁面轉場效果。 示範影片。你也可以在我的商店中查看其他 WordPress 專業外掛。。
  • Easy Textillate 》這個外掛允許你在文章、頁面或網站元件中使用shortcode向任何文字添加動畫，你也可以使用PHP代碼直接將文字動畫添加到主題檔案中。, 這個外掛完全利用了Texti...。
  • Tabs For WPBakery Page Builder (formerly Visual Composer) 》WPBakery Page Builder 的標籤唯一且首個插件, 這款 WPBakery Page Builder 的標籤插件非常簡單，它允許使用者將任何內容以不同的風格及配色方案放入標籤中。...。
  • Progress Bar 》此外掛只做一件事：建立一個簡單（但看起來不錯）的 CSS3 進度條，您可以使用自己的 CSS 进行樣式設計，並使用一個簡單的 shortcode 在任何地方使用。現在支...。
  • Page Transition 》Page Transition 是一個簡單易用的 WordPress 外掛程式，可使用 CSS3 動畫效果添加頁面轉換。讓您的網頁展現現代化的動畫效果。, 您可以為頁面進入和離開時分...。
  • SmartText Rotator – Add Motion to Your Words 》CSS3 Rotating Words 可讓使用者添加多個詞語在一個句子中，並使用 CSS3 動畫效果隨機更換。, 您可以在一個句子中添加多個詞語，並在經過一段時間後更換成另...。
  • Animated Blocks on Scroll 》這款WordPress外掛可在Gutenberg區塊上添加滾動式動畫。, 功能, , 從76種經過跨瀏覽器測試的CSS3動畫中選擇適合的，或者添加自定義動畫。, 在編輯器中預覽動...。
  • Standout CSS3 Buttons 》這款外掛參考Brian Gardner的博客文章，使用簡碼在您的網站上顯示時髦的CSS3梯度按鈕。, 您還可以在functions.php或插件中調用該外掛程序。可以選擇多種不同...。
  • Image Over Image For WPBakery Page Builder 》Image Over Image 是一個 WPBakery Page Builder 擴充套件，可以讓你在圖片上方加入一個圖片效果，當滑鼠移動過該圖片時，原有圖片便會被替換。此外，它還含...。
  • SvegliaT Buttons 》『SvegliaT Buttons』是一個簡單的 WordPress 外掛，可以透過 shortcode 在部落格中放置 CSS3 按鈕。, 您可以在 WordPress 中加入 shortcode，來展示好看且有...。
  • Easy Shortcode Buttons 》曾經想在您的網站上添加漂亮的下載連結嗎？需要添加號召行動的按鈕，但不想編寫程式碼？Easy Buttons 就是答案。這是將漂亮的按鈕添加到 WordPress 網站的最...。
  • WP Outdated Browser 》如果你很厭煩有人使用過時的瀏覽器造訪你現代化的網站，而且他們卻對此毫不在意，也許這些使用者不是高級用戶，或是你的阿姨使用一個落伍的瀏覽器試圖觀看令...。
  • Sliding Enquiry Form 》滑動詢價表單是一個簡單、易用且可完全自定義的 WordPress 外掛，可用於添加固定位置的彈出窗口，如頁腳左側、頁腳右側、左側或右側，並具有 CSS3 特效。, 使...。
  • HTML5 Slideshow Presentations 》屏幕展示外掛, , 使用本外掛，您可以利用 WordPress 原生工具建立簡報，而最好的部分是：完成後不需要上傳到 SlideShare。您可以隨時在自己的網站上分享/呈現...。

文章
Filter
Apply Filters
Close
Mastodon