wp-admin में कस्टम स्टाइलशीट जोड़ना


21

WP- ADMIN क्षेत्र पर मेरे कस्टम स्टाइलशीट काम करने में परेशानी हो रही है। plugins_url('style.css', __FILE__) );मैं सीएसएस नामित मेरी प्लगइन्स में फ़ोल्डर बनाने के लिए क्या है या मैं सिर्फ मेरी कॉपी कर सकता हूँ .cssकरने के लिए wp-admin/cssनिर्देशिका?

मैं दोनों की कोशिश की यह मेरे लिए काम नहीं कर रहा है।

और किन मूल्यों को प्रतिस्थापित किया जाना चाहिए __FILE__?

माफ करना, इन सामानों के लिए नए थोड़े।

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

}

जवाबों:


33

वर्डप्रेस कोडेक्स के अनुसार ( यहां ):

admin_enqueue_scripts पहला कार्य है जो स्क्रिप्ट स्क्रिप्ट क्रियाओं में शामिल है।

उदाहरण

सभी एडमिन एरिया के लिए CSS या JS फाइल लोड करना:

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

    ?>

क्या मुझे अपने प्लग इन को css नाम से फोल्डर बनाना है या क्या मैं अपने .css को wp-admin / css डायरेक्टरी में कॉपी कर सकता हूँ?

नहीं, अपनी CSS फ़ाइल को अपनी थीम डायरेक्टरी में दूसरे के साथ रखें, फिर उसके साथ पथ निर्दिष्ट करें:

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

पूर्व के लिए मेरी फ़ाइल का नाम है admin-style.cssऔर मैंने इसे एक फ़ोल्डर में रखा है जिसका नाम cssमेरे पथ के रूप में दिखाई देगा:

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

आशा करता हूँ की ये काम करेगा!


क्या मैं सिर्फ पूछ सकता हूं, अगर मैं 3 और स्टाइलशीट आयात करना चाहता हूं। क्या मैं इस भाग wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );या एक अलग कार्य को जोड़ सकता हूं (x3) ?
user1933824

1
wp_register_styleतुरंत संबंधित wp_enqueue_style('पहले समाधान में' के रूप में) बिल्कुल अस्वाभाविक है और wp_enqueue_styleपास किए गए सभी पैराग्राफ के साथ उपयोग करने की तुलना में अधिक / अलग कुछ भी नहीं करता है wp_register_style
gmazzap

1
क्योंकि मैं एक बाल विषय का उपयोग कर रहा हूं, मैंने पथ फ़ंक्शन को बदल दिया हैget_stylesheet_directory_uri()
Cazuma Nii Cavalcanti

0

यदि आप व्यवस्थापक पैनल के लिए सीएसएस परिवर्तन करना चाहते हैं। नीचे दिए गए कोड को अपने चाइल्ड थीम के functions.php में पेस्ट करें

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>';
}
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.