[Resolved] Making A Custom Link Class Open In A New Tab

[Jodie]

Hi,

I have a class of links on my website which are a different color.

Could I make that class automatically open in a new tab and be marked as “nofollow”?

Thanks for your help!

Cheers Jodie

[Fernando]

Hi Jodie,

Can you point us to a sample link that you want this attribute to be added to?

[Jodie]

Hi Fernando,

Sure!

Cheers Jodie

[David]

Hi there,

try adding this PHP Snippet to the site:

add_filter( 'render_block', function( $block_content, $block ) {
    if ( 
        ! empty( $block['attrs']['className'] ) 
        && 'important-link' === $block['attrs']['className']  
    ) {
        $block_content = str_replace( '<a ', '<a target="_blank" rel="nofollow" ', $block_content );
    }

    return $block_content;
}, 10, 2 );

[Jodie]

Hi David,

That worked perfectly, thank you so much!

How do you add notes in PHP so I can tell what function does which?

Thanks for your help.

Cheers Jodie

[Jodie]

Hi David,

Also, I have another Custom Class for a link I’d like to automatically open in a new tab.

How is best to do this? Thanks for your help!

Cheers Jodie

[David]

Comments in PHP – there are 2 types:

// single line comments

and

/* 
block of text 
across many line
comments 
*/

Update code here with comments 🙂

// links with class important-link or goodreads-link
// open in new window and rel no follow
add_filter( 'render_block', function( $block_content, $block ) {
    // check the block for class names
    if ( 
        ! empty( $block['attrs']['className'] ) 
        && ( 
            'important-link' === $block['attrs']['className'] 
            || 'goodreads-link' === $block['attrs']['className'] 
        )
    ) {
        $block_content = str_replace( '<a ', '<a target="_blank" rel="nofollow" ', $block_content );
    }

    return $block_content;
}, 10, 2 );

[Jodie]

Hi Fernando,

Thank you so much! Much appreciated as always.

Cheers Jodie

[David]

Glad we could be of help

[Author]

Posts