Question

我想在我的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上看到我的尝试。在侧边栏中，顶部有我的图标字体按钮（这就是我想要的）和在它们下面有更改背景的按钮。你可以看到底部真的很模糊和丑陋。

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

Answer 1

如果我记得很清楚，您已经就此问题向我们发送了支持请求。

您必须添加:before：

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

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

oneall Wordpress插件 - 更改小部件输出

1 个答案: