How is the site creation process going?

Question

CMS

Hello! I am writing the first site from scratch, I have questions.
My vision of website development when I just started making it:
1) First comes the layout (HTML5, CSS3, Bootstrap) and adding functionality and plugins (JS, jQuery)
2) Then we take a template theme, for example, from underscores.me and add it to it layout + links to plugins, css files, etc.
3) We transfer the already completed theme to WordPress
4) Done
But recently I found out that it turns out that WP also has frameworks, and in general, few people write from scratch, because it takes too much time.
Questions:
1) What is the step-by-step process of creating a template site and a custom site?
For example, if the site is template, then the developer uses the page builder, which is built into the framework in WP and simply drags pictures and text, or does he write the site from scratch?
2) What tools are used during development (for example, html5blank is first edited, then everything is transferred to an empty theme from underscores.me, then the Unyson framework is installed, etc.)?

Answer 1

Hello!
Briefly about the stages of site development:
1) Preparation of the layout (the designer draws a psd layout). It is better to draw a design for a specific grid. For example, under the grid for bootstrap, skeleton, etc.
2) Layout stage - the layout designer typesets the layout using html 5 + css 3 + js. Additionally, you can connect anything you want. These can be various js libraries (jQuery, Angular JS, sliders - slick.js and much more). It can also be various template engines and add-ons. languages ​​for generating dynamic code... For example, haml, less, scss. It also connects a suitable grid. For example, bootstrap 3 or bootstrap 4 or skeleton and more. or layouts with flex, css grid, etc.
3) Adaptation stage (implies the adaptation of a regular static html template for different CMS & CMF systems). For example, if we are talking about WordPress, then a theme is created using the basics of PHP and the WordPress codex. (study the VP code). If this is, for example, a site on Spring Boot (java), then for example, they can adapt to freemarker, thymeleaf, mustache, etc. Also, if we are talking about the VP, then at this stage you can fasten the framework to manage the theme settings. e.g. redux framework. True, you can get by with a little bloodshed and just fasten custom ACF fields or carbon fields (framework). Well, or use the internal tools of the VI to form the theme settings.
If we are talking about using a ready-made theme for the WP, then everything is much easier.... installed a ready-made theme on the site, screwed custom ACF fields if necessary, or if it is a premium theme (it already has a framework and most likely a visual editor). And then with the help of visas. editor, add content and hand over to the customer. If you need to make edits to a premium theme, you can create a child theme and make edits there, so as not to lose your edits when updating.

Answer 2

Here

Answer 3

1. design
2. layout taking into account all the features of WordPress
3. stretching the template on WordPress
4. edits
5. edits
6. edits
7. edits
8. edits
9. edits
10. edits