add_filter( 'render_block', function( $block_content, $block ) {
// Social Links Only
if( $block['blockName'] != 'core/social-link' ) {
return $block_content;
}
// Block Attributes
// extract( $block['attrs'] );
// $url, $service, $label
// Change Labels To Titles
$block_content = str_replace(
'aria-label=', 'title=', $block_content
);
// Add Target To Links
$block_content = str_replace(
'href=',
'target="_blank" rel="noreferrer noopener" href=',
$block_content
);
// Output
return $block_content;
}, 10, 2 );
Block Editor social icons open in new tab and add hover titles
Changes social links to target new tab.
How to use
- Log into a staging, development, or locally hosted clone of your site
- Install and activate Code Snippets
- WP Admin > Snippets > Add New
- Copy and paste the code from the Description tab above
- Check to ensure formatting came over properly and no syntax errors show up in the editor
- Customize the code as desired
- Add a meaningful title
- Select whether to run on front-end or back-end (or both)
- Click “Save and Activate”
- Test your site to ensure it works
- Disable if any problems, or recover
- Repeat for live environment
License
All code snippets are licensed GPLv2 (or later) matching WordPress licensing.
Disclaimer of warranty:
Except when otherwise stated in writing the copyright holders and/or other parties provide the program as-is without warranty of any kind, either expressed or implied, including, but not limited to, the implied warranties of merchantability and fitness for a particular purpose.
Support
- Describe the issue and what you’ve observed.
- Describe your expected outcome(s).
- List steps to reproduce the issue.
- Optionally provide screen-shot or video URLs.
