Стартовый шаблон «Чертоги Фрилансера» 4 (ЧФ4) оснащен возможностями, позволяющими с легкостью разрабатывать интерфейс сразу с интеграцией на CMS WordPress.
Для того чтобы иметь возможность работать с полноценным сервером на своем ПК, необходимо установить систему Docker (она бесплатна для собственного использования)
После установки Docker должен быть просто включен , без необходимости делать с ним что-то еще.
Для начала работы, после установки ЧФ4 и Docker, выполните команду npm run wp
При первом запуске система создаст папку backend куда запишет папку database с базой данных и папку wordpress с CMS WordPress. Не редактируйте папку backend и ее содержимое без четкого понимания своих действий.
Далее система откроет браузер с адресомhttp://localhost:8080/и предложит установку CMS WordPress на ваш новый сервер. После установки CMS все готово для разработки.
Если вы запускаете систему уже не в первый раз, то после команды npm run wp откроется браузер с адресом сервера CMS WordPress http://localhost:8080/ — главной страницей сайта.
Внимание!Docker должен быть запущен перед выполнением команды npm run wp
Чтобы начать разработку, перейдите в src/components/wordpress. Здесь вы найдете папку fls-theme. Это папка уже установленной темы по вашей CMS WordPress и вам достаточно просто редактировать файлы согласно задаче.
Редактирование стилей происходит в src/styles и соответствующих компонентах src/components
Редактирование скриптов в режиме разработчика происходит в соответствующих компонентах src/components и в файле src/components/wordpress/fls-theme/assets/app.js, в случае когда нужно написать собственную общую логику. Не удаляйте подключение функционала import ‘../fls-wp-includes.js’, это необходимо для корректной работы.
После сборки проекта файл src/components/wordpress/fls-theme/assets/app.js уже не подключается. JS/CSS код собирается в соответствующие файлы в папке src/components/wordpress/fls-theme/assets/build
Также, после сборки, существует возможность внести правки в файлы/wp-content/themes/fls-theme/assets/build/css/custom.css и/wp-content/themes/fls-theme/assets/build/js/custom.js
Внимание!Не редактируйте другие JS-файлы, которые находятся в src/components/wordpress
Также в src/components/wordpress доступна папка fls-plugin для создания собственного плагина
После завершения работы на сайте выполните команду npm run wpbuild, после этого, с помощью плагина WordPress для переноса сайта, который нужно установить самостоятельно, создайте дамп сайта и базы данных для дальнейшего переноса на удаленный сервер.
Поскольку после выполнения команд npm run wp и npm run wpbuild запускается Docker сервер, его следует останавливать в момент перерыва в разработке или ее завершении. Для этого выполняйте команду
npm run wpstop