个性化阅读
专注于IT技术分析

如何为WordPress页面模板而不是整个网站加入bootstrap脚本和样式

我是WordPress的新手, 正在为我的网站构建一个页面模板。我想在大部分网站上保留主要的WordPress主题, 但是我有一个非常特定的应用程序, 我只想在几页上使用Bootstrap。为了避免在主题更新时丢失自定义工作, 我使用页面模板制作了子主题, 然后从WordPress中为相应页面选择了该模板。

我终于为我的functions.php找到了这个脚本(基于此处的示例):

<?php
function enqueue_child_theme_styles() {
//deregister the parent bootstrap style and script  
wp_deregister_style( 'bootstrap' );
wp_deregister_script( 'bootstrap' );

//enqueue my child theme stylesheet
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array('theme') );

//enqueue bootstrap in the child theme 
wp_enqueue_script('bootstrap-js', get_stylesheet_directory_uri().'/bootstrap/js/bootstrap.min.js', array('jquery'), NULL, true);
wp_enqueue_style('bootstrap-css', get_stylesheet_directory_uri().'/bootstrap/css/bootstrap.min.css', false, NULL, 'all');

}

add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);

对于我的页面模板来说, 这很完美, 现在可以响应Bootstrap类了……不幸的是, 我网站上的所有其他内容也是如此。如何仅在Wordpress尝试加载我的页面模板时才应用此方法, 而在其他所有情况下都忽略它?


#1


使用is_page_template

if (is_page_template($templatename))
{
wp_enqueue_script('bootstrap-js', get_stylesheet_directory_uri().'/bootstrap/js/bootstrap.min.js', array('jquery'), NULL, true);

...etc

}

提供的链接提供了你要查找的确切示例。

赞(0) 打赏
未经允许不得转载:srcmini » 如何为WordPress页面模板而不是整个网站加入bootstrap脚本和样式
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