Horje
#BW LESS-CSS is an easy to use interface for using LESS-CSS stylesheets in your theme.

Noted That:

  • To install correctly this bw-less-css.zip.
  • Fisrt Download the bw-less-css.zip to your computer
  • Extract/Open bw-less-css.zip to Your Computer.
  • Then, Find readme.txt file inside bw-less-css.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 the Tips Below.

Start the Tips:

1. First Download "bw-less-css.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 "bw-less-css.zip" Downloaded plugin from your computer, Where you downloaded bw-less-css.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. "BW LESS-CSS" folder is added on left sidemenu. Now, Click on "BW LESS-CSS" folder.

   Noted that: If you do not see "BW LESS-CSS" folder on left sidemenu then, see at left sidemenu "Settings" or "Tools".

8. Now you configure yourself oR Watch video tutorial below about BW LESS-CSS Configurtions and Settings or How to work "BW LESS-CSS" 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 "BW LESS-CSS" Activated Plugin from Plugin List.
  4. Then, Click on "Settings" from Plugin that is BW LESS-CSS
  5. Now, Edit/Add/Config the setting and Click on "Save Changes" button,
WP Plugin Setting



Guide
  1. Upload bw-less-css folder to your /wp-content/plugins/ directory
  2. Activate the plugin in WordPress admin
  3. Attach .less files to your template using the plugin admin page, under #BW Options -> LESS-CSS
    3a. Specify files relative to your theme root (eg. style.less for a file in the root)
    3b. If using a specialty stylesheets (eg. for print), select the media type
    3c. To target mobile devices, check the mobile checkbox (see FAQ below)
    3d. To minify (compress) the compiled CSS, check the minify checkbox

Manually include .less files:

To hard-code a .less file into a template, use in a template file, called by after_setup_theme action.

 'print', 'minify' => true, 'mobile' => false, 'force' => false );
}
?>

Files are relative to the theme root, and the less compiler will save the .css to the same path as the .less file.

If you are using @import to compile multiple stylesheets into a single file, such as Twitter’s Bootstrap, turn on developer mode while developing to force the stylesheets to recompile every time the page is loaded. If developer mode is off, imported stylesheets will not be recompiled unless you re-save the main stylesheet. If manually including less files using bw_less_css(), set ‘force’ => true argument.


less, your, theme, stylesheets, using, easy, interface,

Name

Reffered: https://wordpress.org/

Share on: