Você sabia que pode alterar o estilo padrão da área de administração do WordPress? Você pode fazer isso substituindo a antiga folha de estilos. Para fazer isso, você precisa criar um novo arquivo CSS na pasta do seu tema e, em seguida, incluí-lo no WP-Admin usando o hook admin_head.
Neste artigo, mostraremos como personalizar seu painel do WordPress substituindo a antiga folha de estilos.
Instruções:
Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a um plugin específico do site:
Certifique-se de alterar os caminhos e, em seguida, faça o upload da nova folha de estilos no local correto onde você deseja substituir. Local: /wp-admin/css/colors-fresh.css. Você pode querer copiar a antiga folha de estilos e usá-la como modelo para a sua nova.
<?php
function customAdmin() {
$url = get_settings('siteurl');
$url = $url . '/wp-content/themes/my-theme/styles/wp-admin.css';
echo '<!-- custom admin css -->
<link rel="stylesheet" type="text/css" href="' . $url . '" />
<!-- /end custom adming css -->';
}
add_action('admin_head', 'customAdmin');
?>
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar / colar trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 62 melhores temas gratuitos de blog do WordPress ou 7 melhores plugins de formulário de contato do WordPress.
Este código costumava funcionar, mas não funciona mais devido à mudança no núcleo do WP. Basicamente, há uma função que remove CSS injetado no arquivo principal agora. (provavelmente por um motivo de segurança) Eu não descobri uma maneira de contornar isso.
Realmente frustrante.
Provavelmente foi o servidor ou seu dispositivo que não os renderizou. Notei a mesma coisa ao visualizar código em certos sites/dispositivos
Não tenho certeza por que você está misturando entidades HTML (por exemplo, <) com os próprios caracteres (por exemplo, >). Para fazer isso funcionar, usei '<' em vez de '$lt;'.