[WordPress] 外掛分享： WP Live CSS Editor

前言介紹

  • 這款 WordPress 外掛「WP Live CSS Editor」是 2011-05-14 上架。
  • 目前有 100 個安裝啟用數。
  • 上一次更新是 2013-09-28，距離現在已有 4236 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 2.7 以上版本才可以安裝。
  • 有 10 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

funlab | pingram3541 |

外掛標籤

css | editor | designer | developer |

內容簡介

這是一個 CSS 即時編輯器，可以讓您預覽 CSS 的即時變化並保存它的變更。
它會保存每次儲存的日期備份，因此如果它破壞了網站，您可以回到先前的版本。您也應該定期清除這些備份。
這是由 Drupal 模組 Live CSS 的 guybedford（http://drupal.org/user/746802）移植而來。
現在使用 ACE 編輯器（http://ace.ajax.org/）。
測試於 WordPress 3.6，但需要進一步的測試！

=capabilities.php 的問題（非錯誤）已解決 !=

現在我正確地建立了一個 wp_loaded 鉤子動作來初始化插件，再檢查使用者是否可以「刪除主題」（僅限管理員功能），因此插件僅在您是管理員時才能使用。
無需修改 capabilities.php 或任何其他內容。

某些用戶在安裝插件後經歷了無法訪問他們的網站的問題。
所有這些都似乎是與 capabilities.php 檔案的問題有關，該檔案在此處進行了討論：
https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32

它適合我，而且完美無缺，但仍然需要測試！

Hola Mundo!

