I am an author at ThemeForest, give you the best cheatsheet that how to approve your HTML Template and WordPress theme item on
How to approve ThemeForest item? It’s really difficult to know,
For approval ThemeForest checklist –
Spacing and Alignment issues:
- Section to section spacing makes it same gap section to section. If you have a section that full of images and design is so creative atheistic no way to find out where my ruler get to start point to endpoints no problem just skip it go to next section which is clear to know start to endpoints. Follow ThemeForest forums and check latest atheistic design what actually they are doing you to get your answer from their item. Here, I showing you how to approve theme but if your author or will be you must follow
latestitem what actually they are doing about trending, features and most wanted item.
- Top bar header vertical/horizontal alignment checklist – make this measurement pixel to pixel same distance using some of the add-ons like chrome dimensions ruler or you can use Lightshot to check every element to element distance is accurate.
- Slider section vertical/horizontal alignment check to make confirm that is full of logical and that have an explanation why you do this but better to do same distance element to element.
- Section grid based alignment – check it out if your template full of grid-based or solid-state design so take a measurement to make it same distance grid to grid padding also section to section.
- Text alignment: Your template title, subtitle, paragraph text make the same alignment to get the approval of ThemeForest. If you use left align make all title, subtitle, paragraph left align you must follow your H1, H2, H3, P, span tag is it ok or not must check one by one carefully.
- Element to Element Spacing – Every element not independent by own design it must have relation with each other’s so must care about their spacing and make the logically explainable alignment.
- Inner element spacing and alignment – Must be careful about every element design with relation nearby element which is really best design or not. Make your measurement to inner element spacing like not use more then 3 font size on each element also not use more then 3 types of a gap on each element if you can make it perfect that also different.
- Your website button should be the same – We must need to know about user interaction which way you go your client to click also make your contact form button, call to action button same with website button it does not size its design like if you use 5px curve then use the same ratio your every button its mandatory. Don’t use the different button on the different page also element make it same by design whatever their size is.
- Vertical/horizontal spacing about kerning, tracking, letter spacing, Word spacing, leading this type of terms you must care how to use this accurate on that if you don’t know about details you can search online how to measure about that’s the point.
That was a huge knowledgably matter of vast way to know how it will be better. You must care about kerning, tracking, letter pacing, word spacing, leading, Type face.
How to approve typographic hierarchy :
- Font size use full website 6 or 7 is good but not more then 10, better to use 4/5/6 this is average ratio to output acceptable design.
- Font size use full website paragraph 2 size maximum 4 size but not more then 4.
- Every section must use minimum 2 maximum 4 not more then that.
- Footer address color phone number with some details color make different slowly for hierarchy issue.
- Give comments read more active color.
Typeface: this one is most powerful attention thing for typography issue.
- Set the mood as well your mind when fresh also when different situation its better to goes client perception how they see.
- Font Weight can main thing to rich your design acceptable.
- Sign in and Signup must include with perfect design
- Call to Action (CTA) section make attractive to get user interaction.
- Avoid irrelevant images, check full website that have any garbage images there
- Check any images have text than remove it if there is any html text consist its bad.
- Any section poor readability please note it and must change it.
White Space (or Negative Space)
- Section to section white/negative space mark it and fill it by logical solution if you not get any solution better remove it or consult with good ui ux designer but don’t stay with confusion.
- Inner section white/negative space find out and make it fill up with logic.
- Check title, credit line and paragraph white/negative space.
- Resize the browser (stop every 50px). See how it breaks. Its best practice to resize it manually.
- Short, text lead to faster reading when its small device than full text not necessary to show for that faster reading remove some text or short it.
- Lettering width is regular (and not condensed).
- H1 are in all Uppercase. if good keep it ?
- Home Page with All others home page
- Inner Page with All
- Remove Sitemap
- Remove inline css
- Make Contact forms Workable.
- Newsletter subscription Workable.
- Check comment section to login or register fully workable.
- Check console error
- Active Class add on nav
- Remove color switcher from Placeholder files.
- Add Mac Font smoothing and other smoothing code.
- Meta Title and Descriptions should not blank include it.
- Ensure a proper navigation.
- Favicon is loading if not must load it.
- Check Safari Browser? Cross Browser compatibility.
- Avoid Spelling and grammatical mistakes.
- Start a sentence with capital letter.
- Unorganized content layout remove it make it fully ok
- Check Pingdom cheeker(Give Rating)
- Check GT Matrix give state result
- Check Google’s PageSpeed Insights
- Take cheap web hosting with full of security base hosting provider
Theme Images Issue
- if background images/ all theme images have text.
- Check if images shadow cut doesn’t use it
- Note icon images download link its copyright issue must include it on themeforest presentation also description on their page.
- Generate SVG file if needed its good practice.
Submit RTL version for getting huge sale on themeforest.
Important notes for WordPress conversion: Concern HTML developer when their coding must analysis before start that this item which wordpress plugin will be used than use wordpress class to make easy conversion otherwise it will hassle and delay when convert it to WordPress developer so do work before planning and full of RND
If any of this issue you skip when you on quality control must know that you can’t accept your item on ThemeForest which I have written, its fundamental thing that I noted must be solved above issue after you can submit you have a good chance of accepting your item easily also you can visit WordPress gaming theme or free WordPress theme which makes actual design ThemeForest quality oriented