{"id":26587,"date":"2013-12-07T14:33:00","date_gmt":"2013-12-07T14:33:00","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/wp-less-to-css\/"},"modified":"2013-12-07T14:33:18","modified_gmt":"2013-12-07T14:33:18","slug":"wp-less-to-css","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/wp-less-to-css\/","author":9586976,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"1.0","tested":"3.7.41","requires":"3.6","requires_php":"","requires_plugins":"","header_name":"WP LESS to CSS","header_author":"Bass Jobsen","header_description":"","assets_banners_color":"","last_updated":"2013-12-07 14:33:18","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_s-xclick&hosted_button_id=SNYGRL7YNVYQW","header_plugin_uri":"https:\/\/github.com\/bassjobsen\/wp-less-to-css","header_author_uri":"http:\/\/bassjobsen.weblogs.fm\/","rating":0,"author_block_rating":0,"active_installs":10,"downloads":1556,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1566998","resolution":"1","location":"plugin"}},"screenshots":{"1":"WP LESS to CSS"}},"plugin_section":[],"plugin_tags":[356,4890,606],"plugin_category":[59],"plugin_contributors":[80663],"plugin_business_model":[],"class_list":["post-26587","plugin","type-plugin","status-closed","hentry","plugin_tags-css","plugin_tags-less","plugin_tags-responsive","plugin_category-utilities-and-tools","plugin_contributors-bassjobsen","plugin_committers-bassjobsen"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/wp-less-to-css.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/wp-less-to-css\/trunk\/screenshot-1.png?rev=1566998","caption":"WP LESS to CSS"}],"raw_content":"<!--section=description-->\n<p>This plugin helps you to build and maintain your website with LESS. LESS is a dynamic stylesheet language.\nLESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. \nThis plugin is build with: <a href=\"https:\/\/github.com\/oyejorge\/less.php\">LESS.php<\/a><\/p>\n\nProfits\n\n<ul>\n<li>No extra checks (server time) to load your lastest CSS<\/li>\n<li>LESS editor for small changes or child themes<\/li>\n<\/ul>\n\nExamples and usages\n\n<pre><code>wpless2css\/wpless2css.less will be your master LESS file. Add your LESS code here or import other LESS files.\n<\/code><\/pre>\n\n<p>All LESS files should be place in <code>wpless2css\/<\/code> for now.<\/p>\n\n<pre><code>wpless2css\/wpless2css.less could contain simple or more complex LESS code like:\n\np{color:red;}\n<\/code><\/pre>\n\n<p>Or more complex intergrate Twitter's Bootstrap's CSS:<\/p>\n\n<ul>\n<li>Download the latest version from: <\/li>\n<li>Copy all *.less to  <code>wpless2css\/<\/code><\/li>\n<li><p>edit <code>wpless2css\/wpless2css.less<\/code><\/p>\n\n<p>@import \"bootstrap.less\";<\/p><\/li>\n<\/ul>\n\n<p>Load Glypchicons:<\/p>\n\n<ul>\n<li>Copy all <code>\/fonts\/<\/code> to  your web server <\/li>\n<li><p>edit <code>wpless2css\/wpless2css.less<\/code><\/p>\n\n<p>@import \"bootstrap.less\";\n@icon-font-path: \/fonts\/;<\/p><\/li>\n<\/ul>\n\n<p>**Note:*: Go to the settings and save settings after changing you LESS code to create a new CSS file.<\/p>\n\n<p>If you website or theme is primary Bootstrap based condsider to use <a href=\"https:\/\/github.com\/bassjobsen\/custom-bootstrap-editor\/\">Custom Bootstrap Editor<\/a>.<\/p>\n\nTheme developers\n\n<p>Call <code>wp-less-to-css.php<\/code> from your functions.php to bundle the plugin:<\/p>\n\n<pre><code>require dirname(__FILE__) . '\/vendor\/wp-less-to-css\/wp-less-to-css.php';\n<\/code><\/pre>\n\n<p>Save the CSS (conditional) automatic by adding to your function.php:<\/p>\n\n<p>$updatecss = WP_LESS_to_CSS::$instance;\n$updatecss-&gt;wpless2csssavecss();<\/p>\n\n<p>Only save the CSS on changes. Compile a new CSS every time your page loads will make your site slow, but you can use it for testing.<\/p>\n\n<p>Use the save action after changes via the customizer for example:<\/p>\n\n<pre><code>add_action( 'customize_save_after', 'lesscustomize' );\n\nfunction lesscustomize($setting)\n{\n\/\/$setting is no used here, see also: http:\/\/stackoverflow.com\/questions\/14802251\/hook-into-the-wordpress-theme-customizer-save-action\n$updatecss = WP_LESS_to_CSS::$instance;\nadd_filter( 'add_extra_less_code', 'add_extra_less_now_live');\nfunction add_extra_less_now_live($parser)\n{\n    return 'a{color:'.get_theme_mod( 'heading_color').'} p{color:orange;}';          \n}\n$updatecss-&gt;wpless2csssavecss();\n}   \n<\/code><\/pre>\n\n<p>Depending on your needs <code>wpless2css\/wpless2css.less<\/code> can be moved from root to the theme or child theme directory (<code>wp-content\/themes\/{yourtheme}\/wpless2css\/wpless2css.less<\/code>).<\/p>\n\nContribute!\n\n<p>If you have suggestions for a new feature or improvement, feel free to contact us on <a href=\"http:\/\/twitter.com\/JamedoWebsites\">Twitter<\/a>. Alternatively, you can fork the plugin from <a href=\"https:\/\/github.com\/bassjobsen\/custom-bootstrap-editor\">Github<\/a>.<\/p>\n\n<h3>Requirements<\/h3>\n\n<ul>\n<li><a href=\"http:\/\/wordpress.org\/download\/\">Wordpress<\/a> tested with &gt;= 3.6<\/li>\n<\/ul>\n\n<h3>Support<\/h3>\n\n<p>We are always happy to help you. If you have any question regarding this code. <a href=\"http:\/\/www.jamedowebsites.nl\/contact\/\">Send us a message<\/a> or contact us on twitter <a href=\"http:\/\/twitter.com\/JamedoWebsites\">@JamedoWebsites<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li><p>You can download and install WP LESS to CSS using the built in WordPress plugin installer. If you download WP LESS to CSS manually, make sure it is uploaded to \"\/wp-content\/plugins\/custom-bootstrap-editor\/\".<\/p><\/li>\n<li><p>Activate WP LESS to CSS in the \"Plugins\" admin panel using the \"Activate\" link.<\/p><\/li>\n<li><p>After installing create a new directory in the root of your WordPress installation. The name of this direcory should be <code>wpless2css<\/code>. This directory should contain at least one file named <code>wpless2css.less<\/code>.<\/p><\/li>\n<li><p>CSS files are saves in <code>wp-contents\/uploads<\/code> make sure the directory is writable.<\/p><\/li>\n<li><p>Save settings once, even without any code, to create your CSS.<\/p><\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>First version<\/li>\n<\/ul>","raw_excerpt":"This plugin helps you to build and maintain your website with LESS.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/26587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=26587"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bassjobsen"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=26587"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=26587"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=26587"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=26587"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=26587"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=26587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}