Questions tagged «css»

级联样式表(Cascading Style Sheets,CSS)是一种样式表语言,通常用于通过主题描述HTML输出的表示语义(外观和格式)。当您必须使用此标记时,很有可能您的问题不在此SE网络站点上。

3
如何有条件地将样式表仅排入特定页面?
在开始之前,我想承认有一些非常好的文章,这些文章针对如何基于页面/帖子内容有条件地使脚本入队。 WordPress插件开发-如何仅在帖子需要时有条件地包括CSS和JavaScript 如何像WordPress Master一样加载JavaScript 这些很棒,但是它们比我想做的要先进得多。 我觉得答案是使用内置is_page()函数(codex),但是当我尝试使用它时,站点中断了,或者根本无法正常工作。 我认为我只是在错误的位置执行条件逻辑。 这是我尝试添加到我的functions.php中的内容: function wpse39130_register_more_stylesheets() { wp_register_style( 'stylesheet_name', get_stylesheet_directory_uri() . '/stylesheet.css' ); } add_action( 'init', 'wpse39130_register_more_stylesheets' ); function wpse39130_conditionally_enqueue_my_stylesheet() { // only enqueue on product-services page slug if ( is_page( 'products-services' ) ) { wp_enqueue_style( 'stylesheet_name' ); } } add_action( 'wp_enqueue_scripts', 'wpse39130_conditionally_enqueue_my_stylesheet' ); 当我删除其中的条件部分时,样式表已成功入队,因此我知道这可行。

1
排队登录页面的样式表,使其出现在head元素中
我尝试在主题中设置登录页面的样式。很简单: add_action( 'login_enqueue_scripts', function() { wp_enqueue_style( 'TEST', get_template_directory_uri() . '/css/login.css' ); }); 不幸的是,它不能按预期工作。该link元素显示在body登录页面的中,时间很晚。 渲染输出: <link rel='stylesheet' id='TEST-css' href='http://themes.wp/t5-theme-base/css/login.css?ver=3.9-alpha' type='text/css' media='all' /> <div class="clear"></div> </body> </html> 这是错误的,如何在中打印link元素head?

4
我是否真的需要在主题文件中链接主题的style.css
因此,我正在使用一系列用于CSS的LESS文件来开发wordpress主题。它们使用codekit编译为组合的最小样式表,用于主题样式。 我了解wordpress主题必须具有style.css,其注释中包括有关该主题的信息,但是是否需要在header.php中链接此style.css?当然,我可以只包含主题信息,而没有其他内容,可以在主题文件夹中保持不变。我实际使用的样式表可以称为styles.css或main.css之类的东西。 谁能证实这一点或给出为什么这可能不是一个好主意的理由?

6
WordPress管理栏与Twitter Bootstrap导航重叠
关闭。这个问题是题外话。它当前不接受答案。 想改善这个问题吗? 更新问题,使它成为WordPress Development Stack Exchange 的主题。 5年前关闭。 WordPress管理栏与Twitter Bootstrap(2.3.0)导航栏重叠时出现问题。我已经尝试过此修复程序: body.admin-bar .navbar-fixed-top { top: 28px; } .navbar .brand { color: #000 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125); font-weight: bold !important; } .nav-container { padding-left: 0; padding-right: 0; } .nav-tabs, .nav-pills …

2
为什么style.css没有入队?
我有一个非常基本的主题,只是发现我的style.css文件没有加载到中<head>。我已经搜索过了,但是找不到,为什么它没有加载。 我global $wp_styles已经检查了对象,但是找不到任何东西: function style_test() { $wp_styles = new WP_Styles(); echo '<pre>'; // $wp_styles->enqueue == completely empty print_r( $wp_styles->registered ); echo '</pre>'; } add_action( 'wp_print_scripts', 'style_test', 0 ); 在对象内部,我也找不到我注册/排队的样式表(它们已加载),所以我想我在检查时也做错了。有任何想法吗? 注意: 如果我手动将其放入队列,则将加载我的style.css文件。只是自动加载不起作用。更进一步,我可以get_theme_data( TEMPLATEPATH.'/style.css' );毫无问题地访问文件。

4
此CSS填充有效,但这是一个好习惯吗?
我正在尝试在插件中包含动态CSS,我一直在任何地方搜索,但找不到与我的操作类似的情况。我要做的是在关闭php标签后直接将css文件添加到插件php文件的末尾,?>而不添加其他任何东西,例如调用wp head等。 这是我直接放入插件文件末尾的代码示例: <style type="text/css"> .innertrow { background-color: <?php get_options('css_value');?>} </style> 这是个好习惯吗?
9 admin  css  options 

1
如何在style.css之前加入样式
加载style.css之前如何排队.css文件?还是使默认的style.css依赖于另一个.css文件? 我正在尝试加载.css重置,而style.css会覆盖该重置。 这是我所拥有的: add_action('wp_enqueue_scripts', 'load_css_files'); function load_css_files() { wp_register_style( 'normalize', get_template_directory_uri() . '/css/normalize.css'); wp_enqueue_style( 'normalize' ); } 但是,这是在style.css之后加载的。

3
主题的CSS类
有人知道我应该在主题中使用预定义(由WP建议)的CSS类吗? 我在Internet上的某个地方看到了所有CSS类的列表,这些类用于WP主题,但找不到它。 更新:我找到了看到此列表的网站:http : //www.wpbeginner.com/wp-themes/default-wordpress-generation-css-cheat-sheet-for-beginners/

1
限制插件仅在选定页面上加载其CSS和JS?
我想使一个插件将其CSS样式表和JavaScript JS文件的加载限制为仅需要它们的那些页面。 我的问题的一个示例是插件Contact Form 7,我曾在网站的一个页面(“ 与我联系 ”页面)上创建了一个表单。但是,它将以下行添加到网站上的每个页面/帖子: <link rel='stylesheet' id='contact-form-7-css' href='http://www.r-statistics.com/wp-content/plugins/contact-form-7/styles.css?ver=2.3.1' type='text/css' media='all' /> <script type='text/javascript' src='http://www.r-statistics.com/wp-content/plugins/contact-form-7/scripts.js?ver=2.3.1'></script> 这使我怀疑该插件是否会损害我的网站的加载时间,因为该扩展名仅使我对网站的一个页面感兴趣。 因此,我的问题是如何从“联系我”页面之外的所有页面中删除这些多余的行,而又不停用插件?

3
子主题CSS优先级问题,不使用!important
我将WordPress网站更改为使用子主题,但父主题样式的优先级高于我对子主题CSS所做的任何更改。我可以使用解决此问题!important,但这是一个不完整的解决方案,子主题应该作为站点的第一资源。 例如,在我的网站中,.wp-caption使用!important标记所包含的边框与背景颜色相同,但没有该标记将无法使用。 这与functions.php文件有关吗? 这是我的PHP文件的内容: add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); }

4
使Google Web字体排入队列,而不会弄乱URL中的符号
使用通常的方法使Google Web字体入队,即使用wp_enqueue_style类似这样的功能... function wpse_google_webfonts() { wp_enqueue_style( 'google-webfonts', 'http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700' ); } add_action( 'wp_enqueue_scripts', 'wpse_google_webfonts' ); ...结果将link标签放置在标题中,如下所示: <link rel='stylesheet' id='google-webfonts-css' href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed%7COpen+Sans%3A400italic%2C700italic%2C400%2C700&ver=3.5' type='text/css' media='all' /> 如您所见,结果URL被编码。 我敢肯定,它不会造成任何问题,但是为了保持内容的整洁,我想问一问-是否有一种方法可以通过functions.phpURL输出使Google Web字体(通过插件而不是通过插件)入队没有编码? 就像这样: <link rel='stylesheet' id='google-webfonts-css' href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700?ver=3.5' type='text/css' media='all' /> 赏金理由 @webaware的答案几乎是完美的,特别是因为它类似于将“ Open Sans” Google Web字体排入“二十二十二”主题中所采用的方法。 输出中的唯一问题是: <link rel='stylesheet' id='twentytwelve-fonts-css' href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext' type='text/css' media='all' /> 请注意&?应该为&,否则提供的字体文件仅带有latin字形(即,subset除非您使用URL 的参数,否则忽略&它的HTML实体)。 任何可以帮助修改@webaware答案,以便输出看起来像这样的人... …

3
如何加载特定于页面的脚本/样式
我知道根据默认的Wordpress引导过程,首先functions.php调用,然后处理所有主题。但是我目前将完全重构主题以对其进行优化。我的想法是为通用属性,规范化颜色提供一个基本的CSS文件。或保留单个css文件,但在这种情况下,我需要对大小写进行硬编码functions.php才能确定页面。每个页面还有一个特定的页面,因为加载定义了所有样式的巨大CSS样式文件没有意义。 所以我的问题是,挂载特定脚本/样式的最佳选择是什么? 应该是header-xxx.php还是其他文件?也许有一种方法可以以更可扩展和更优雅的方式来实现这个想法? 我将不胜感激。

1
wp_enqueue_scripts,wp_register_scripts,wp_print_scripts:我很困惑
我一直在阅读有关该主题的文章,但是阅读的次数越多,我越会感到困惑。 有人可以在短向我解释什么是之间的确切区别wp_enqueue_scripts,wp_register_scripts和wp_print_scripts? 例如,我在functions.php中包含以下代码-并且可以正常工作,但是我不明白为什么不能将其wp_print_scripts用于样式表,而如果将这些代码wp_enqueue_scripts用于javascript文件,该代码仍然可以工作: add_action('wp_print_scripts', 'add_my_js'); function add_my_js(){ if(!is_admin()){ wp_enqueue_script('default', get_bloginfo('stylesheet_directory').'/js/default.js', array('jquery')); } } add_action('wp_enqueue_scripts', 'add_my_stylesheet'); function add_my_stylesheet() { wp_register_style('default', get_bloginfo( 'stylesheet_url')); wp_enqueue_style( 'default'); }
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.