Once you start using Sass, it’s pretty much impossible to go back to CSS lol. To anyone reading this and being afraid of Sass / LESS, don’t be. Take 1 day to learn the syntax / logic of these pre-processors, you’ll be blown away and never look back.
Couldn’t agree more I just wanted to learn SASS and LESS at one stage to see what it’s about. Got hooked. Now whenever I edit a normal CSS file I have to remind myself not to start using nesting etc.
That’s correct. I see now the post was about html templates, which I suppose is a bit different use case. I can see how css/js files would be more valuable since buyers will have to be somewhat technically savvy to use it.
Yea, that’s just why I wanted to clarify, all in all I have seen other WP themes add comments in their CSS. But I think when it comes to WP it’s up to the author. Good luck with the theme though!
Using Sass doesn’t mean you’re making assumptions. Buyers can still use the normal CSS files. It just adds one more option to the buyers. To me, it’s pretty much like providing PSDs with the download files so designers can modify some elements if they need.
I get that it doesn’t mean you make assumptions but since we were talking about CSS files being minified, I find it just a little safer to export an uncompiled CSS file for the users who don’t know SASS. I didn’t use the blockquotes so I’m not sure if you saw it was in relation to Black_Coffee_IO’s post. If you did then I apologize.
The OP is about the HTML category, so no theme options available (unless you go all ninja with an AngularJS live customisation panel like i have seen a few ones pop!).
Didn’t know that it was only for HTML, I worked with other WP themes like brooklyn and I know they have Table Of Contents in their CSS files, maybe just to add a little something extra. Good to know though, because I am busy with a WP theme. So sorry for that one.
You can have your table of content ported with Sass. In Sass, comments written with two slashes (// my comment) won’t get printed in the compiled file, but anything inside a /* my comment */ will get printed.
My one HTML template includes LESS so I’ll also agree with your statement earlier that it adds a lot of value to your item. Also I have to agree with adding comments like this, because it just goes quicker.
Thanks though really liked to hear your take on things as well.
The thing with about developing themes is just that you can never truly know who is going to buy the theme.
But I think in a sense you are right about any developers should be able to figure out how to use SASS to do the css changes. However you still don’t know if it’s a developer who actually knows much..
I personally find it dangerous to assume things about the middle-man and the end users. I have had people advertise themselves as web devs that simply buy a template for a client and then end up hiring me to do customisations because they don’t even know a lick of css. Although I don’t think this should be our problem
With that being said if your theme has a nice options panel, then I don’t see much reason for anyone to really jump into the CSS, SASS or JS files, except in cases of a bit heavier customisation.
The reason I mentioned the Table of Contents is because I had an item of mine get soft rejected and the reviewers then told me that the table of contents needed to be in my CSS files, so I’m not sure how it will pass if only the SASS files have Table Of Contents.
As far as your JS, if users don’t need to use it, then minify it. It’s like I said, any plugin I write, I minify, because it’s never going to be used for configs etc.
Just to clarify one thing. You are talking about building a WP theme right?
I’m planning on using SASS for a theme I’m making. I had a related question and didn’t want to start a new topic.
Is there an official policy on minimized css/js? What do the other authors here do?Reasons for minimizing are mostly to increase speed, but also in the case of the js to prevent code from being so easily stolen/copied.
I don’t know about any official policy, but I can only share what I do. For me personally I tend to leave the CSS uncompressed so that users can easily edit it, as well as the main jQuery file that makes all the plugin calls with settings etc. However, all of my jQuery plugins are minified and placed in one single file (including custom plugins) so that the site downloads quicker.
Since it is a requirement to have a table of contents in your CSS files etc, I would suggest you rather ship normal CSS files with your theme.
That’s what I do, I have looked at some of the code for other themes as well and the ones I looked at tend to go the same route, however most tend to leave all plugins as separate files.
I have also seen them ship the themes with jQuery plugins that have been minified, and the uncompressed plugin files in a separate folder for users. So that users can decide how and what they want to use.
That’s my take on it.
I think it would be best to read through their documentation: Redux Docs
Usually you’d call the option like this.
global $redux_demo; echo $redux_demo['opt-text'];
The $redux_demo variable being the global variable that is default on redux, so you might have changed this. and then, with the “opt-text” part obviously being the field option ID you want to call.
But read through the documentation, there are a couple different ways to output the style changes from the option panel to the front end. For instance: The Output Parameter Field Options
The reviewers won’t have any problem with having SASS files included with the template, I have seen one or two templates on TF that have SASS files included, however LESS holds the majority. It’s great because some users love that extra option of SASS or LESS just to be able to tweak things quicker.
I prefer LESS though. But that’s my personal preference and probably because I use Bootstrap most of the time
Went from 0 to 2 sales for this month.. So yay!
Oh wow… This looks so good! I really love it, the colors, shapes, typography. Looks good to me. Good Luck With It!!
You’ll need to work on it a lot more. Work on spacing, element sizes etc.
I really don’t like the loader because it shows the page is loading, but during that time you are looking at elements on a transparent pattern background and then the image pops in etc, I personally think a loader should hide the content until the page is completely ready, that’s my opinion though.
But yea, I think you need to work on it a bit more. Good luck!!