WordPress Text Widget mit onclick Funktion

Question

Ich habe ein Text-Widget, in dem ich dort nur einen iframe platzieren.

Vor ein paar Tagen wollte ich dieses Widget auf mobilen Browsern überschreiben und einen Hintergrund eines Bildes auf mobilen Browsern hinzufügen, zum Glück habe ich How to hide widget on mobile verwendet, ich habe den Code von diesem Link geändert, anstatt das Widget auf Handy zu verstecken, gebe ich einfach es ein Hintergrundbild.

Jetzt meine Fragen ist, wie kann ich eine Onclick-Funktion zu diesem Widget hinzufügen, zum Beispiel, wenn dieses Widget auf einen mobilen Browser geklickt wird, rufe ich einen Shortcode.

Alle Codebeispiele, wie man einem Text-Widget etwas Javascript hinzufügen kann, so dass beim Klicken ein Shortcode aufgerufen wird.

Answer 1

Schließlich alles, was ich tun musste, ist den mobilen benutzerdefinierte CSS-Code angeben, ich gebe es einen Namen dann auf mobiles nur sichtbar machen (800width und oben ist nicht mobil, wahrscheinlich Tablet, PC usw.)

@media only screen 
and (max-width : 800px) { 

.media{ display: none; } 

} 


@media only screen 
and (min-width : 800px) { 


.vid{ 
    display: none; 
} 

} 

Dann von meinem Widget ich füge den Bildhintergrund hinzu, der auf eine benutzerdefinierte Funktion zeigt, die ich in die header.php

<img class="vid" onclick="myFunction();" src="http://www.domain.com/wp-content/uploads/2016/03/button.png" /> 

einfüge

Answer 2

Meine Lösung bezieht sich nicht auf Javascript. Aber vielleicht kann das helfen.

Schauen Sie sich den bedingten Tag wp_is_mobile

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]'); 
} 

sollten Sie in der Lage sein zu zeigen, was Sie wollen auf Handy und dann etwas anderes auf dem Desktop.