私はそこにiframeを置くだけのテキストウィジェットを持っています。WordPressのテキストウィジェット、onclick関数
数日前私はモバイルブラウザでこのウィジェットをオーバーライドし、モバイルブラウザで画像の背景を追加したいと思いました。幸い私はHow to hide widget on mobileを使用しました。モバイル上でウィジェットを隠すのではなく、それは背景イメージです。
私の質問は、このウィジェットがモバイルブラウザでクリックされたときなど、このウィジェットにonclick関数を追加する方法です。私はショートコードを呼び出します。
JavaScriptをテキストウィジェットに追加してクリックするとショートコードが呼び出されるようなコード例があります。
は最終的に私は、モバイルカスタムCSSコードを指定されなければならなかったすべては、私はそれは名前がモバイルにそれだけで見えるように与える（800widthをし、上記モバイルではありません、おそらくタブレット、PCなど）
@media only screen
and (max-width : 800px) {
.media{ display: none; }
}
@media only screen
and (min-width : 800px) {
.vid{
display: none;
}
}
私のウィジェットから、私はheader.phpに入れたカスタム関数を指す画像の背景を追加します
<img class="vid" onclick="myFunction();" src="http://www.domain.com/wp-content/uploads/2016/03/button.png" />
私の解決策はjavascriptに関連していません。しかし、これが助けになるかもしれない。
は、あなたがデスクトップ上の異なるモバイルと何かにあなたが好きなことを表示することができるはずです
https://codex.wordpress.org/Function_Reference/wp_is_mobile
if (wp_is_mobile()) {
echo do_shortcode('[YOUR-CUSTOM-MOBILE-SHORTCODE]');
} else {
echo do_shortcode('[YOUR-CUSTOM-DESKTOP-SHORTCODE]');
}
wp_is_mobile条件付きタグをチェックしてください。