Como fazer suas alterações CSS tomarem efeito instantaneamente
Como fazer suas alterações CSS tomarem efeito instantaneamente
Este tutorial explica como garantir que quaisquer mudanças de CSS que você fizer possam ser vistas imediatamente. Esta é a dificuldade mais comum encontrada pelos novatos quando vão programar temas para o Plone.
Ativando o modo de desenvolvimento
Antes de iniciar qualquer personalização de CSS você deve ativar o modo de desenvolvimento. Isso irá garantir que o cache e a compressão de CSS estarão desativados. Isso também irá garantir que você possa ver as alterações em tempo real, depois de atualizar seu navegador.
Aqui estão os passos necessários para ativar o modo de desenvolvimento:
- Faça login no seu Plone Site com o usuário admin
Adicione /manage na URL para acessar a ZMI
Navegue na ZMI até o objeto portal_css
- Marque a caixa de seleção Debug/development mode
- Clique no botão Save
Quando terminar de fazer suas modificações de CSS, você deve desabilitar o modo de debug/development pois afeta o desempenho do seu site Plone.
Recacheando manualmente suas alterações
Algumas vezes é importante efetuar os testes com a personalização de seu CSS no modo que ele aparece para o usuário final, ou seja, com os arquivos CSS cacheados, ou então por questões de desempenho quando se ativa o modo Debug. Uma forma de recachear imediatamente os arquivos CSS é chamando a funcao cookResources: basta chamar http://seusite.com/portal_css/cookResources.