- Front-end:
foundation
- Tema WordPress:
app/public/wp-content/themes/custom_theme
- Importante: editar o nome da pasta
custom_theme
nos arquivos:foundation/config.yml
- linha 23:app/public/wp-content/themes/custom_theme
.gitignore
- linha 101:wp-content/themes/custom_theme/assets/
- Importante: editar o nome da pasta
- Backups banco de dados e ACF:
Google Drive/Projetos/Pasta do Projeto/Backups
Configuração Local by Flywheel
Para iniciar o projeto, basta criar um novo site no aplicativo, assim já teremos a estruturação básica do servidor.
- Criar um novo site no Local by Flywheel
- Entrar, via Terminal, na pasta raíz do site (aquela que contém app, logs, etc.) e executar os seguintes comandos para clocar o repositório na pasta de forma correta:
git init
git remote add origin $url_do_repositorio
git fetch origin
git checkout -b master --track origin/master
O arquivo .gitignore versiona somente os arquivos relevantes para o desenvolvimento no WordPress (dentro da pasta app/public/wp-content
).
Para visualizar ou realizar alterações no front-end do site (HTML, CSS ou JS), basta executar os seguintes comandos no terminal, dentro da pasta do front (foundation):
npm install
foundation watch
Ao executar estes comandos, o front-end em HTML poderá ser visualizado no navegador e os assets serão copiados para o tema do WordPress.
Ao executar foundation watch
ou foundation build
na pasta do front-end, os arquivos da pasta foundation/src/assets são copiados automaticamente para a pasta do tema em app/public/wp-content/themes/custom_theme/assets.
Para melhorar nosso fluxo e performance dos projetos, adicionei dois plugins no Gulp:
- gulp-htmlmin
- gulp-webp (para mais informações sobre o uso de WEBP: Essential Image Optimization)
Ambos só são executados com a task build, ou seja, os HTMLs e imagens WEBP serão geradas quando executado o comando foundation watch
pela primeira vez ou executado foundation build
.
Caso tenha alguma dúvida, é só falar com carlos@coopers.pro.