Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (19)
Andere mochten auch
Andere mochten auch (17)
Ähnlich wie Theme Development: From an idea to getting approved to wordpress.org
Ähnlich wie Theme Development: From an idea to getting approved to wordpress.org (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Theme Development: From an idea to getting approved to wordpress.org
- 1. THEME DEVELOPMENT: FROM AN IDEA TO GETTING APPROVED TO WORDPRESS.ORG
- 2. It’s me SOVIT RANJITKAR Theme Designer/Developer
- 3. DESIGN & HTML/CSS DEVELOPMENT
- 4. 1.DESIGN
- 6. Popular Grid System Framework • 960.gs • 978.gs • goldengridsystem.com • ravelrumba.com/photoshop-grids/ OR • Make your own Grid System
- 12. 1.2 Simple Clean & Beautiful
- 13. Simple can be harder 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 New Free Theme Attitude by Team Horse Coming Soon..
- 20. Popular Web Font Embedding Services • google.com/webfonts • typekit.com • webtype.com • fontdeck.com • fontslive.com
- 21. Make clear readable text
- 22. Do not use more font-family
- 23. 1.4 Icons & UI Elements
- 24. Design is not just what it looks like and feels like. Design is how it works. -Sir Steve Jobs
- 25. Free Icons
- 26. Free UI Elements
- 28. 2.1 Framework
- 29. Popular Frameworks • Choose Best Responsive Framework • Genesis • _S (underscores) • Bootstrap
- 32. Result DEMO
- 33. Other Compatible CSS Images aligns / Responsive Video/ iFrame/image support
- 34. Some Compatible CSS Heading Tags support
- 35. Some Compatible CSS strong/ sup, sub/ blockquote/ current menu items
- 37. 2.3 Validation
- 39. 1.5 Use Beautiful Images for 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 Sanjip Shah 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 • Via wp-config.php: define(WP_DEBUG, true) • Plugin – Theme Check – Log Deprecated Notices – Debogger – Debug – Debug Bar
- 47. REQUIRED HOOKS AND NAVIGATION • 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 and Scripts • 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 are required 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 • Use Author uri or Theme uri as public facing credit link in the footer( only one ) Powered by WordPress Theme by Themehorse
- 54. Theme Unit Test Data • codex.wordpress.org/Theme_Unit_Test
- 55. THEME DOCUMENTATION • Recommended to include a readme.txt file. • Write about how to use the custom features of the theme.
- 56. My Suggestions • http://lists.wordpress.org/mailman/listinfo/the me-reviewers
- 57. ANY QUESTION? THANKYOU Sovit Ranjitkar/ Sanjip Shah Website: themehorse.com Twitter: @sovitranjitkar/ @sanjipshah/ @themehorse Email: sovitranjitkar@gmail.com/ sanjiv.saha31@gmail.com