PHPを使用した動的CSS - Wordpress＆Visual Composerボタン

Question

私はWordPressテーマ内のボタンのカスタムVisual Composer（WordPressプラグイン）要素を作成しています。ユーザは、背景色/文字色/背景ホバー色/テキストホバー色を変更することができるように私はカラーピッカーのフィールドを作成している

など

今、私が直面しています問題は、どのように地球上で私は入手できますかCSSを更新するための「ボタンのホバーカラー」というユーザーの選択。

私は変数に色を持っている場合、私はこれを行うことができることを理解する：

<div style="background: <?php echo $users_bg_color ?>"> 

しかし、どのように私はこれを達成するであろう：アクティブフィールド：&を合わせます。私は明らかにインラインスタイルでこれを行うことはできないので、CSSフィールドを動的に更新する必要がありますか？私はこれをどのようにするべきですか？あるいは、もう一つの良い選択肢がありますか？

「big-boy」WordPressデベロッパーになる方法を教えてください。

誰かが正しい方向に向けることができれば、私が困惑しているので、私は永遠に感謝します。

お礼

Answer 1

実際にその変更を作る方法など、私はここで間違って考えるかもしれないが、ユーザがホバー選択したらあなたは、どのように不思議に思っている、アクティブなサイトに表示されますか？色を選択するとすぐにそれらの変更が表示されることを意味する場合は、上記のコメント者は正しいです - それはいくつかのjavascriptになります。

あなたのテーマのheader.phpのでは、このようなコードのブロックを作成します：

<style> 
    .button{background-color: <?php echo get_field('button_bg_color'); } 
    .button:hover{background-color: <?php echo get_field('button_bg_hover_color'); 
    .button:active{background-color: <?php echo get_field('button_bg_active_color'); } 
</style> 

そうでない場合、あなたはこのような何かを行うことができます。これは、テーマの多くは、良くも悪くも、使用方法であり、

そんなこと..実際の関数 "get_field"はおそらく間違っています。それはACFが使用するものですが、ページビルダーから値を取得した関数は何でも構いません。

Answer 2

CSSでのみ行うことはできません。 これを試してください。

<div style="background: <?php echo $users_bg_color ?> " onmouseover="this.style.background='<?php echo $users_bg_color ?>'" onmouseout="this.style.background='<?php echo $users_hover_bg_color ?>'"> Sample text </div> 

http://codepen.io/shoyebzz/pen/BLwwrz