您可以尝试使用条件类。在常规的“style.css”文件中,您将包括两个类:
.theme-header-title.green { color:green; }
.theme-header-title.blue { color:blue; }
(提示1:避免
!important
, 如果需要,只需使用更具体的样式-例如,
h1.theme-header-title.green
.)
然后在HTML中,也就是“header.php”文件中,您可以使用Customizer设置添加绿色或蓝色类:
<?php
if ( text == get_theme_mod( \'layout_logo\', text ) ) {
$color = \'green\';
} else {
$color = \'blue\';
}
?>
<h1 class="theme-header-title <?php echo $color; ?>"><?php the_title(); ?></h1>
这样,您就不必包含额外的CSS文件,也不必将CSS与PHP混合使用。
(提示2:向WP添加CSS时,将其排队,而不是使用require()
. 类似于避免!important
, 如果需要,它将允许您稍后进行调整。)
(提示3:在子主题中进行更改,而不是直接编辑现有主题。这样,主题更新时不会丢失更改。)
(提示4:听起来您是在wp admin中直接编辑主题文件。在中输入SFTP、下载一份主题副本并根据需要上载文件更安全。)