Hinzufügen eines benutzerdefinierten Stylesheets zu wp-admin


21

Ich habe Probleme damit, mein benutzerdefiniertes Stylesheet im WP-ADMIN-Bereich zu bearbeiten. plugins_url('style.css', __FILE__) );Muss ich in meinen Plugins einen Ordner mit dem Namen css erstellen oder kopiere ich meinen Ordner einfach .cssin das wp-admin/cssVerzeichnis?

Ich habe beide ausprobiert, es scheint nicht für mich zu funktionieren.

und auf welche Werte soll ersetzt werden __FILE__?

Entschuldigung, ich bin ein bisschen neu in diesen Sachen.

/*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');

}

Antworten:


33

Laut WordPress Codex ( hier ):

admin_enqueue_scripts ist die erste Aktion, die in die Admin- Skriptaktionen eingebunden ist.

Beispiel

Laden einer CSS- oder JS-Datei für den gesamten Administrationsbereich:

    <?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' );
      }  

    ?>

Muss ich in meinen Plugins einen Ordner mit dem Namen css erstellen oder kopiere ich einfach meine .css in das Verzeichnis wp-admin / css?

Nein, fügen Sie Ihre CSS-Datei zusammen mit der anderen in Ihr Themenverzeichnis ein und geben Sie den Pfad an mit:

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

Zum Beispiel ist mein Dateiname admin-style.cssund ich lege ihn in einen Ordner mit dem Namen cssmein Pfad sieht so aus:

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

Ich hoffe es hilft!


Darf ich nur fragen, ob ich 3 weitere Stylesheets importieren möchte. füge ich nur (x3) dieses Teils wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );oder eine separate Funktion hinzu?
user1933824

1
wp_register_styleUnmittelbar gefolgt von der verwandten wp_enqueue_style(wie in 'Erste Lösung') ist absolut unnötig und macht nichts mehr / anders als nur wp_enqueue_stylemit allen übergebenen Parametern zu verwenden wp_register_style.
gmazzap

1
Da ich ein Kindermotiv verwende, habe ich die get_stylesheet_directory_uri()
Pfadfunktion

0

Wenn Sie CSS-Änderungen für das Admin-Panel vornehmen möchten. Fügen Sie den folgenden Code in die Datei functions.php Ihres untergeordneten Themas ein

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>';
}
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.