将样式设置为快捷码标题的样式

时间：2015-09-07 作者：pulla

我们有一些生成CSS样式的短代码。有类似的选项（“标题颜色、标题框边框颜色、字体大小、字体重量”）。

当用户设置选项时，它将在短代码开始之前生成。

ex）

<html>
<head>
.................. (some style, js) .................. 
/* I want to put all of css styles into head tag from into body tags */
</head>
<body>
  <style type="text/css">
   .sc_title {color:#fff; font-weight:600;}
  </style>

  <div class="sc_wrap">
   <h1 class="sc_title">Hello This is the title</h1>
  </div>
</body>
</html>
你可能知道this is illegal rule for W3C. style tags have to be in "head" tag.

Is there anyway to put them into header tags when css styles have been generated from shortcodes?

我看到一些提示或教程说我应该使用wp排队风格。我认为不可能创建每个。每个短代码的css文件。

如果我们遗漏了什么或您有什么好主意，请告知我们。

非常感谢。

1 个回复
SO网友:iulia

可以通过挂接操作在标头中插入任何代码。

header.php

<?php wp_head(); ?>

functions.php

add_action( \'wp_head\', \'iulia_example\' );

function iulia_example() {

    echo \'<style type="text/css">
   .sc_title {color:#fff; font-weight:600;}
  </style>\';

}
结果将是：在正上方插入的样式</head>

标签： shortcode   小码农  

相关推荐

SHORTCODE_ATTS()中的$ATTS参数是什么？

这个WordPress developers reference page for shortcode_atts() 国家：$atts（array）（必选）用户在shortcode标记中定义的属性。但我不理解这个定义。例如，在WP Frontend Profile 插件：$atts = shortcode_atts( [ \'role\' => \'\', ], $atts ); 据我所知，shortcode\