खोज…


वाक्य - विन्यास

  1. wp_enqueue_style ($ संभाल, $ src, $ निर्भरता, $ संस्करण, $ मीडिया);

पैरामीटर

पैरामीटर विवरण
$handle (स्ट्रिंग) (आवश्यक) स्टाइलशीट के लिए अद्वितीय नाम।
$src (स्ट्रिंग) (वैकल्पिक) स्टाइलशीट का URL जो लिंक टैग के src विशेषता के अंदर उपयोग किया जाएगा।
$deps (स्ट्रिंग) (वैकल्पिक) स्टाइलशीट की एक सरणी इस स्टाइलशीट को संभालती है।
$ver (स्ट्रिंग) (वैकल्पिक) स्टाइलशीट के स्ट्रींग स्टाइलशीट संस्करण को स्ट्रिंग करना।
$media (स्ट्रिंग) (वैकल्पिक) वह मीडिया जिसके लिए यह स्टाइलशीट बनाई गई है। जैसे 'सब', 'प्रिंट', 'स्क्रीन' आदि

एक निर्भरता के रूप में एक और सीएसएस फ़ाइल के साथ आंतरिक सीएसएस फ़ाइल शामिल है

function themeSlug_enqueue_scripts() {
    wp_enqueue_style( 'themeSlug-reset', get_template_directory_uri() .'/css/reset.css', '1.0.0' );
    wp_enqueue_style( 'themeSlug-style', get_template_directory_uri() .'/style.css', 'themeSlug-reset', '1.0.0');
}
add_action('wp_enqueue_scripts', 'themeSlug_enqueue_scripts');

जिसमें आंतरिक css फ़ाइल शामिल है

इस स्थिति में style.css विषय के फ़ोल्डर के मूल में स्थित है

function themeSlug_enqueue_scripts() {
    wp_enqueue_style( 'themeSlug-style', get_template_directory_uri() .'/style.css', '1.0.0');
}
add_action('wp_enqueue_scripts', 'themeSlug_enqueue_scripts');

बाहरी सीएसएस फ़ाइल भी शामिल है

इस उदाहरण में हम फ़ॉन्ट भयानक आइकन फ़ॉन्ट शामिल करना चाहते हैं

function themeSlug_enqueue_scripts() {
    wp_enqueue_style( 'font-awesome', '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css');
}
add_action('wp_enqueue_scripts', 'themeSlug_enqueue_scripts');

केवल IE के लिए स्टाइल स्टाइलशीट

add_action( 'wp_enqueue_scripts', 'enqueue_my_styles_and_scripts' );

/**
 * Enqueue styles (or scripts) conditionally.
 *
 * Load stylesheets (or scripts) specifically for IE. IE10 and above does
 * not support conditional comments in standards mode.
 *
 * @link https://gist.github.com/wpscholar/4947518
 * @link https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
 */
function enqueue_my_styles_and_scripts() {

    // Internet Explorer specific stylesheet.
    wp_enqueue_style( 'themename-ie', get_stylesheet_directory_uri() . '/css/ie.css', array( 'twentyfifteen-style' ), '20141010' );
    wp_style_add_data( 'themename-ie', 'conditional', 'lte IE 9' );

    // Internet Explorer 7 specific stylesheet.
    wp_enqueue_style( 'themename-ie7', get_stylesheet_directory_uri() . '/css/ie7.css', array( 'twentyfifteen-style' ), '20141010' );
    wp_style_add_data( 'themename-ie7', 'conditional', 'lt IE 8' );

}

अपने प्लगइन वर्ग के लिए आंतरिक सीएसएस फ़ाइल शामिल है


class My_Plugin() {
  function __construct() {
    add_action( 'wp_enqueue_scripts', array( $this, 'init_fe_assets' ) );
  }

  public function init_fe_assests() {
    wp_enqueue_style( 'my-plugin', plugin_dir_url( __FILE__ ) . 'assets/css/frontend/plugin.css', array(), '0.0.1', true );
  }
}

new My_Plugin();

वैकल्पिक शैलियाँ जोड़ें

    <?php wp_enqueue_style('theme-five', get_template_directory_uri() . '/path/to/additional/css'); 
wp_style_add_data('theme-five', 'alt', true); 
wp_style_add_data('theme-five', 'title', __('theme-five.css', 'your-theme-name')); ?>

wp_style_add_data



Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow