Question

我使用WordFress和ACF，我需要使用自定义字段作为CSS类的宽度。

我用变量创建了一个动态样式：

<?php header("Content-type: text/css"); 
$scala = get_field('scala');  
?>

#chart li .bar {    
height: 10px;
background: #546a79;
width: <?php echo  $scala  ; ?> }

不幸的是我无法在页面上看到结果，但如果我输入一个精确的值，那么它的工作原理是：

<?php header("Content-type: text/css"); 
$scala = '60%';  
?>

#chart li .bar {    
height: 10px;
background: #546a79;
width: <?php echo  $scala  ; ?> }

显然我已在帖子中注册了自定义值。

Answer 1

是否可以将自定义类添加到要使用帖子上的自定义字段缩放的内容容器中。可以像下拉菜单那样设置为“六十”，然后输入以下代码：

<div class="post-container <?php the_field('sixty'); ?>">

当激活类时，

会使div看起来像这样：

 <div class="post-container sixty">

然后将其设为这样：

.post-container.sixty {
  width: 60%
}

高级自定义字段作为CSS类

1 个答案: