Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: Diego Andrés on December 15, 2013, 05:37:40 PM

Title: [2.1] Theme approval guidelines and recommendations
Post by: Diego Andrés on December 15, 2013, 05:37:40 PM
All themes submitted to the theme site will first go through a review process before they receive an approved status and are shown in searches. If a problem is found during the review, you will be asked to fix it before proceeding.
Below you'll find useful information to help you proceed.

Theme guidelines
Take some time to get acquainted with the guidelines outlined here (https://wiki.simplemachines.org/smf/Customization_approval_guidelines). Your theme will have to comply with them.

Required folders

Required files

Optional files



Packaging
And finally, once you have made your theme, time to package it! For the theme to install correctly, you should package only the root files and folders. Compress it into a .zip or .tar.gz file and it's ready to go. If you package is inside a main folder, your theme will not work.

To submit your theme, simply go to the theme site and post a new theme (http://custom.simplemachines.org/themes/index.php?action=posttheme;sa=new).

Others can help you too! Post here (http://www.simplemachines.org/community/index.php?action=post;board=34.0) if you need support or help with your theme.
If you have any questions about the approval process or about the guidelines, you can also send a PM (https://www.simplemachines.org/community/index.php?action=pm;sa=send;u=1) to the customization team.



Important links and information.
Title: Re: [How to] Get your theme ready for approval
Post by: Antechinus on June 30, 2014, 04:18:10 PM
Got a question about theme packaging. Normally you don't include extraneous files in a theme zip. However, it would be best to serve the CSS minified, for obvious reasons. The drawback with doing this in a custom theme is that obviously minified files are a PITA to work on, if you wish to make any changes.

The amount of commenting required to make the thing really easy to navigate for anyone unfamiliar with the file, or with CSS files in general, is quite substantial. That means I'm seriously considering packing up my next theme with minified CSS linked up by default, but with a subsidiary folder (../css/expanded) that contains fully formatted and commented files for anyone who wants to work on them.

If anyone just wants to download the theme and use it, it can run straight off the minified CSS and the expanded files would be surplus to requirements. OTOH, it doesn't seem sensible to make people download a separate package of expanded files. The amount of storage space they'll take on the server is negligible, so throwing them into a folder of their own inside the theme zip seems like the obvious option to me. They can include commented links to a few good online minification tools, so that even teh dreaded n00bz can hopefully minify their stuff once they have finished playing with it.

So question is: would the Customise Team be cool with this plan? :)
Title: Re: [How to] Get your theme ready for approval
Post by: margarett on June 30, 2014, 04:48:50 PM
It seems a very good idea ;)
Title: Re: [How to] Get your theme ready for approval
Post by: Antechinus on June 30, 2014, 08:44:34 PM
Yeah I thought so, but technically it is against current guidelines so I figured time to thrash it out.

I'm also playing with minifying the js. I already have hoverIntent and Superfish and minified into one file (keeping the file headers from each for licence requirements) and that works fine. I ran theme.js through a scruncher too and that is still fine, so it seems reasonable to bung that in with the other two. Hardly anyone ever edits theme.js, and it has to load at the top of index.template.php anyway.

I did try minifying script.js and that broke stuff, so I'll probably leave that one alone due to the complexity of testing it thoroughly.
Title: Re: [How to] Get your theme ready for approval
Post by: Colin on June 30, 2014, 11:16:16 PM
Sounds good to me!
Title: Re: [How to] Get your theme ready for approval
Post by: Antechinus on July 08, 2014, 09:02:58 PM
Ok, here's another one for you Purple Peeps. We're supposed to write custom theme markup that validates as XHTML Transitional. I can do that easily enough, but in some instances I specifically want to break validation.

The reason is that I want to include some of the WAI-ARIA stuff for better a11y. This stuff does not validate with an XHTML Transitional doctype. It will validate with an HTML 5 doctype, but frankly rewriting all of 2.0.x to validate as HTML 5 is too much work for one custom theme (even for me).

Even though the WAI-ARIA stuff doesn't validate as XHTML Transitional, it doesn't cause any problems with rendering or functionality, and is supported back to IE8 as well as in real browsers. Apart from the WAI-ARIA stuff, all other markup would validate (already does, of course).

Now obviously I could get fancy with javascript and insert the a11y stuff via js, so it was hidden from markup validation and it would all get a nice green stamp. That seems a bit bonkers to me though. I reckon it makes more sense to just throw it straight in the markup.

Wotcha reckon? :D
Title: Re: [How to] Get your theme ready for approval
Post by: Kindred on July 09, 2014, 07:35:08 AM
I reckon that some exceptions to the standard rules can be accepted on a case by case basis. :D
Title: Re: [How to] Get your theme ready for approval
Post by: Gary on July 09, 2014, 09:15:13 AM
Heh, yeah.

I know the guidelines say to validate to XHTML Transitional, but as long as it validates to the doctype it's been given (HTML5 in this case) then that's fine.
Title: Re: [How to] Get your theme ready for approval
Post by: gonencemlak.com.tr on September 13, 2014, 04:19:03 PM
I cheked for transitional as you are. It is looking validaded.  gonencemlak.com.tr hasn't any problem. But for html5 trehe are some problem.How we'll do?
Title: Re: [How to] Get your theme ready for approval
Post by: Gary on September 13, 2014, 04:26:05 PM
You only need to validate to the Doctype you've given it, and for us, it only matters if you're submitting for the theme site, if your theme is exclusive to your site, we don't really care.
Title: Re: [How to] Get your theme ready for approval
Post by: Dhayzon on March 14, 2015, 07:31:38 PM
how to  add single new language file
Title: Re: [How to] Get your theme ready for approval
Post by: Deaks on March 17, 2015, 01:16:32 PM
{dhayzon} just copy ThemeStrings.english.php and change the english to your language, then when opened you make the changes as required ... use other language files to get idea on how to lay it out.  Many themes have non english language files so see how they do it.  But please remember your themes default language must be english for it to be on Theme Site
Title: Re: [How to] Get your theme ready for approval
Post by: Dhayzon on March 17, 2015, 08:09:00 PM
thx  Ρουνικ   
Title: Re: [How to] Get your theme ready for approval
Post by: UFT on May 11, 2018, 05:12:24 PM
Is all of this information still current?  I notice it hasn't been updated since 2014 - 4 years ago.


— long quote removed from reply
Title: Re: [How to] Get your theme ready for approval
Post by: Deaks on May 11, 2018, 06:31:36 PM
yes its still relevant for 2.0 line
Title: Re: [How to] Get your theme ready for approval
Post by: UFT on May 12, 2018, 12:25:23 AM
Quote from: BryanD on May 11, 2018, 06:31:36 PM
yes its still relevant for 2.0 line

Thanks Bryan