Horje
Edit, preview changes in real time and save all your project's CSS stylesheets live in the browser. Wordpress Tutorial

Noted That:

  • To install correctly this wp-live-css-editor.zip .
  • Fisrt Download the wp-live-css-editor.zip to your computer
  • Extract/Open wp-live-css-editor.zip to Your Computer.
  • Then, Find readme.txt file inside wp-live-css-editor.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " wp-live-css-editor.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " wp-live-css-editor.zip "  Downloaded plugin from your computer, Where you downloaded wp-live-css-editor.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " WP Live CSS Editor " folder is added on left sidemenu. Now, Click on " WP Live CSS Editor " folder.

   Noted that: If you do not see " WP Live CSS Editor " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  WP Live CSS Editor Configurtions and Settings or How to work " WP Live CSS Editor " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " WP Live CSS Editor " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is WP Live CSS Editor
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

Upload the wp-live-css-editor folder to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress

IMPORTANT: Tested on WordPress 3.3.2, now you have to be an administrator to use it.

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

File structure:

  • /wp-content/plugins/wp-live-css-editor/
  • /wp-content/plugins/wp-live-css-editor/wp-live-css-editor.php
  • /wp-content/plugins/wp-live-css-editor/wp-live-css-editor.js
  • /wp-content/plugins/wp-live-css-editor/wp-live-css-editor-css.css
  • /wp-content/plugins/wp-live-css-editor/readme.txt
  • /wp-content/plugins/wp-live-css-editor/JSON.php
  • /wp-content/plugins/wp-live-css-editor/screenshot-1.jpg
  • /wp-content/plugins/wp-live-css-editor/ace/

edit , preview , changes , real , time , save , projects , stylesheets , live , browser ,

Name
   How to add Qtranslate Slug With Widget in Wordpress
   How to add Wp Admin Bar Control in Wordpress
   How to add H5pxapikatchu in Wordpress
   How to add Proper Pagination in Wordpress
   How to add Libro De Reclamaciones in Wordpress 

Read Article
https://develop.horje.com/learn/1434/reference

 

Horje