Prioridade no design CSS do WordPress

Olá a todos, um pouco de n00b aqui, mas é uma maravilha o que um pouco de aprendizado imersivo pode fazer por vocês. Por ser um iniciante nessas coisas, acho que seria decente para mim compartilhar um erro incrível que eu havia superado e aprendido hoje.

Eu estava trabalhando ao lado de um cliente, fazendo várias alterações de CSS de acordo com suas solicitações enquanto revisávamos o projeto. Agora, neste momento, e na minha inexperiência, tendo a pular entre Adobe Dreamweaver, Notepad ++ / Filezilla e o epanel embutido em nosso tema WordPress de modelo. Bem, você poderia dizer que esta é uma história de por que não fazer isso.

Enquanto trabalhava dessa maneira, de repente descobri que as mudanças que fiz nos meus temas filhos não estavam funcionando; os resultados não estavam indo ao ar. Depois de mexer por mais tempo do que gostaria de admitir, descobri que existe uma espécie de prioridade entre os vários arquivos CSS. A maioria das pessoas entende que o tema Criança tem prioridade sobre o tema base em um site WordPress. No entanto, ao trabalhar com temas WordPress premium de sites como ElegantThemes, ThemeForrest, etc. Eles geralmente têm editores CSS especiais integrados. Eles tendem a editar seus próprios arquivos de recursos, como a forma como o epanel edita “theme / epanel / css / panel. css “e isso tem prioridade até mesmo sobre o arquivo style.css de temas filhos.

Portanto, se você gosta de mim e decidiu editar aleatoriamente esta seção de CSS do epanel, nenhuma quantidade de invasões em seu style.css alterará qualquer edição encontrada nesse arquivo panel.css e, portanto, não aparecerá em seu site. A lição aprendida é manter todas as suas edições CSS em uma cesta.