Comment utiliser wp enqueue style () dans mon thème WordPress?
je suis en train de construire mon premier site WordPress pour un client. J'ai vraiment envie d'utiliser moins pour CSS et trouvé un plugin WP nommé WP-LESS.
maintenant, je suis total WordPress newb, mais il semble que ce plugin me demande d'utiliser une fonction appelée wp_enqueue_style () pour dire WordPress processus de la .moins fichier.
Je n'arrive pas à savoir où j'utilise cette fonction. J'ai regardé dans mon en-tête.php fichier dans mon répertoire de thème et je vois ce.
<link rel="stylesheet" type="text/css" media="all"
href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<!-Est-ce que je suis censé remplacer ce code par quelque chose comme ça?
<?php wp_enqueue_style('mytheme',
get_bloginfo('template_directory').'/style.less',
array('blueprint'), '', 'screen, projection'); ?>
4 réponses
Pas tout à fait, mais presque. Ce que vous voulez faire est de placer une fonction dans functions.php
Cela fait la queue dans votre script.
Donc:
function addMyScript() {
wp_enqueue_style('mytheme', get_bloginfo('template_directory').'/style.less', array('blueprint'), '', 'screen, projection');
}
add_action('wp_head', 'addMyScript');
alors assurez-vous que vous avez do_action('wp_head');
dans votre header.php
et ça devrait marcher.
wp_enqueue_style utilisation à l'intérieur du thème ou plugin:
wp_enqueue_style( 'my-style', get_template_directory_uri() . '/css/my-style.css', false, '1.0', 'all' ); // Inside a parent theme
wp_enqueue_style( 'my-style', get_stylesheet_directory_uri() . '/css/my-style.css', false, '1.0', 'all' ); // Inside a child theme
wp_enqueue_style( 'my-style', plugins_url( '/css/my-style.css', __FILE__ ), false, '1.0', 'all' ); // Inside a plugin
J'ai rencontré ce problème moi-même, et le tuyau D'EAMann a presque fonctionné. Il se peut que ce soit la version de WordPress (3.4), bien que je ne sois pas un développeur php donc je ne suis pas sûr, mais j'avais besoin de cela ci-dessous la fonction au lieu de ce qui était prévu:
add_action('wp', 'useLess');
ajouter la fonction ci-dessous dans votre fonction de thème.php et vous obtenez le style et le script.
<?php
if ( ! function_exists( 'add_script_style' ) ) {
function add_script_style() {
/* Register & Enqueue Styles. */
wp_register_style( 'my-style', get_template_directory_uri().'/css/my-style.css' );
wp_enqueue_style( 'my-style' );
/* Register & Enqueue scripts. */
wp_register_script( 'my-script', get_template_directory_uri().'/js/my-script.js' );
wp_enqueue_script( 'my-script');
}
}
add_action( 'wp_enqueue_scripts', 'add_script_style', 10 );
?>