Question

我正在为wordpress网站中的自定义面板制作自定义h1样式菜单，但我不知道如何在页面的html结构中包含自定义h1样式。

$wp_customize->add_section( 'h1_styles' , array(
'title'      => __('H1 Styles','wptthemecustomizer'), 
'panel'      => 'design_settings',
'priority'   => 100    
) );  

$wp_customize->add_setting(
  'wpt_h1_color',
  array(
      'default'         => '#222222',
      'transport'       => 'postMessage'
  )
 );

 $wp_customize->add_control(
   new WP_Customize_Color_Control(
       $wp_customize,
       'custom_h1_color',
       array(
           'label'      => __( 'Color', 'wptthemecustomizer' ),
           'section'    => 'h1_styles',
           'settings'   => 'wpt_h1_color' 
       )
   )
  );

我知道我必须做这样的事情： -

     if( get_theme_mod( 'wpt_h1_color') != "" ): 
        /* code */
     endif;

但我想知道我是否应该使用上面的代码直接在head部分的html中应用样式，或者可以通过functions.php中的函数来完成。

感谢您的帮助！

Answer 1

你可以直接在html中输出<style></style>和一些css（这比加载外部文件更快，而Google Speed Insights可能不推荐，但批准这种方式）。如果你愿意，也可以使用wp_enqueue_style（）。

如何在页面中实现样式？

1 个答案: