How to open links in a new tab

In this article we will present how to open links in a new tab:

Using the Orbit Fox plugin

Step 1:

Download and Install the desired theme.

Step 2:

Download and Install the Orbit Fox plugin.

Step 3:

Go to Dashboard > Orbit Fox >General settings and make sure you have activated the Header Footer Scripts option.

Step 4:

Go to the Customizer > Header/Footer scripts, and paste the JS code snippet from the step below, according to the desired behavior:

Step 5:

Add the following code:

•  if you want to open all links available on your site in a new tab:

// <![CDATA[
jQuery(document).ready(function($){
    $('a').each(function(){
        if( $(this).attr('href') && 0 != $(this).attr('href').indexOf('#') ) {
            $(this).attr('target', '_blank');
        }
    });
});
// ]]>

• if you want to open an external link available on your site in a new tab

<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function($){
    $('a[href]:not([href^="ENTER YOUR SITE URL HERE"]):not([href^="#"]):not([href^="/"])').attr( 'target', '_blank' );
});
// ]]>

•  if you want to open any particular link on your site in a new tab

<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function($){
    $('#footer .social li a').each(function(){
        if( $(this).attr('href') && 0 != $(this).attr('href').indexOf('#') ) {
            $(this).attr('target', '_blank');
        }
    });
});
// ]]>