WordPress: removendo o CSS customizado

Dica rápida de WordPress: como remover o CSS personalizado adicionado via Personalizador (Customizer). É simples, basta usar o filtro remove_action('wp_head', 'wp_custom_css_cb', 101);.

[english version? click here.]

Desde a versão 4.7, o WordPress permite que o usuários adiciome estilos CSS personalizados através do Personalizador.

Mas digamos que você queira que uma página específica do seu não use este CSS personalizado, como fazer para remover?

Digamos que esta página tenha o ID 10. Basta adicionar o seguinte código no arquivo functions.php do seu tema ou num plugin específico para site:

1
2
3
4
5
6
7
8
9
10
11
12
13

// primeiro verifica se não estamos no Admin
if( !is_admin ){
 
    // acessa a variável global post
    global $post;
 
    // detecta o post_id for igual o post id da página
    if( $post->post_id === 10){
 
        //remove a função wp_custom_css_cb da lista de ações em wp_head usando a mesma prioridade 101
        remove_action('wp_head', 'wp_custom_css_cb', 101);
    }
}

Obviamente, você pode usar outras condicionais para determinar a remoção do CSS personalizado. Por exemplo, se você não quiser que eles sejam aplicados as páginas de arquivo.

1
2
3
4
5
6
7
8
9
10

// primeiro verifica se não estamos no Admin
if( !is_admin ){
 
    // detecta se estamos num arquivo
    if( is_archive() ){
 
        //remove a função wp_custom_css_cb da lista de ações em wp_head usando a mesma prioridade 101
        remove_action('wp_head', 'wp_custom_css_cb', 101);
    }
}

Simples e rápido. Se precisar, os códigos acima estão disponíveis no Github da 2Aces.