Mark links to other sites
Links in your posts that go to other websites get a small ↗ after them, so readers know they’re leaving your site.
<?php $snipfire_host = (string) wp_parse_url( home_url(), PHP_URL_HOST ); ?>
<style>
:is(.entry-content, .wp-block-post-content) a[href^="http"]:not([href*="//<?php echo esc_attr( $snipfire_host ); ?>"]):not(.wp-block-button__link)::after {
content: "\2197";
display: inline-block;
margin-left: 0.15em;
font-size: 0.8em;
text-decoration: none;
}
</style>
Good to know
Pairs well with “Open outside links in a new tab”.
In these packs
- Design touches: Small front-end touches: a reading progress bar, an announcement bar, a WhatsApp button, accessibility fixes.