WordPress Menü erweitern

Javascript (z.B. onClick) im WordPress-Menü ausführen

Bei neuen Beiträgen benachrichtigt werden*:

Problemstellung: Aus einem WordPress-Menü-Element soll keine Seite aufgerufen sondern ein Popup geöffnet werden. Da man kein JavaScript im WordPress-Menü-Manager verwenden kann, löst man dieses Problem wie folgt.

Als erstes wird ein benutzerdefinierter Menüeintrag im WordPress-Menü-Manager erstellt:

Menü-Eintrag erstellen
Menü-Eintrag erstellen

Sobald dieses gespeichert ist, sieht man sich im Firebug die ID an, die der Menüpunkt erhalten hat:

ID des Menü-Eintrags
ID des Menü-Eintrags

Anschließend kopiert man den folgenden Code in die header.php des verwendeten WordPress-Themes und passt ihn entsprechend an:

<script>
	jQuery.noConflict();
	jQuery(document).ready(function(){
		var menuID = jQuery('#Hier-Menü-ID-einsetzen');
		
		findA = menuID.find('a');
		
		findA.click(function(event){
			 // Hier folgt der auszuführende Code, z.B. alert ('Hi!');
		});
	});
</script>

Fertig! (Eingesetzt im Projekt Radio HBR)

Dieser Beitrag hat einen Kommentar

Schreibe einen Kommentar

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

* Mit meiner Anmeldung bestätige ich, dass ich die Datenschutzhinweise gelesen habe und E-Mails von zählpixel.com empfangen möchte.