WordPress
बासी शैलियाँ
खोज…
वाक्य - विन्यास
- 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')); ?>
Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow