这里有一个使用genericons的解决方案。原始代码派生自this question 我问了，托肖回答了我的问题，所以他得到了这个答案中的原始代码。看看吧here

首先，下载并安装genericon pack 在您的主题中。将genericon样式表排队

function enqueue_genericon_style() {
      wp_enqueue_style( \'genericons\', get_template_directory_uri() . \'/genericons/genericons.css\', array(), \'3.0.2\' );
}

add_action( \'wp_enqueue_scripts\', \'enqueue_genericon_style\' );

将以下内容添加到函数中。php。这些函数通过添加共享url和genericons完成所有的艰苦工作

function pietergoosen_social_share_buttons() {
    $services = array (
        \'facebook\' => array (
            \'url\'  => \'https://www.facebook.com/sharer/sharer.php?u=%1$s\',
            \'text\' => esc_attr(__(\'Share on Facebook.\', \'pietergoosen\' )),
            \'icon\' => \'<span class="genericon genericon-facebook"></span>\'
        ),
        \'twitter\' => array (
            \'url\'  => \'http://twitter.com/home/?status=%1$s%%20-%%20%2$s\',
            \'text\' => esc_attr(__(\'Tweet this post!\', \'pietergoosen\' )),
            \'icon\' => \'<span class="genericon genericon-twitter"></span>\'
        ),
        \'googleplus\' => array (
            \'url\'  => \'https://plus.google.com/share?url=%1$s\',
            \'text\' => esc_attr(__(\'Google+1.\', \'pietergoosen\' )),
            \'icon\' => \'<span class="genericon genericon-googleplus"></span>\'
        ),
        \'linkedin\' => array (
            \'url\'  => \'https://www.linkedin.com/shareArticle?mini=true&url=%1$s&amp;title=%2$s&amp;summary=%3$s&amp;source=%4$s\',
            \'text\' => esc_attr(__(\'linkedin.\', \'pietergoosen\' )),
            \'icon\' => \'<span class="genericon genericon-linkedin"></span>\'
        ),
        \'reddit\' => array (
            \'url\'  => \'http://reddit.com/submit?url=%1$s&amp;title=%2$s\',
            \'text\' => esc_attr(__(\'Reddit.\', \'pietergoosen\' )),
            \'icon\' => \'<span class="genericon genericon-reddit"></span>\'
        ),
        \'stumbleupon\' => array (
            \'url\'  => \'http://www.stumbleupon.com/submit?url=%1$s&amp;title=%2$s\',
            \'text\' => esc_attr(__(\'StumbleUpon.\', \'pietergoosen\' )),
            \'icon\' => \'<span class="genericon genericon-stumbleupon"></span>\'
        ),
        \'digg\' => array (
            \'url\'  => \'http://digg.com/submit?phase=2&amp;url=%1$s&amp;title=%2$s\',
            \'text\' => esc_attr(__(\'Digg this post!\', \'pietergoosen\' )),
            \'icon\' => \'<span class="genericon genericon-digg"></span>\'
        ),
        \'gmail\' => array (
            \'url\'  => \'https://mail.google.com/mail/?view=cm&amp;fs=1&amp;to&amp;su=%1$s&amp;t=%2$s\',
            \'text\' => esc_attr(__(\'Share with Gmail\', \'pietergoosen\' )),
            \'icon\' => \'<span class="genericon genericon-mail"></span>\'
        )
    );

    $title    = the_title_attribute( array ( \'echo\' => FALSE ) );
    $url      = urlencode( get_permalink() );
    $summary  = the_excerpt();
    $source   = \'\';

    print \'<h4>\' . __( \'Share this post with others\', \'pietergoosen\' ) . \'</h4>\';

    echo \'<div class="socialgenericons service">\';

        foreach ( $services as $name  => $service )
        {
            $href = sprintf( $service[\'url\'], $url, urlencode( $title ), urlencode( $summary ), urlencode( $source ) );
            $genericon = $service[\'icon\'];

            printf(
                \'<a href="%1$s" title="%2$s" alt="%2$s">%3$s</a>\',
                $href,
                $service[\'text\'],
                $genericon
            );
        }

    echo \'</div>\';  
}

现在添加<?php pietergoosen_social_share_buttons(); ?> 在您的内容中。需要显示按钮的php。

要在单击链接时打开弹出窗口，请在enqueue_genericon_style() 作用

wp_enqueue_script( \'pietergoosen-socialshare\', get_template_directory_uri() . \'/js/socialshare.popup.js\', array( \'jquery\' ), \'\' , true );

现在在你的主题中创建一个js文件夹，如果你没有的话。创建一个名为socialshare.popup.js 在js文件夹中。现在在该文件中添加以下内容

jQuery(document).ready(function($) {

    jQuery(\'.socialgenericons.service a\').live(\'click\', function(){

        newwindow=window.open($(this).attr(\'href\'),\'\',\'height=450,width=700\');

        if (window.focus) {newwindow.focus()}

        return false;

    });

});

这应该可以奏效。您的按钮将如下所示。您只需要相应地设置genericons的样式

EDIT

我使用自定义摘录，所以我将其更改为the_excerpt() 就本答案而言，否则将出现致命错误。