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

我很好奇这是否是将社交媒体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主题, 请确保复制原始主题并将其重命名或创建子主题。

参考：

https://premium.wpmudev.org/blog/five-hacks-twenty-seventeen/#social https://premium.wpmudev.org/blog/how-to-create-wordpress-child-theme/