Здравствуйте!
Коротко об этапах разработки сайта:
1) Подготовка макета (дизайнер рисует psd макет). Лучше дизайн рисовать под конкретную сетку. Например, под сетку для bootstrap, skeleton и т.д.
2) Этап верстки макета - верстальщик верстает макет с использованием html 5 + css 3 + js. Допольнительно можно подключать все, что угодно. Это могут быть различные js библиотеки (jQuery, Angular JS, слайдеры - slick.js и многое другое). Также это могут быть различные шаблонизаторы и доп. языки для формирования динамического кода... Например, haml, less, scss. Также он подключает подходящую сетку. Например, bootstrap 3 или bootstrap 4 или skeleton и многое другое. или верстает флексами, css grid и т.д.
3) Этап адаптации (подразумевает под собой адаптацию обычного статичного html шаблона под разные CMS & CMF системы). Например, если речь идет о WordPress, то создается тема с применением основ рнр и кодекса WordPress. (изучите кодекс ВП). Если это например, сайт на Spring Boot (java), то например, могут адаптироваться под freemarker, thymeleaf, mustache и т.д. Также если речь идет о ВП, то на этом этапе можно прикрутить фреймворк для управления настройками темы. например, redux framework. Правда, можной обойтись малой кровью и просто прикручивать кастомные поля ACF или carbon fields (фреймворк). Ну или использовать внутренние средства ВП для формирования настроек темы.
Если речь идет об использовании готовой темы для ВП, то тут все намного легче.... установили готовую тему на сайт, при необходимости прикрутили кастомные поля ACF или если это премиум тема (в ней уже есть фреймворк и скорее всего визуальный редактор). А дальше при помощи виз. редактора добавляете контент и сдаете заказчику. При необходимости внесения правок в премиум тему, можете создать дочернюю тему и вносить правки туда, дабы не потерять внесенные правки при обновлении.
Простой
