【如何为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}
提供的链接提供了你要查找的确切示例。
推荐阅读
- 登录WordPress后如何查找访问的第一个URL用户
- Neo4j Enterprise生产集群部署
- 大数据面试吹牛草稿V2.0
- C# BackgroundWorker用法详解
- 功能测试的表情收藏用例
- App和SDK开发必看 | 个推分享Android12适配指南
- 远程访问以及控制(2/2)+实验(TCPWrappers的控制策略)
- HarmonyOS ArkUI之列表下拉刷新加载更多(TS)
- Spring Boot+Vue实现汽车租赁系统(毕设)