Facebook 등록 플러그인 맞춤 설정

Question

소셜 허브 사이트의 가입 양식에 Facebook 등록 플러그인을 사용하고 싶지만 등록 대신 가입 버튼을 변경하고 싶습니다. 이 일을 할 수 있니? 그것은 간단한 작업처럼 보이지만 Facebook은 쉽게 만들 수 없습니다. 버튼이 서버에서 처리되고 만질 수없는 것 같습니다. 어떤 제안이라도 대단히 감사하겠습니다.

Answer 1

플러그 앤 플레이 등록 기능을 사용하려면 문구를 변경하는 옵션이 제공되지 않습니다. API에 대한 올바른 호출을 제출하는 자체 양식을 작성할 수는 있지만 대부분 등록 플러그인 사용 목적을 상쇄합니다.

당신은 (나는이 테스트를하지 않은 경우) 당신은 등록의 렌더링 된 소스를 보면

플러그, 당신이 뭔가를 찾고 버튼을 찾을 수 있습니다 자신의 CSS를 오버라이드 (override) 할 수 있습니다 :

를

<label class="fbRegistrationRegisterButton uiButton uiButtonConfirm uiButtonLarge" id="fbRegistrationRegisterButtonPrefilled" for="u298205_7"> 
    <input value="Register" type="submit" id="u298205_7"> 
</label> 

분명히 입력 ID가 항상 특정 문자열이되는 것은 아니지만 레이블 ID는 항상 'fbRegistrationRegisterButtonPrefilled'가됩니다. 전체 플러그인 주위에 자신 만의 div를 생성하고 자신의 CSS를 사용하여 해당 클래스가 레이블에 수행하는 것을 무시하면 작동 할 수 있습니다. 또는 Javascript를 사용하여 해당 ID가있는 레이블 태그 내의 모든 입력을 찾고 인라인 CSS를 추가하여 자신의 이미지를 자신의 것으로 대체 할 수 있습니다.

그러나이 코드는 모두 Facebook에 의해 동적으로 생성되며 이러한 변경에 영향을 미칠 수있는 변경 사항을 계속 유지해야합니다. 이러한 변경은 효과적 일지라도 궁극적으로는 가치가 없습니다. 두통이 적은 길은 대부분의 사용자가 이해할 수 있도록 '등록'과 '가입'이 서로 가깝다는 것을 받아들이는 것입니다. 이러한 세부 사항을 관리하는 것은 Facebook 플러그인을 사용하기 위해 만드는 트레이드 오프입니다.