Jump to content
Sign in to follow this  
webmktco

Question about LESS plugins

Recommended Posts

webmktco+    21
webmktco

Hi Evan,

 

Since I started using PL almost a year ago, I've always added custom CSS in the PL child theme's style.css file.

 

I'm trying to figure out where this whole LESS thing fits into the grand scheme of things... especially workflow.

 

I use Dreamweaver to edit CSS and WP files.  If I decide to start customizing LESS, should I still use Dreamweaver or is that best handled in the WP dashboard?

 

Also- I'm not fully understanding the differences between the following plugins:

  • Page{LESS}
  • LESS Developer
  • LESS Factory

 

 

Share this post


Link to post
Share on other sites
evan    0
evan

Hi prodentite,

 

That's a big question.  I'm assuming you know what LESS is, if not, it's worth reading up on: http://lesscss.org/ and http://leafo.net/lessphp/docs/#the_language.

 

So less is pretty powerful, easy to learn and you can always fall back on straight CSS.

 

Where it fits into the scheme of things.. it's just an awesome tool to use, and it's a really cool feature of pagelines.

 

I don't use Dreamweaver, but editing LESS files is not specific to a program.  You may work with them the same way you would CSS files, it's really your preference.

 

One benefit of using LESS is that all LESS get's loaded into one file which may also be minified depending on your settings.  These things can increase your site's load time as styles are loaded as 1 file, rather than 10-20+ files.  Each CSS file you use adds a http request for the client's browser and increases the page load time.

 

About my LESS-related products:

  • Page{LESS} - adds the ability to add custom LESS / CSS that will only be loaded on that page.  Also supports special pages like category, author, & 404.
  • LESS Developer - this is an interface for editing less files in your installation, be they child theme or section less files, customize plugin files, or your own files you have added.  It's also a helpful tool for someone who wants to learn more about LESS as you can use it to experiment with different code and see what comes out.
  • LESS Factory - this is a handy tool for quickly adding many custom less variables which can be defined using things like a color picker or image upload option.  These options make changing variable values quick and easy (as well as visual).  It also gives you the ability to take generated code to use your variables in your project without requiring LESS Factory.

Each product's page is linked above, each of which has more information about each, along with screenshots and other links.

 

Hope that helps,

 

Cheers!

Share this post


Link to post
Share on other sites
webmktco+    21
webmktco

Evan,

 

Thank you for the in depth response! Sounds like I have some homework to do!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • faagerritsen
      By faagerritsen
      Hi,
       
      for some reason the pageless css file is increasing the loadtime (file taks 1.6 to 2.8 sec to load). I'm talking about the Pageless file (http://afrankadvice.nl/?pageless=1_1409431991)  Can anybody help me to solve this issue so my site will load faster.
       
      Thanks
       
      Frank
    • clodis
      By clodis
      Today acquire page less, in my demosite not corectly work, if I digit a code esample  background-color:#D2691E;  pageless says ok , when refresh page , Dms says error loading, now I enable pageless.
    • layasamadhi
      By layasamadhi
      Basically I encountered this issue. Every time I refresh the page reappears the PageLines's logo and search box on navi(full). In practice I change the navi(full), hide the search box, replace the logo, public the changes and after page refreshing the disaster. PageLines's logo and search box reappear.    I went crazy for two weeks. I tried to isolate the problem and in the end I found the accused plugin: Page{Less}.   When Page{Less} is off everything works. When active the problem persists.
    • layasamadhi
      By layasamadhi
      I placed the update to DMS2 but I lost all previous css settings.  In practice there is no longer the section for custom the page-specific css, relating to the plugin Page{Less}. Why?   The plugin has been updated to work with DMS2?
    • layasamadhi
      By layasamadhi
      I just purchased the plugin and I'm testing it. Home page everything is ok but all the other pages something strange happens.   The problem is that the css code only works with Chrome.    With Firefox and Explorer doesn't recognize it. Why?
×