Facebook登録プラグインのカスタマイズ

Question

ソーシャルハブサイトのサインアップフォームにFacebook登録プラグインを使用したいが、Registerの代わりにSign Upと言うボタンに変更したい。これはできますか？それは簡単な仕事のようだが、Facebookはそれを簡単にしていない。ボタンはサーバー上で処理され、触れることはできないようです。どんな提案も大歓迎です。

Answer 1

プラグアンドプレイの登録機能を使用する場合は、文言を変更するオプションはありません。あなたは自分のAPIに正しい呼び出しを提出する独自のフォームを書くことができますが、それは主に登録プラグインの使用目的を打ち負かします。あなたは自分のCSSを上書きすることができるかもしれ

（私はこれをテストしていません）

あなたが登録のレンダリングソースを見ればあなたはこのような何かを探してボタンを見つけることができます、プラグイン：

<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プラグインを使用するためのトレードオフです。