wordpress 27个社交媒体无需共享插件即可共享图标。 _WordPress主题

我很好奇这是否是将社交媒体SVG图标添加到页面和帖子类型的最佳实践(不使用插件)？
我在WordPress页面和帖子中添加了三个自定义字段。在facebook, twitter和google plus字段中, 我添加了WordPress提供的特定于每个社交媒体网站的SVG标签。 WordPress页面管理员截图
这是我添加到首页的代码, 我需要在其中添加社交共享图标

< header class="entry-header-hp"> < div class="page-title-homepage"> < ?php the_title( '< h2 class="entry-title"> ', '< /h2> ' ); ?> < nav class="social-naviation-news" role="navigation"> < div> < ul> < li> < a href="http://www.facebook.com/sharer/sharer.php?s=100& p[url]=< ?php echo urlencode(get_permalink()); ?> " target="_blank"> < ?php echo the_field('facebook'); ?> < /a> < /li> < li> < a href="https://twitter.com/intent/tweet?text=< ?php echo urlencode(get_the_title()); ?> +< ?php echo get_permalink(); ?> " target="_blank"> < ?php echo the_field('twitter'); ?> < /a> < /li> < li> < a href="https://plus.google.com/share?url=< ?php echo urlencode(get_permalink()); ?> " target="_blank"> < ?php echo the_field('Google'); ?> < /a> < /li> < /ul> < /div> < /nav> < /div> < div class="entry-meta"> < ?php echo the_modified_date(); ?> < /div> < !-- .entry-meta --> < div class="edit-link"> < ?php twentyseventeen_edit_link( get_the_ID() ); ?> < /div> < /header> < !-- .entry-header -->

如你所见, 图标将显示在首页上。 https // staging.rockimages.com
这是一个好方法, 还是会导致任何问题？
#1这不会造成问题, 但是我建议你以可重复使用的方式构造共享元素, 并且不需要在多个页面模板上进行批量更改。因此, 基本上可以从中创建一个函数, 并将其放在主题的functions.php文件中。另外, 如果你使用任何默认的Wordpress主题, 请确保复制原始主题并将其重命名或创建子主题。
参考：

【wordpress 27个社交媒体无需共享插件即可共享图标。】https://premium.wpmudev.org/blog/five-hacks-twenty-seventeen/#social https://premium.wpmudev.org/blog/how-to-create-wordpress-child-theme/