I would like to add a few options to the BrowserSync task on the Bigcommerce Stencil theme. I would like to add the open and browser options to open the Safari using the external url when I run "Stencil Start".
I have been looking through the source code and cannot find the browsersync task where I can add the options.
The only file that looks familiar is:
/node_modules/#bigcommerce/citadel/grunt/browserSync.js
Appreciate any help.
Related
I am developing a WordPress Plugin. Which have the dynamic colors options from WordPress Backend.
Now, in a plugin, I am using the LESS file with variables to give the dynamic output to the users whenever they change the colors from Backend Admin Settings.
If anyone can help me with the tool that compiles the LESS file on the fly and make the CSS file.
OR
Can I use the LESS file directly in my WordPress enqueue_script?
Please suggest the best.
I've taken over the administration of a website. The developer before used GULP to track changes to the theme code. Unfortunately GULP is causing me more problems than it is helping me move forward, so I would like to know if there is a way to take GULP out of the theme again? The previous developer refuses to set up GULP for me. I only have access to the theme directly via WordPress or FTP. So now if I want to make adjustments to the CSS or the theme code, I have to do it on 3 files (that are named the same, but placed in 3 different folders), because the caching/mechanisms of GULP take effect in several places.
Since I'm not familiar with GULP I hope these information are enough for you to help me with that issue.
When developing a plugin for Kibana, npm start automatically transforms plugin code using Babel. Is there a way to disable that to simplify local debugging?
Edit https://github.com/elastic/kibana/blob/master/tasks/config/babel.js and add a line under src to exclude your plugin code.
I was wondering why .css file rewrite itself on Joomla.
I have bought Joomla template. In template manger under general settings I am using Development Mode On. If I use Development Mode OFF I am not able to change .css files.
For example: I am using theme which is located in t3-assets/dev/ theme i choose
When I use On mode I find section I want to change, it works. But after some time it rewrites it self. I was wondering how to prevent that if possible?
Some templates are overwritten alone , go to your server and take off the writing mode in the template folder.
My guess is that the template is using LESS, so CSS are compiled each time you modify LESS. If that is the case, you should not prevent it, but find the correct way to include your modifications (probably there's a "custom.less" or similar file for that).
I googled the same question but couldn't find the perfect answer, Can anybody make it clear on how to use LESS CSS in WordPress theme development? I don't want to rely upon online scripts.
I already tried https://github.com/sanchothefat/wp-less but no luck..
Your question is very broad? Too broad I think.
How does your develop process looks now? How do you want to compile your Less code.
Notice that Less code should be compiled into static CSS. Of course you can use the in browser version too, but in-browser compiling is not suitable for production.
Basically you should compile your Less into CSS first. You can compile styles.less into styles.css and upload that file into your wp-content/themes/yourthemes folder. Instead of styles.css you can use any other file and integrate in with the wp_enqueue_style function into your theme.
In the case that you want your Less code via the WordPress dashboard, you can install the WP Less to CSS plugin. This plugin compiles your Less code into a static CSS file as described above.
The JBST theme use the Less plugin describe above. You can also take a look at the Roots.io theme, which uses Less, npm and grunt to build.
A process that, for now, I use occasionally. I installed Koala, which creates CSS files from LESS on the fly. Then we create style.less and as we write code in it - through, for example, WinSCP upload to the server in the theme folder.
You can also use a copy of the site on a local server like OpenServer (OSpanel). With Koala create CSS automatically from LESS in theme folder on local server. After changes - upload them to the work server.
You can use Grunt.js to compile the file locally or some app lice CodeKit. Also you can use some wordpress plugins like this one: https://wordpress.org/plugins/wp-less/
I used that plugins before an it works fine.