Adicionar uma versão dinâmica no CSS do tema WordPress

Vamos aprender Adicionar uma versão dinâmica no CSS do tema WordPress. As vezes queremos desativar, ou remover qualquer versão dos arquivos CSS e Javascript do nosso tema, porém, de tempos em tempos, sentimos a necessidade de fazer algumas mudanças no CSS. É aí que entra o dilema: o site utilizar cache TLL nos navegadores e isso demora para atualizar.

Por outro lado, isso pode causar impacto no carregamento do site. Pode ser, mas se o seu arquivo CSS é de um tamanho médio, menos de 100 KB pode não mudar nada em relação ao desempenho do site.

O que você precisa fazer é se livrar de temas que tenham mais de 200 KB de arquivos CSS. Eu sempre falo isso em minhas postagens, mas se você não ver isso como um problema, então siga os seus instintos.

O que eu quero mostrar aqui é como adicionar uma versão dinâmica no CSS do tema WordPress, para o caso de você querer fazer algumas alterações no seu tema.

Como adicionar uma versão dinâmica no CSS do tema WordPress

A primeira coisa a fazer é o backup de qualquer arquivo que você for modificar no seu site. E neste caso o arquivos que e estou falando é o functions.php e você deve ter cuidado ao editá-lo.

Acesse o seu site através de qualquer programa de FTP, ou pelo cPanel e procure a pasta themes, que fica dentro de wp-content.

Localize o arquivo functions.php e cole o seguinte código e troque nome-do-estilo-css pelo nome da string do seu tema. Este deve estar na função de conexão que você vai substituir.

wp_enqueue_style('nome-do-estilo-css', get_stylesheet_directory_uri() . '/style.css', '', time());

Se o seu tema remove automaticamente todas as verões de javascript e CSS, você pode inserir ?1 style.css. Por exempçlo: style.css?1 e salvar seu arquivo.

Definir manualmente a versão do CSS

Esta opção é uma boa alternativa, para quem não quer criar uma versão dinâmica de CSS, que muda sempre que houver uma requisição HTTP.

Com o código abaixo, você adiciona uma versão de um arquivo, estático. Neste caso, quando fizer qualquer alteração no arquivo, será necessário alterar também a versão do arquivo, para que ele tenha efeito imediato.

wp_enqueue_style( 'nome-do-estilo-css', get_stylesheet_directory_uri() . '/style.css', '', '1.5' );

Excluir a versão do CSS após algum tempo

Você pode querer excluir a versão do CSS depois de algum tempo. Por exemplo: depois de um mês, ou de acordo com as configurações de expiração dos cabeçalhos do seu site.

Então cole o código a seguir sobrepondo o que tem a versão ativada.

wp_enqueue_style('nome-do-estilo-css', get_stylesheet_directory_uri() . '/style.css');

Nota: é importante comentar a linha com a função, ao invés de excluir. Dessa forma, quando você quiser voltar e alterar algo no CSS, ela está lá.

Estas foram algumas das etapas capazes de adicionar uma versão dinâmica no CSS do tema WordPress. Certamente existem outras boas opções, porém estas funcionaram nos meus testes.

Teremos o maior prazer em ouvir seus pensamentos

Deixe uma Comentário


Temas Blog
Logo