如何在WordPress子主题中安装Bootstrap

时间:2021-05-28 作者:Downforu

我想向我使用Elementor编辑的WordPress子主题添加引导。

为此,我使用了CDN和引导本地文件,但两者都不起作用。对于本地文件,我在子主题文件夹中创建了一个引导文件夹,其中只有三个文件夹:functions。php,屏幕截图。然后,在bootstrap文件夹中,我创建了另外两个文件夹CSS和JS。

所以现在我有:

子主题文件夹;boostrap>;css儿童主题文件夹;引导(>);在CSS文件夹中,我上传了;独自创立最小css“;在JS文件夹中,我上传了;独自创立捆js“;文件

之后,我修改了函数。php文件,但当我使用Elementor添加自定义HTML时,这不起作用。我是否遗漏了代码中的某些内容,或者是否还有其他我应该做的事情?

我对HTML、CSS和Bootstrap有一点经验,但我对PHP和JavaScript还是个新手。

function child_enqueue_styles() {
    wp_enqueue_script( \'bootstrap-js\', get_template_directory_uri() . \'/bootstrap/js/bootstrap.bundle.js\', array( \'jquery\' ),\'\',true );
    wp_enqueue_style(\'bootstrap5-css\', get_template_directory_uri() . \'/bootstrap/css/bootstrap.min.css\');
    wp_enqueue_style( \'my-site-theme-css\', get_stylesheet_directory_uri() . \'/style.css\', array(\'astra-theme-css\'), CHILD_THEME_MY_SITE_VERSION, \'all\' );
}
add_action( \'wp_enqueue_scripts\', \'child_enqueue_styles\', 15 );
我已经花了3个小时试图实现这个,这让我抓狂。

非常感谢您的帮助!

1 个回复
最合适的回答,由SO网友:vancoder 整理而成

get_template_directory_uri() 始终指向父主题。

要获取子主题,请使用get_stylesheet_directory_uri().

相关推荐

Child-theme breaks site

所以,我有一个子主题,里面除了所需的CSS文件之外什么都没有。一旦我激活了这个儿童主题,我的整个网站就关闭了。最后我有两个问题:激活一个只有CSS的子主题怎么能破坏我的网站</我怎样才能回到我原来的主题</这些是网站给我的错误:Warning: require_once(/wp-content/themes/interio_child/admin/options-framework.php) [function.require-once]: 无法打开流:中没有此类文件或目录/wp-c