<div class="share-title"><?php esc_html_e('Share:', 'ono') ?></div> <ul class="social-list"> <li> <a href="#" data-share="http://linkedin.com/shareArticle?mini=true&url=<?php esc_url(the_permalink()); ?>&title=<?php echo esc_attr(urlencode(the_title('', '', false))); ?>" target="_blank" class="linkedin"><i class="fab fa-linkedin-in"></i></a> </li> <li> <a href="#" data-share="http://twitter.com/home?status=<?php echo esc_attr(urlencode(the_title('', ' ', false))); ?><?php esc_url(the_permalink()); ?>" class="twitter" target="_blank" title="<?php esc_attr_e('Tweet', 'ono'); ?>"><i class="fab fa-twitter"></i></a> </li> <li> <a href="#" data-share="http://www.facebook.com/sharer.php?u=<?php esc_url(the_permalink()); ?>&t=<?php echo esc_attr(urlencode(the_title('', '', false))); ?>" class="facebook" target="_blank"><i class="fab fa-facebook-square"></i></a> </li> </ul>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter