這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Live css

外掛說明

Edit CSS and LESS with auto-complete live on the frontend and on any page using this easy to use plugin. All changes are saved and if LESS is present it will be compiled automatically.

Ever wanted to make a small adjustment fast and easy? Than this is the plugin for you. You can add and edit css and less for the following:

  • site wide css
  • css on pages – you can add css to all the pages or just to the current page that you are editing.
  • css on posts – on current post or all posts
  • css on categories – all categories or just the current category archive page
  • css on tags

螢幕擷圖

  • Editing css and less on a page
  • Editing css and less on a category

安裝方式

Use automatic installer…

Properties are defined within selectors by defining a property and a value. They are separated with a colon and delineated with a semi-colon.

The padding is the spacing between the content and the border (edge of the element.). We can adjust this value with CSS to move the border closer to or farther from the content. Here, the div with id ‘box’ will get 10px of padding all around it. css class id selector code less sass sassy lang rule set propertie value element type attribute pseudo combinator statement identifier keyword comments example padding margin background color font size text decoration hover underline bold italic word wrap family syntax paragraph

The margin is the space around the element. The larger the margin, the more space between our element and the elements around it. We can adjust the margin to move our HTML elements closer to or farther from each other. Here, the div with id ‘box’ will get 10px of margin above and below it, and 5px of margin to the left and right. css class id selector code less sass sassy lang rule set propertie value element type attribute pseudo combinator statement identifier keyword comments example padding margin background color font size text decoration hover underline bold italic word wrap family syntax paragraph

使用者評論

2018 年 1 月 8 日
This would be great if it had automatic autocomplete (or there was an option to make it so), ruins it for me otherwise. Another feature that would be cool is breakpoint tabs, to keep device specific code nicely separated (and no need to write media queries manually). The ability to move and resize the editor would also be nice. Maybe an option to snap it to the side of the page. Adding Javascript this way would also be handy 😉 😉
2017 年 2 月 18 日
Mind blowing concept. I like this plugin already more than any other similar tool. Thanks to the developers and contributors for such a light weight and useful plugin.
2016 年 11 月 11 日 1 則留言
It worked for a few days and I loved it. But it stopped working and there is no support. Please Help!
2016 年 9 月 9 日 2 則留言
Installs in the wrong folder. Installs in folder “css-live” but tries to load CSS and JS from folder “td-css-live” (so “td-” is wrong). I tried to simply rename the folder “css-live” to “td-css-live”. Now everything is loaded, but a Javascript error “ReferenceError: event is not defined” occurs when I click on the “Save” button. Firefox version 48.0.1 on MacOS
閱讀全部 4 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Live css〉的開發相關工作。

參與者

將〈Live css〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.3

Release Date: September 16, 2016
* The plugin now shows a small marker on tabs that have css in them, making the css editing process easier
* Fixed resource loading issues (renamed the plugin)

1.2.1

Release Date: September 5, 2016
* Better intro documentation and code clean-up

1.2

Release Date: September 2, 2016
* Fixed short slugs, we replaced them with longer slugs

1.1

Release Date: August 30, 2016
* Initial realease