More Related Content
Similar to Theme Development: From an idea to getting approved to wordpress.org
Theme Development: From an idea to getting approved to wordpress.org
- 1. THEME DEVELOPMENT: FROM ANIDEA TO GETTING APPROVED TO WORDPRESS.ORG
- 2. It’s me SOVITRANJITKAR Theme Designer/Developer
- 3. DESIGN & HTML/CSSDEVELOPMENT
- 4.
- 5.
- 6. Popular Grid SystemFramework • 960.gs • 978.gs • goldengridsystem.com • ravelrumba.com/photoshop-grids/ OR • Make your own Grid System
- 7.
- 12. 1.2 Simple Clean &Beautiful
- 13. Simple can beharder than complex: You have to work hard to get your thinking clean to make it simple. But it's worth it in the end because once you get there, you can move mountains. -Sir Steve Jobs
- 14. Simple Clean &Beautiful Technique • White Color/ White Space • Line Height/ Margin/ Padding • Use less Color • Do not use High Contrast Color
- 15. Popular Simple, Clean& Beautiful Premium WordPress Themes
- 16. Power of Simple,Clean & Beautiful WordPress Themes $1.3 Million from 4 June 2011 till Date
- 17. Popular Simple, Clean& Beautiful Free WordPress Themes
- 18. One more NewFree Theme Attitude by Team Horse Coming Soon..
- 19.
- 20. Popular Web FontEmbedding Services • google.com/webfonts • typekit.com • webtype.com • fontdeck.com • fontslive.com
- 21.
- 22. Do not usemore font-family
- 23. 1.4 Icons & UIElements
- 24. Design is notjust what it looks like and feels like. Design is how it works. -Sir Steve Jobs
- 25.
- 26.
- 27.
- 28.
- 29. Popular Frameworks • ChooseBest Responsive Framework • Genesis • _S (underscores) • Bootstrap
- 30.
- 31.
- 32.
- 33. Other Compatible CSS Imagesaligns / Responsive Video/ iFrame/image support
- 34. Some Compatible CSS HeadingTags support
- 35. Some Compatible CSS strong/sup, sub/ blockquote/ current menu items
- 36.
- 37.
- 38.
- 39. 1.5 Use Beautiful Imagesfor Demo
- 40. Image Resource • pixabay.com •photodune.net • shutterstock.com • istockphoto.com
- 41. Inspiration/ Resource cssmania.com smashingmagazine.com cssdesignawards.com speckyboy.com awwwards.com premiumpixels.com cssawards.net css-tricks.com csswinner.com subtlepatterns.com thebestdesigns.com psd.tutsplus.com thenextweb.com webdesign.tutsplus.com webdesignledger.com net.tutsplus.com webdesignerdepot.com webdesignerwall.com deviantart.com iconsweets.com
- 42. It’s me SanjipShah Theme Developer
- 43. THEME REVIEW GUIDELINES • http://blog.japh.com.au/2012/09/06/problems-with-themes-on-themeforest-are-problems-with- themes/ Figure: Theme Review Guidelines
- 44. THEME REVIEW GUIDELINES •http://codex.wordpress.org/Theme_Review Figure: Theme Review Guidelines
- 45. THEME REVIEW GUIDELINES •http://developer.wordpress.com/themes/ Figure: Theme Review Guidelines
- 46. Code Quality • Viawp-config.php: define(WP_DEBUG, true) • Plugin – Theme Check – Log Deprecated Notices – Debogger – Debug – Debug Bar
- 47. REQUIRED HOOKS ANDNAVIGATION • wp_title() • wp_head() – (immediately before </head> • body_class() – (inside <body> tag) • $content_width • post_class() • wp_link_pages() • wp_footer() – (immediately before </body>)
- 48. Including Stylesheets andScripts • For stylesheet • Use get_stylesheet_uri() for main style.css file • Use wp_enqueue_style() for other css files • For Script • Use wp_enqueue_script()
- 49. WordPress-Generated CSS Classes • Alignment Classes • .aligncenter • .alignleft • .alignright • Caption Related Classes • .wp-caption • .wp-caption-text • .gallery-caption • Post Classes • .sticky • Comment Classes • .bypostauthor
- 50. THEME TEMPLATE FILES •index.php • comments.php • screenshot.png • Recommended 4:3 W:H raito, size 600*450 • style.css
- 51. SECURITY AND PRIVACY •All data should be validated and sanitized • Theme Options Page should be added via add_theme_page • edit_theme_options capability for add_theme_page() • Prefix all options, custom functions, custom variables
- 52. LICENSING • Themes arerequired to be 100% GPL-licensed, or use a GPL-compatible license. • This includes all PHP HTML, CSS, images, fonts, , icons, and everything else. All of the theme must be GPL-Compatible. • In style.css file add the following License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html
- 53. CREDIT LINK • UseAuthor uri or Theme uri as public facing credit link in the footer( only one ) Powered by WordPress Theme by Themehorse
- 54. Theme Unit TestData • codex.wordpress.org/Theme_Unit_Test
- 55. THEME DOCUMENTATION • Recommendedto include a readme.txt file. • Write about how to use the custom features of the theme.
- 56.
- 57. ANY QUESTION? THANKYOU Sovit Ranjitkar/ Sanjip Shah Website: themehorse.com Twitter: @sovitranjitkar/ @sanjipshah/ @themehorse Email: sovitranjitkar@gmail.com/ sanjiv.saha31@gmail.com