Acredite ou não, eu passo muito tempo analisando os comentários do meu blog e corrigindo problemas de ortografia, formatação de código etc.; sim, até mesmo os comentários de 2007. Isso é feito principalmente para fins de controle de qualidade e facilidade de leitura para meus leitores, especialmente os comentários de código.


Uma reclamação que tenho com a seção de administração do WordPress é que é difícil identificar <pre> especialmente os exemplos de código que têm apenas uma linha. Isso me fez pensar: “Não seria incrível se eu pudesse adicionar meus próprios estilos à interface de administração do WordPress?” Se é incrível, eu quero fazer isso, então veja como o senhor pode adicionar seus próprios estilos personalizados à administração do WordPress!


Etapa 1: Crie seu arquivo CSS


O senhor pode colocar o arquivo CSS onde quiser; eu optei por colocar o arquivo CSS dentro do meu tema. Meu arquivo CSS de administração tem a seguinte aparência:



.wp-admin .comment pre {
  background: pink; /* they forgot the language! */
  padding: 6px 10px;
  font-size: 16px;
  border: 1px solid #ccc;
}

.wp-admin .comment pre[class] {
  background: #fff; /* language (likely) there */
}



O CSS acima torna <pre> mais visíveis. Ele também tornará qualquer PRE sem um elemento class mais aparente, dizendo-me que preciso corrigi-lo adicionando o idioma como um className.


Etapa 2: Adicione seu CSS ao painel de administração do WordPress em functions.php


O WordPress usa um add_action tipo de admin_enqueue_scripts para adicionar folhas de estilo em qualquer lugar do WordPress:



// Update CSS within in Admin
function admin_style() {
  wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css');
}
add_action('admin_enqueue_scripts', 'admin_style');


get_template_directory_uri fornece o caminho para o seu tema atual, basta adicionar o nome do arquivo ao final do caminho.


Se o senhor se incomoda com os estilos de administração do WordPress, como eu, sinta-se à vontade para alterá-los. Minha atualização foi muito simples; se o senhor quiser reformular completamente o tema do WordPress para que seus clientes pensem que estão recebendo um sistema totalmente personalizado, fique à vontade para fazê-lo!