CSSクラスとしての高度なカスタムフィールド

Question

私はACFでWordPressを使用しています。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のを見て行います

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

：あなたが「60」、おそらく、次のコードを持つように設定することができますドロップダウンのようなSoemthing

<div class="post-container sixty"> 

そして、次のようにスタイルを設定します。

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