Questions tagged «wp-enqueue-style»

一种将CSS样式文件添加/排队到wordpress生成的页面的安全方法。如果首先使用wp_register_style（）注册，则现在可以使用其句柄添加它。

2
jquery-ui-datepicker的内置样式
我想使用网站前端与WordPress捆绑在一起的datepicker。我入队了，jquery-ui-datepicker但datepicker的样式没有设置（控制台中没有js错误）。有对应wp_enqueue_style的吗？ 我在 functions.php function rr_scripts() { wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'jquery-ui-datepicker', array( 'jquery' ) ); wp_register_style( 'bootstrap_css', get_template_directory_uri() . '/assets/css/bootstrap.min.css' ); wp_enqueue_style( 'bootstrap_css' ); # I'm using Twitter Bootstrap as CSS(if it matters) } add_action( 'wp_enqueue_scripts', 'rr_scripts' );
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？
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' );毫无问题地访问文件。
1
使用修订的Codex方法使父主题主题样式表排队的问题
这篇文章提出了我所遇到的与这个线程和这个线程中提出的有关样式表排队方法的最新变化有关的一些问题。 我遇到的问题是在一个一般用例场景中出现的，它使用了一个广泛使用且维护良好的父主题，该主题在WP 4.0安装中特别适合儿童主题。我的孩子主题的functions.php仅包含Codex中详细介绍的wp_enqueue_style功能。 请注意，尽管以下引用的代码专用于此主题，但其中许多代码使用父主题使用的当前编码约定。此外，我关注的领域很可能可以复制到当前大量流行的父主题中。同样，这些提出的问题在通用级别上均适用，无论使用哪个父主题。 问题1：双向排队 推荐的设置： 父主题是使用wp_enqueue_scripts挂钩使样式和脚本入队，相关部分如下： add_action('wp_enqueue_scripts', 'parent_theme_function_name'); function parent_theme_function_name() { wp_register_style( 'avia-style' , $child_theme_url."/style.css", array(), '2', 'all' ); wp_enqueue_style( 'avia-base'); if($child_theme_url != $template_url) { wp_enqueue_style( 'avia-style'); } } 我的孩子主题在functions.php最近的法典更改中加入样式： add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' ); function enqueue_parent_theme_style() { wp_enqueue_style( 'dm-parent-style', get_template_directory_uri().'/style.css' ); } 请注意以下代码所使用的ID： id='dm-parent-style-css' 是父主题的样式表，由我的子主题函数排队 id='avia-style-css' 是我的子主题的样式表，由父主题函数排队 id='dm-child-style-css' 是我的孩子主题的样式表，由我的孩子主题函数排队 …
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之后加载的。
2
如何使用wp_enqueue_style（）使样式入队
我正在开发一个主题。我将代码（如下）添加到中header.php。但是我将其发布到WP主题存储库中，并且正在审核中，审阅者通知我使用wp_enqueue_style()/ 使其成为样式wp_enqueue_script()。但是不明白如何用函数来实现它。我已经看到了wp_enqueue_style();Codex中的指令，但是不明白如何将整个代码及其条件放入其中。 <style type="text/css"> <?php // If the menu presents, then CSS loads if ( has_nav_menu( 'secondary' ) ) { ?> .sec-menu{ width: 100%; background: #333; height: 26px; font-size:16px; text-transform:uppercase; } <?php } ?> <?php if ( has_nav_menu( 'primary' ) ) { ?> #access{ background-color: #333; height: 26px; } <?php …
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还是其他文件？也许有一种方法可以以更可扩展和更优雅的方式来实现这个想法？ 我将不胜感激。
4
少CSS enqueue_style与add_filter更改rel属性
我想做的是在Wordpress中使用更少的CSS。 您应该将rel属性设置为'stylesheet / less'链接到.less文件。但是我不知道如何更改enqueue_style输出的代码。 有没有办法应用过滤器并影响输出？ 编辑：如果有人对我最终如何使它起作用感到好奇，请参见以下代码片段： function enqueue_less_styles($tag, $handle) { global $wp_styles; $match_pattern = '/\.less$/U'; if ( preg_match( $match_pattern, $wp_styles->registered[$handle]->src ) ) { $handle = $wp_styles->registered[$handle]->handle; $media = $wp_styles->registered[$handle]->args; $href = $wp_styles->registered[$handle]->src . '?ver=' . $wp_styles->registered[$handle]->ver; $rel = isset($wp_styles->registered[$handle]->extra['alt']) && $wp_styles->registered[$handle]->extra['alt'] ? 'alternate stylesheet' : 'stylesheet'; $title = isset($wp_styles->registered[$handle]->extra['title']) ? …
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.