0

我想在我的 wordpress 博客上实现 facebook、twitter 和 google 登录。我发现了一个很棒的插件，叫做 oneall。我猜它工作得很好（只测试了一次 fb 登录）。我的问题是我想要我自己的登录小部件按钮。我可以通过 CSS 更改背景图像，但这不是我想要的。我想使用一个图标字体，我在整个页面中都使用它。所以我需要将小部件的内容更改为简单的“f”、“t”和“g”并设置它们的字体系列。

这是应该输出小部件代码的代码部分。

//Add the Plugin
        $output [] = ' <div class="oneall_social_login_providers" id="oneall_social_login_providers_' . $rand . '"></div>';
        $output [] = ' <script type="text/javascript">';
        $output [] = '  oneall.api.plugins.social_login.build("oneall_social_login_providers_' . $rand . '", {';
        $output [] = '   "providers": ["' . implode ('","', $providers) . '"], ';
        $output [] = '   "callback_uri": (window.location.href + ((window.location.href.split(\'?\')[1] ? \'&amp;\':\'?\') + "oa_social_login_source=' . $source . '")), ';
        $output [] = '   "css_theme_uri": "' . 'http://test.nowillnoskill.net/wp-content/themes/NWNS/design/css/social.css' . '" ';
        $output [] = '  });';
        $output [] = ' </script>';
        $output [] = ' <!-- oneall.com / Social Login for Wordpress / v'.constant('OA_SOCIAL_LOGIN_VERSION').' -->';
        $output [] = '</div>';

javacript 是从他们的服务器加载的，所以我无法更改。

我试图用 jQuery（准备好文档）来改变它，比如

$('#facebook_button').html('f');

我用 CSS 试过了

#facebook_button {content: 'f'}

但都没有奏效。我还尝试简单地从应该输出代码的函数中复制输出，但这也不起作用。

你可以在 test.nowillnoskill.net 看到我的尝试。在侧边栏中，顶部有我的图标字体按钮（这就是我想要的），下方有更改背景的按钮。你可以看到底部的真的很模糊和丑陋。

有谁知道我该怎么做？我已经问过插件的作者，但他们没有回应

4

1 回答 1

0

如果我没记错的话，您已经向我们发送了有关此问题的支持请求。

您必须添加:before：

#button_facebook:before {
    content: 'f';
}

然而，这不是一个很好的解决方案。没有安装此字体的人根本看不到预期的页面。最好的办法是使用自定义图像。

于 2012-07-31T10:49:32.610 回答