Facebook Login personnalisé bouton de retour texte
j'espère que vous pourrez m'aider avec ce problème.
J'ai attrapé la base de connexion code du bouton de la FB développeurs de site et je suis à l'écrit comme à l'est:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=345451695525893";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-login-button" data-show-faces="false" data-width="200" data-max- rows="1">Test text</div>
La seule personnalisation je suis en train de faire est remplacer la valeur par défaut de "se Connecter" text avec mon propre texte (dans ce cas "test de texte"). Cela fonctionne très bien lorsque je suis déconnecté de facebook, mais il est intéressant, lorsque je me connecte à facebook (via le facebook du site sur un autre onglet), puis de revenir pour visiter ma page, le texte personnalisé clignote, puis le bouton est rendu une deuxième fois avec la valeur par défaut de "se Connecter" du texte.
Toutes les idées, ou est-ce une fonctionnalité de Facebook?
- Autant que je sache - que vous utilisez un plugin social de Facebook, vous êtes limité par les fonctionnalités qu'ils exposent. Le code JS styles et - évidemment - réécrit l'élément div, de sorte que le FB Comme le bouton apparaît systématiquement, lorsqu'il est utilisé (et prend également en compte la localisation). Vous avez le choix du verbe à utiliser pour le bouton "j'Aime" ou "Recommander" - mais autant que je sache.
- Graeme...j'ai remarqué la même chose qui se passe sur mon site, qui a été l'affichage de connexion personnalisé le texte correctement pendant des années. Il semble que Facebook a fait quelques improviste (ou très difficiles à trouver) des modifications à la fb-login-élément de bouton.
- J'espère que Facebook est en faute. J'ai passé d'innombrables heures aujourd'hui, jusqu'à ce que j'ai trouvé à cette question.
Vous devez vous connecter pour publier un commentaire.
Étant donné l'évolution récente de la fb-login-composant button (qui, depuis une semaine ou deux il ya semble TOUJOURS réécrire un texte personnalisé à la "connexion"), votre meilleur pari est de créer une classe CSS pour un Facebook bouton et la détente FB.Connexion via Javascript. C'est ce que j'ai fait et ça fonctionne bien.
Voici un peu de CSS pour un Facebook bouton qui ressemble exactement comme la norme de Facebook bouton et prend en charge personnalisée du texte facilement:
L'élément sur votre page serait
Et puis un JS fonction de la façon
Bien sûr, vous aurez besoin d'inclure le fb de la racine div sur votre page et et init le Facebook JS SDK avant cette
Voici à quoi il ressemble:
La chose cool à propos de la CSS, c'est que vous pouvez l'utiliser pour créer d'autres Facebook boutons sur votre site pour des choses qui ne sont pas pris en charge (comme Action) avec un aspect familier. Vous pouvez même créer des supplémentaires css pour permettre différentes des boutons de taille. Vous auriez juste besoin d'avoir de fond différentes positions pour l'image de fond et la taille de police différente, la hauteur, etc.
Utiliser à la suite de l'utilisation de votre texte personnalisé
Avis, propriété
login_text
est prévu afin de définir le texte sur le bouton de connexion. Si vous ne définissez pas, il va écraser votre texte avec un nom par défaut qui est fourni par Facebook.Ou vous pouvez simplement utiliser:
OU
Facile que 1,2,3 🙂
Essayer cela, ajouter des données, de connexion de texte comme ceci.