adicionando folha de estilo personalizada ao wp-admin


21

estou tendo problemas para que minha folha de estilo personalizada funcione na área WP-ADMIN. plugins_url('style.css', __FILE__) );eu tenho que criar uma pasta nos meus plugins denominada css ou apenas copio meu .cssno wp-admin/cssdiretório?

Eu tentei tanto que parece não funcionar para mim.

e quais valores devem ser substituídos __FILE__?

desculpe, eu sou meio novo para essas coisas.

/*ADDS STYLESHEET ON WP-ADMIN*/
add_action( 'admin_enqueue_scripts', 'safely_add_stylesheet_to_admin' );
    function safely_add_stylesheet_to_admin() {
        wp_enqueue_style( 'prefix-style', plugins_url('style.css', __FILE__) );
    }


/*ADDS MY CUSTOM NAVIGATION BAR ON WP-ADMIN*/
add_action('admin_head', 'custom_nav');
function custom_nav(){
    include('custom_nav.html');

}

Respostas:


33

De acordo com o WordPress Codex ( aqui ):

admin_enqueue_scripts é a primeira ação conectada às ações dos scripts de administração.

Exemplo

Carregando arquivos CSS ou JS para toda a área de administração:

    <?php
      //from functions.php

      //First solution : one file
      //If you're using a child theme you could use:
      // get_stylesheet_directory_uri() instead of get_template_directory_uri()
      add_action( 'admin_enqueue_scripts', 'load_admin_style' );
      function load_admin_style() {
        wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
//OR
        wp_enqueue_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
       }

      //Second solution : two or more files.
      //If you're using a child theme you could use:
      // get_stylesheet_directory_uri() instead of get_template_directory_uri()
      add_action( 'admin_enqueue_scripts', 'load_admin_styles' );
      function load_admin_styles() {
        wp_enqueue_style( 'admin_css_foo', get_template_directory_uri() . '/admin-style-foo.css', false, '1.0.0' );
        wp_enqueue_style( 'admin_css_bar', get_template_directory_uri() . '/admin-style-bar.css', false, '1.0.0' );
      }  

    ?>

preciso criar uma pasta nos meus plugins denominada css ou copio meu arquivo .css para o diretório wp-admin / css?

Não, coloque seu arquivo CSS junto com o outro, no diretório do tema e especifique o caminho com:

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

Por ex, meu nome de arquivo é admin-style.csse eu o coloco em uma pasta chamada cssmeu caminho, que se parece com:

get_template_directory_uri() . '/css/admin-style.css'

Espero que ajude!


posso apenas perguntar, se eu quiser importar mais 3 folhas de estilo. eu apenas adiciono (x3) desta parte wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );ou de uma função separada?
user1933824

11
wp_register_styleimediatamente seguido pelo relacionado wp_enqueue_style(como em 'Primeira solução') é absolutamente desnecessário e não faz nada mais / diferente do que apenas usar wp_enqueue_stylecom todos os parâmetros passados ​​para wp_register_style.
gmazzap

11
Como estou usando um tema filho, mudei a função de caminho paraget_stylesheet_directory_uri()
Cazuma Nii Cavalcanti

0

Se você deseja fazer alterações de CSS no painel de administração. cole o código abaixo em functions.php do seu tema filho

add_action('admin_head', 'my_custom_fonts'); // admin_head is a hook my_custom_fonts is a function we are adding it to the hook

function my_custom_fonts() {
  echo '<style>
    #posts-filter table.posts{
        table-layout:auto;   
    }
  </style>';
}
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.