WordPress Theme Development Spartans – Ultimate Kit 2019
Prerequisites for WordPress Theme Development / Web Project
Have you ever thought about ‘House Building Process’? With each web project, we go through
the same process (almost). House building is a need. My need. Your need. Or it can be any
client’s need. Right? So, before we start building, we consider a few things beforehand. We try to get as many details as we can. We discuss budget etc. Budgets vary and the building process varies along with it. The core will always remain same. However, the use of resources and the outcome will let us know that heavy investments were made in the building proces.
To create or build any WordPress Theme from Scratch, we go through the same process.
Following is a list of steps that we usually take to make a WP Theme.
1. Idea – Preliminary Thoughts – Brainstorming
2. Pencil Sketch – Raw Prototype – Reference Sites
3. Color Palette – Typography – Icons – Images –
4. Markup / Structure / Sections, Divs and Classes etc
5. CSS – Styles as per brainstormed design
6. Interactivity / Animations / Effects etc
7. Programming (CMS based website or Non-CMS based Website). Theme Building / Plugin
Development / Addon etc
8. Production – Staging – Live (Git etc)
9. Preparing to Move from Localhost to Live Server / Migration / Manual or Automated Process
10. Feedback – Revisions – Updates etc
11. Final Product – How/ When and Where to Deliver/ Invoices / Payment / For Sale or One Time
Product
USEFUL RESOURCES / ASSETS 2019 for #WPSPARTANS300
https://www.freelancepakistan.com/wordpress-tips/wordpress-theme-development-kit-spartans-2019/
Prototype / Wireframe / Mockup
https://moqups.com/
https://balsamiq.com/
https://atomic.io/
https://www.adobe.com/products/xd.html
https://www.figma.com/
https://www.framer.com/features/components/
https://www.invisionapp.com
https://www.uxpin.com/
https://webflow.com/
https://principleformac.com/
Typography / Fonts
https://fonts.google.com
https://www.fontsquirrel.com/
https://www.fontspace.com/
https://www.dafont.com/
https://www.1001fonts.com/
https://fonts.adobe.com/
Color Scheme Generators
https://color.adobe.com/
https://pigment.shapefactory.co/
http://www.schemecolor.com/
https://colorhunt.co/
https://coolors.co/
https://www.colourlovers.com/
https://color.hailpixel.com/
https://colourco.de/
https://sipapp.io/
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF