WordPress-Menü-Link in neuem Fenster öffnen

Hier lesen Sie wie Sie einen Link z.B. im Menü von WordPress im neuen Fenster öffnen lassen können.

 

Webdesign Hamburg

Leider kann man in WordPress nicht einstellen, dass ein Menü-Link in einem neuen Fenster geöffnet werden soll. Gibts Plugins für, aber wer die Anzahl der Plugins gering halten möchte, verzichtet darauf. Hier ein kleiner jQuery-Code, der einem Link anfügt, dass er im neuen Fenster geöffnet wird. Dies ist z.B. bei Instagram-Verlinkungen sinnvoll, da der User ja nicht von der Website verdrängt werden soll.

Die meisten Themes haben die Möglichkeit, dass man etwas Code oder CSS hinzufügen kann. Fügen Sie diesen Code ein nachdem Sie den Link ausgetauscht haben, um den es geht. Cache löschen nicht vergessen.

<script>
jQuery(document).ready(function($) {
$(‘a[href=”https://www.itaid.de/ueber-mich/”]’).attr(‘target’, ‘_blank’);
});
</script>

Dieser Code öffnet JEDES MAL diesen Link im neuen Fenster. Wenn es wirklich nur im Menü sein soll, muss der Code noch etwas eingeschränkt werden.

<script>
jQuery(document).ready(function($) {
$(‘div.top-menu-nav a[href=”https://www.itaid.de/ueber-mich/”]’).attr(‘target’, ‘_blank’);
});
</script>

Wichtig: Dieser Code öffnet den Link nur neu, wenn er sich unterhalb der Klasse top-menu-nav befindet. Diese Klasse kann je nach Theme, das Sie verwenden, anders heißen. Sie finden diese heraus, wenn Sie im Chrome einen Rechtsklick machen und den HTML Code durchsuchen.