0

ワードプレスのブログにフェイスブック、ツイッター、グーグルのログインを実装したい。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 に答える