CSS3-媒体-JS儿童主题不及格

时间：2014-04-25 作者：Sam

在我的父主题函数中。php，我有以下代码片段：

// Add mediaqueries-js
function footer_scripts(){
    echo \'<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->\';
}
add_action( \'wp_footer\', \'footer_scripts\' );
这为IE7和IE8添加了媒体查询支持。该脚本在IE7/8中与父主题完美结合，但无法运行，并且在激活子主题时忽略了媒体查询。

所有其他脚本都已正确排队并正常运行。激活子主题时，脚本将显示在源代码中。

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

css3 mediaqueries js的作者通过https://github.com/livingston/css3-mediaqueries-js:

Note: Doesn\'t work on @import\'ed stylesheets (which you shouldn\'t use anyway for performance reasons). Also won\'t listen to the media attribute of the `<link>` and `<style>` elements.
style.css 通过我的孩子主题使用@import 以显示父主题样式表。

为了解决这个问题，我不再从header.php 在我的父主题中。相反，我通过函数加载CSS。php：

<?php
// Register parent styles
wp_register_style( \'core-styles\', get_template_directory_uri() . \'/style.css\', array(), \'1.0.0\', \'all\' );

// Enqueue parent styles
wp_enqueue_style( \'core-styles\' );

// Register and enqueue styles if child theme
  if (is_child_theme()){
    wp_register_style( \'child-styles\', get_stylesheet_directory_uri() . \'/style.css\', array(), \'1.0.0\', \'all\' );
    wp_enqueue_style( \'child-styles\' );
  }
?>
如果存在子主题，此代码首先加载父CSS，然后加载子CSS。该解决方案解决了IE7/8中的媒体查询问题。

结束
标签： wp-enqueue-script   child-theme   小码农  

相关推荐

Child-theme breaks site

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