Themeforest WordPress theme development workflow

Development Process

Develop the entire website in localhost Commit changes to git and push to Bitbucket or github.

1. Starter theme

Make Your Own Starter theme based On Underscores or Twenty Seventeen (New version of WordPress default theme) and Underscores (made by Automattic)

After Complete your starter theme save this on GitHub or Bitbucket.

Theme Option Framework

Great way to include theme customization options that non-developers can manage and understand. Many users don’t have a clue what CSS is – but they can use tabs, toggles, drop -downs and color pickers.

Create own custom framework are time consuming. So we prefer readymade Option framework Like

Customiser Framework

Provides a simple and intuitive API for registering Customizer settings, including advanced control types. Automatically sanitizes settings based on the control type.

Gutenberg Helper

Page Builder

Page builders allow you to create, edit, and customize your site layout without writing any code.

Most Popular Page builders:

2. Start Work For New Project

Cloning your starter theme (or a fork of it) into /wp-content/themes/ folder

3. Use task runner Like Grunt or gulp

For What ?

  • Prefixes to use in CSS
  • Compressing my images
  • Linting and minifying JS files
  • Creating sprites
  • Constantly refreshing my browser
  • Create .pot file for translation

GULP RESOURCES

GRUNT RESOURCES

4. Use Preprocessor Like Sass Or Less

4. Use git

Why Use Git:

  • Never have to remember which files you changed
  • Super easy to keep all copies in sync

Git Resource:

Desktop Tools

WORDPRESS-SPECIFIC GIT RESOURCES

5. Use Trello

Theme development is managed with Trello. Trello is a task management app that gives you a visual overview of what is being worked on and who is working on it. The team sets about beta testing the theme. A list of bugs, tweaks and solutions is compiled, a hackathon is scheduled, and everything is completed by the developer.

http://lifehacker.com/how-to-use-trello-to-organize-your-entire-life-1683821040

6. Clean Up Your Source Code

  • Messy source code is a developer’s nightmare. It makes finding things difficult, and it makes it extremely difficult for anyone else to work with it.
  • Indent nested lines.
  • Indent tabs always.
  • Be consistent with formatting.
  • Include concise, descriptive comments.
  • Mind your line breaks.
  • Strive for clean markup.

7. Keep In Mind While Developing a theme:

Add this to wp-config.php define( 'WP_DEBUG', true );

Escape Everything

Prefix Everything

Do Not Prefix Third Party Scripts

Properly Include Plugins Using TGMPA

Provide Offline Documentation

Offline documentation ensures that your customers are not hanging when there is not an Internet connection available or when your files are inaccessible – for any reason. Additionally, you do not have to ensure the assets will be infinitely accessible.

Test theme

8. Run Tests

Check Plugins

Conclusion

If your theme complies with the following Workflow, you’ll probably have a much quicker time getting your WordPress theme approved on ThemeForest.

Credits:

Rich Tabor, Dara Skolnick

Copyright Ataurr

Licence GPL 2+

Leave a Reply

Your email address will not be published. Required fields are marked *