此插件基於[guybedford](http://drupal.org/user/746802) 的 [Drupal Live CSS](http://drupal.org/project/live_css) 模組。

這是一個 CSS 編輯器，可讓您即時編輯您網站的所有 CSS 樣式，預覽更改並即時保存。
它旨在用於設計網站，因此建議您在完成後將其停用或卸載。每次保存更改都會生成一個日期備份，以便在需要時可以返回先前的版本。
使用 ACE 編輯器。

只有管理員才能使用該插件。

重要！

在測試插件之前，請務必備份 CSS 文件！
儘管插件會在修改的文件所在目錄中自動生成日期備份，但最好還是在開始進行更改之前創建一個通用狀態的備份。
如果儲存或備份時出現任何問題，將顯示該文件的路徑、備份的路徑和任何錯誤消息。最有可能的問題是權限。您想要編輯的 CSS 應該具有 755 的寫入權限。

安裝

安裝與 WordPress 插件的典型安裝方式相同。將 ZIP 文件解壓到 wp-content/plugins 中即可。不需要更改主題或進行其他操作，只需從管理面板啟用它即可。
它沒有任何選項或面板頁面。
在 WordPress 3.3.2 上進行測試，您必須是管理員才能使用它。

現在使用 wp_loaded 鉤子解決了先前版本中在此處進行了討論的問題：https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32

更多資訊

http://drupal.org/project/live_css Live CSS
http://drupal.org/user/746802 guybedford
http://drupal.org/user/78427
http://mozillalabs.com/skywriter/2011/01/18/mozilla-skywriter-has-been-merged-into-ace/
http://www.ajax.org/
http://ace.ajax.org/

https://codex.wordpress.org/AJAX_in_Plugins
http://briancray.com/2009/08/19/wordpress-head-element/
http://www.devlounge.net/code/using-ajax-with-your-wordpress-plugin
http://amiworks.co.in/talk/simplified-ajax-for-wordpress-plugin-developers-using-jquery/

http://drupal.org/project/cssedit Realtime CSS Editor
http

原文外掛簡介

A CSS live Editor that allows you to preview realtime CSS changes and then save your changes.
It saves dated backups of each save, so you can go back if it breaks, and you should erase backups once on a while.
It’s a port from a Drupal module Live CSS http://drupal.org/project/live_css by guybedford http://drupal.org/user/746802
Now using ACE editor http://ace.ajax.org/
Tested on WordPress 3.6. But needs more testing !
=capabilities.php problem (not bug) SOLVED !=
Ok, now I did the correct thing and created an action to the wp_loaded hook to init the plugin, then,
check whether the user can “erase themes” which is an Admin capability only, so the plugin only works if you are an admin.
No need to modify the capabilities.php nor anything else.
Some users have had problems in former 12.05 release with their site being inaccesible after installing the plugin.
It all seemed to be part of the same problem with the capabilities.php file that is discussed here:
https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32
It works nice and perfect for me, but still needs testing !!!
Hola mundo !
Este plugin está basado en el módulo de [Drupal Live CSS] (http://drupal.org/project/live_css) de [guybedford] (http://drupal.org/user/746802)
Es un editor de CSS que te permite editar en directo todas las hojas de estilo CSS de tu web, ver los cambios y guardar sobre la marcha.
Está pensada para usarla al diseñar la web, por lo que conviene desactivarlo o desinstalarlo una vez terminada. Cada vez que se guardan los cambios se genera una copia de seguridad fechada, para que puedas volver atrás si hace falta.
Utiliza ACE como editor.
Sólo los administradores pueden usar el plugin.
Importante !!!
Hacer copia de respaldo de los archivos CSS antes de probarlo !
Aunque el plugin genera automáticamente copias de seguridad fechadas en el mismo directorio en que estén los archivos modificados, siempre conviene tener una copia del estado general de la cosa antes de empezar a trastear.
Si no funciona al guardar o hacer la copia de seguridad aparece un mensaje con las rutas del archivo que se intentaba modificar, la de la copia de seguridad y tal vez un mensaje de error. Lo más seguro es que el problema sea de permisos. Los CSS que quieras editar deberían tener permiso de escritura 755.
Instalación
La instalación es la típica de cualquier plugin de wordpress. Desempaquetar el zip en wp-content/plugins, y listo. No hay que tocar los temas ni hacer nada más que activarlo desde el panel de administración.
No tiene opciones ni página propia en el panel de administración.
Probado en WordPress 3.3.2, tienes que ser un administrador para poder usarlo.
Utiliza ahora el hook wp_loaded que arregla el problema de la versión anterior que se discutía aquí: https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32
Más información
http://drupal.org/project/live_css Live CSS
http://drupal.org/user/746802 guybedford
http://drupal.org/user/78427
http://mozillalabs.com/skywriter/2011/01/18/mozilla-skywriter-has-been-merged-into-ace/
http://www.ajax.org/
http://ace.ajax.org/

https://codex.wordpress.org/AJAX_in_Plugins
http://briancray.com/2009/08/19/wordpress-head-element/
http://www.devlounge.net/code/using-ajax-with-your-wordpress-plugin
http://amiworks.co.in/talk/simplified-ajax-for-wordpress-plugin-developers-using-jquery/

http://drupal.org/project/cssedit Realtime CSS Editor
http://drupal.org/user/78427 tjholowaychuk

各版本下載點

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

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

12.05 | 12.06 | 13.09 | trunk |

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

  • WordPress Theme Demo Bar 》WordPress Theme Demo Bar 是 WordPress 的外掛，它能讓使用者在不啟用主題的情況下預覽主題。Demo bar 將顯示在頁面頂部，讓用戶預覽其他主題。Demo bar 在...。
  • Restore Post Id 》這個外掛可以恢復連結、文章和頁面 ID 欄位在其各自的管理介面中的顯示。這個外掛可供設計師在製作需要特定連結、文章或頁面 ID 知識的複雜佈景主題時使用。。
  • MyStyle Custom Product Designer 》您可以使用MyStyle自訂產品設計器在WooCommerce中啟用任何產品的個性化/自訂。這使得任何使用者都可以設計自己的圖形，並使用逼真的實時產品預覽，生成符合高...。
  • WP Designer 》WP Designer 可以使用最佳自訂實踐方式，以符合標準的方式為您的網站添加額外的功能，讓您將站點的功能保持在主題之外，使其不依賴主題。這在各種情況下都非...。
  • Shirt Product Designer for WooCommerce 》讓您可以將產品自定義/設計者整合到您的 WooCommerce 商店中。, 非常容易使用。, 免費版功能, , , 添加 5 種變異色彩, 您可以為每個產品定義 5 種變異/色彩，...。
  • Smart Customizer for WooCommerce 》總結文案：, - Smart Customizer是一個網路印刷產品定制解決方案，允許客戶通過添加自定義文本、向量圖形和圖像來創建自己的設計。, - 賦予客戶輕松個性化產...。
  • Ribbon Maker 》一款用於創建絲帶/角落裝飾的 WordPress 外掛，可讓你為每個角落生成自己的絲帶，或者上傳自己的圖像。, 功能, , 所有靜態角落絲帶的功能, 設置消息, 設置鏈...。
  • OpenBadges.me Open Badges designer 》開放徽章（Open Badges）是一種新的線上標準，用於認可和驗證學習：在線上和離線上學習技能後獲得徽章，為你教授的技能授予認可，展示你的徽章在重要場所。此...。
  • Web To PrintQ – Product Designer 》專業版, , Pro, , Web To PrintQ 是一個 WooCommerce 擴充功能，允許您的客戶個性化任何類型的印刷產品：從名片、手冊、傳單、信封、明信片到婚禮卡、包裝、...。
  • Printeers Print & Ship Zakeke Extension 》Zakeke 擴充功能將 Zakeke 功能添加到 Printeers Print & Ship 外掛。若要使用此擴充功能，必須事先安裝 Printeers Print & Ship 和 Zakeke 外掛，否...。
  • Riaxe Product Customizer 》- Riaxe產品自定義器擁有簡單直觀的用戶界面，適應最終用戶的設備。- 設計器工作室的語言、外觀和感覺可以進行自定義，以實現與您的網站無縫集成。- 它解決了...。
  • Landera – Ultimate Page Builder 》Landera 是一個拖放式頁面建構工具，使您能夠即時設計您想像中的任何佈局。此外，它提供了先進的網格系統和外觀自定器，讓您可以在頁面上建立專業佈局。還提...。
  • Titan Elements 》簡要描述, WP Titan Elements是為了成為更好、更高效的視覺化設計師而創建的。Titan的革命性設計來自於它允許100%的自由。它使初學者擁有很好的體驗，但同時...。
  • SimpleTwit 》一個專為開發人員和設計師設置 WP_Cron 的外掛，利用OAuth和Twitter v1.1 REST API拉取並緩存使用者的動態。對於想在網站上添加Twitter動態的開發人員，這個...。
  • RainyShots 》這個外掛為 WordPress 新增一個函式 rs_shots()，可以回傳一個包含指定球員最新 15 個 Dribbble 圖片的陣列。函式回傳的型別為JSON 格式，可在 PHP 中直接使...。

文章
Filter
Apply Filters
Close
Mastodon