• Save
Theme Development: From an idea to getting approved to wordpress.org
Upcoming SlideShare
Loading in...5
×
 

Theme Development: From an idea to getting approved to wordpress.org

on

  • 1,602 views

Theme Design & Development from scratch to getting approved to wordpress.org

Theme Design & Development from scratch to getting approved to wordpress.org

Statistics

Views

Total Views
1,602
Views on SlideShare
1,598
Embed Views
4

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 4

https://twitter.com 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Theme Development: From an idea to getting approved to wordpress.org Theme Development: From an idea to getting approved to wordpress.org Presentation Transcript

  • THEME DEVELOPMENT:FROM AN IDEA TO GETTING APPROVED TO WORDPRESS.ORG
  • It’s me SOVIT RANJITKAR Theme Designer/Developer
  • DESIGN & HTML/CSS DEVELOPMENT
  • 1.DESIGN
  • 1.1Grid System Follow
  • Popular Grid System Framework• 960.gs• 978.gs• goldengridsystem.com• ravelrumba.com/photoshop-grids/ OR• Make your own Grid System
  • 978 Grid System
  • 1.2Simple Clean & Beautiful
  • Simple can be harder than complex: You haveto work hard to get your thinking clean tomake it simple. But its worth it in the endbecause once you get there, you can movemountains. -Sir Steve Jobs
  • Simple Clean & Beautiful Technique• White Color/ White Space• Line Height/ Margin/ Padding• Use less Color• Do not use High Contrast Color
  • Popular Simple, Clean & Beautiful Premium WordPress Themes
  • Power of Simple, Clean & Beautiful WordPress Themes $1.3 Million from 4 June 2011 till Date
  • Popular Simple, Clean & Beautiful Free WordPress Themes
  • One more New Free Theme Attitude by Team Horse Coming Soon..
  • 1.3Perfect Typography
  • Popular Web Font Embedding Services• google.com/webfonts• typekit.com• webtype.com• fontdeck.com• fontslive.com
  • Make clear readable text
  • Do not use more font-family
  • 1.4Icons & UI Elements
  • Design is not just what it looks like and feelslike. Design is how it works. -Sir Steve Jobs
  • Free Icons
  • Free UI Elements
  • 2.HTML/CSS DEVELOPMENT
  • 2.1Framework
  • Popular Frameworks• Choose Best Responsive Framework• Genesis• _S (underscores)• Bootstrap
  • 2.2WordPress Compatible CSS
  • ExamplesHTMLCSS
  • ResultDEMO
  • Other Compatible CSSImages aligns / Responsive Video/ iFrame/image support
  • Some Compatible CSSHeading Tags support
  • Some Compatible CSSstrong/ sup, sub/ blockquote/ current menu items
  • HTML Elements Demo
  • 2.3Validation
  • W3C Validation ServiceHTMLvalidator.w3.org/CSSjigsaw.w3.org/css-validator/
  • 1.5Use Beautiful Images for Demo
  • Image Resource• pixabay.com• photodune.net• shutterstock.com• istockphoto.com
  • Inspiration/ Resourcecssmania.com smashingmagazine.comcssdesignawards.com speckyboy.comawwwards.com premiumpixels.comcssawards.net css-tricks.comcsswinner.com subtlepatterns.comthebestdesigns.com psd.tutsplus.comthenextweb.com webdesign.tutsplus.comwebdesignledger.com net.tutsplus.comwebdesignerdepot.com webdesignerwall.comdeviantart.com iconsweets.com
  • It’s me Sanjip Shah Theme Developer
  • THEME REVIEW GUIDELINES• http://blog.japh.com.au/2012/09/06/problems-with-themes-on-themeforest-are-problems-with- themes/ Figure: Theme Review Guidelines
  • THEME REVIEW GUIDELINES• http://codex.wordpress.org/Theme_Review Figure: Theme Review Guidelines
  • THEME REVIEW GUIDELINES• http://developer.wordpress.com/themes/ Figure: Theme Review Guidelines
  • Code Quality• Via wp-config.php: define(WP_DEBUG, true)• Plugin – Theme Check – Log Deprecated Notices – Debogger – Debug – Debug Bar
  • 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>)
  • 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()
  • 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
  • THEME TEMPLATE FILES• index.php• comments.php• screenshot.png • Recommended 4:3 W:H raito, size 600*450• style.css
  • 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
  • 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
  • CREDIT LINK• Use Author uri or Theme uri as public facing credit link in the footer( only one ) Powered by WordPress Theme by Themehorse
  • Theme Unit Test Data• codex.wordpress.org/Theme_Unit_Test
  • THEME DOCUMENTATION• Recommended to include a readme.txt file.• Write about how to use the custom features of the theme.
  • My Suggestions• http://lists.wordpress.org/mailman/listinfo/the me-reviewers
  • ANY QUESTION? THANKYOU Sovit Ranjitkar/ Sanjip Shah Website: themehorse.com Twitter: @sovitranjitkar/ @sanjipshah/ @themehorseEmail: sovitranjitkar@gmail.com/ sanjiv.saha31@gmail.com