Question

我正在尝试将我的样式和脚本排入我的Wordpress主题，但是当我刷新页面时，它完全是空白的。从我搜索过的内容来看，我似乎正在在functions.php中正确编写代码。有人可以检查是否有任何错误，或告诉我是否有特定的地方插入此代码？

这就是我所拥有的：

function BI_Scripts() {

    wp_register_style( 'bling_css', get_template_directory_uri() . '/css/style.css' );
    wp_register_style( 'Font_Awesome', get_template_directory_uri() . '/css/font-awesome.css' );
    wp_register_style( 'theme_font', 'https://fonts.googleapis.com/css?family=Crimson+Text|Lobster|Oleo+Script:700|Roboto:400,700' );
     wp_register_script( 'jQuery_js', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array( 'jquery' ), '3.1.1', true );
    wp_register_script('bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '3.3.7', true );
    wp_register_script( 'main_js', get_template_directory_uri() . '/js/main.js', array(), '1.0.0', true );

    wp_enqueue_style( 'bling_css' );
    wp_enqueue_style( 'Font_Awesome' );
    wp_enqueue_style( 'theme_font' );
    wp_enqueue_script( 'jQuery_js' );
    wp_enqueue_script( 'bootstrapjs' );
    wp_enqueue_script( 'main_js' );
}
add_action( 'wp_enqueue_scripts', 'BI_Scripts' );

编辑：这是我标题中的内容

!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

<?php wp_head(); ?>

</head>

Answer 1

感谢你的帮助。我尝试了一切，但最终我自己想出来了。

Wordpress附带JQuery。所以我必须首先在functions.php中取消注册，然后注册并排队我自己的jQuery文件。在这之后，不再有空白屏幕。

Answer 2

如果您已激活 子主题 ，请使用get_template_directory_uri()个功能。

如果您已激活 父主题 ，请使用get_stylesheet_directory_uri()个功能。

get_template_directory_uri将始终引用资产的父主题文件夹。

get_stylesheet_directory_uri将引用资产的“当前”主题文件夹（可以是父级或子级，具体取决于调用的位置）。

儿童主题示例：

wp_enqueue_style( 'my_child_styles', get_stylesheet_directory_uri().'/style.css' );

父主题示例

wp_enqueue_style( 'my_parent_styles', get_template_directory_uri().'/style.css' );

Answer 3

最常见的问题是你的主题没有在header.php和footer.php中使用wp_head和wp_footer。

示例：header.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<?php
  wp_head();
?>
<body>

没有wp_head（）和wp_footer（）Wordpress无法使用wp_enqueue_scripts挂钩，因为它不会触发。

Answer 4

“wp_register_style”和“wp_register_script”都包含参数，正确使用它们非常重要，无法正常使用此功能。

您可以像下面这样使用它：

platform :ios, '10.0' def base_pods pod 'Firebase/Core' pod 'Firebase/Auth' pod 'DKImagePickerController', '~> 3.4.0' ... pod 'SAMKeychain' end target 'MyApp' do use_frameworks! base_pods target 'MyAppExtension' do pod 'Firebase/Auth' pod 'SAMKeychain' end target 'MyAppUnitTests' do inherit! :search_paths pod 'Firebase' pod 'FirebaseAuth' pod 'FirebaseUI/Auth' end end

不在Wordpress中排队的CSS和脚本

4 个答案: