WordPress twenty twentyfour post open in new tab(How To Add “Target Blank” To Your Links In WordPress)

Oct 20, 2024

—

from

You can use a simple JavaScript code snippet to add the target=”_blank” attribute to your links in WordPress. This opens links in a new tab or window, enhancing user experience. Here’s how to do it:

Access Your Theme’s Functions File:
Go to your WordPress dashboard.
Navigate to Appearance » Theme Editor.
Find and open the functions.php file of your active theme.

For my wordpress the url is : https://moneyslow.com/wp-admin/theme-editor.php

select your theme from the top right corner , my theme is best new : Twenty Twenty-Four

Add the JavaScript Code，Insert the following code snippet into the functions.php file:

function add_blank_to_links() {
    $jcode = <<<'EOT'
    <script type="text/javascript">
    jQuery(document).ready(function($) {
        $('a').attr('target', '_blank');
    });
    </script>
    EOT;
    echo $jcode;
}
add_action('wp_footer', 'add_blank_to_links');

The screenshot shows as follows：

If you use some cache plugin , you should refresh you cache plugin like this:

Tips :

Performance Consideration: The script is added to the footer, ensuring it runs after the page content loads, which helps maintain performance.
Specific Links: If you want to apply this only to specific links (e.g., links within a certain

), modify the jQuery selector accordingly, such as $(‘#some_id a’) to target links within a specific element.
Testing: After implementing the changes, visit your site to ensure links open in new tabs as expected.

wordpress