0

wordpressのreduxフレームワークを使用しています。

これは機能しますが、スタイルがインラインにならないようにする方法があるかどうか疑問に思っています。redux コンパイラーを調べましたが、グラデーションでの変数の使用や複数のブラウザーのサポートについては何もわかりませんでした。

私が読んだことから、単一の変数のみを必要とする色、背景色などの単純なcss属性にのみ変数を割り当てることができます。

<?php
$topbar_from = $ffresh_theme['opt-gradient-topbar']['from'];
$topbar_to = $ffresh_theme['opt-gradient-topbar']['to']; ?>

<div class="contactinfo" style="/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(<?php echo $topbar_from; ?>), to(<?php         echo $topbar_to; ?>));

/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);

/* IE 10 */
background: -ms-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);

/* Opera 11.10+ */
background: -o-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);">`
4

1 に答える 1

0

SCSS をテーマに統合する方法については、近日中に記事を投稿する予定です。それはそれをずっと簡単にします。;)

于 2014-09-26T22:25:13.223 に答える