oneall 워드 프레스 플러그인 - 위젯 출력 변경

Question

내 워드 프레스 블로그에 페이스 북, 트위터 및 Google 로그인을 구현하고 싶습니다. 나는 oneall이라고 칭한 중대한 plugin를 찾아 냈다. 그것은 멋지게, 나는 추측한다 (단 한번의 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가 서버에서로드되었으므로 변경할 수 없습니다.

나는

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

처럼 (문서 준비에) jQuery를 함께 변경을 시도하고 나는 CSS

#facebook_button {content: 'f'} 

와 그것을 시도하지만 어느 쪽도했다. 또한 코드를 출력해야하는 함수의 출력을 단순히 복사 해 보았지만 그 중 하나는 작동하지 않습니다.

내 시도는 test.nowillnoskill.net에서 볼 수 있습니다. 사이드 바에는 맨 위에 아이콘 글꼴 버튼이 있으며 (그 버튼은 내가 원하는 것입니다.) 배경 아래에 배경이 변경된 버튼이 있습니다. 하단의 것들이 정말 흐릿하고 추악하다는 것을 알 수 있습니다.

아무도 어떻게 생각합니까? 이미 플러그인 작성자에게 질문했지만 응답하지 않았습니다.

Answer 1

잘 기억해 주시면이 문제에 대한 지원 요청을 이미 보내 주셨습니다.

당신은 :before를 추가 할 수 있습니다

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

이 그러나 매우 좋은 해결책이 아니다. 이 글꼴이 설치되어 있지 않은 사람은 페이지를 의도 한대로 보지 못합니다. 가장 좋은 방법은 맞춤 이미지를 사용하는 것입니다.