Comment changer facebook bouton de connexion avec mon image personnalisée
Mon script de code comme celui-ci
echo '<p class="wdfb_login_button"><fb:login-button scope="' .
Wdfb_Permissions::get_permissions() . '" redirect-url="' .
wdfb_get_login_redirect() . '">' .
__("Login with Facebook", 'wdfb') . '</fb:login-button></p>';
Son utilisation de facebook par défaut de bouton de connexion plugin. Mais je voudrais utiliser mon personnalisée facebook connecter l'image. Quelqu'un peut-il m'aider?
- Double Possible! facebook.stackoverflow.com/questions/9952611/...
Vous devez vous connecter pour publier un commentaire.
La méthode que vous utilisez est rendu bouton de connexion de l'Facebook code Javascript. Cependant, vous pouvez écrire votre propre code Javascript de la fonction pour imiter la fonctionnalité. Voici comment le faire -
1) Créer une simple balise d'ancrage lien avec l'image que vous souhaitez afficher. Avoir un
onclick
méthode sur la balise d'ancrage qui serait effectivement faire le vrai travail.2) Ensuite, nous créons la fonction Javascript qui va afficher les pop-up et va chercher la complète information de l'utilisateur, si l'utilisateur le permet. Nous nous occupons également de la scénario, si l'utilisateur n'autorise pas notre facebook app.
3) Nous sommes fait.
Veuillez noter que la fonction ci-dessus est entièrement testé et fonctionne. Vous avez juste besoin de mettre votre facebook APP ID et il va fonctionner.
href="#"
à l'étape 1. Que faire si je veux passer à un autre lien? J'ai essayéhref="www.google.com"
, mais il ne fonctionne pas.FB.api('/me?locale=en_US&fields=id,name,email,first_name,last_name', function(response) { }
publish_stream
àpublic_profile
pour que cela fonctionneJe l'ai eu à travailler avec un appel à quelque chose d'aussi simple que de
Je ne sais pas si facebook ne sera jamais en mesure de bloquer ce contournement, mais pour l'instant je peux utiliser quel que soit HTML ou image que je veux appeler
fb_login
et il fonctionne très bien.Référence: Facebook API Docs
Il est effectivement possible qu'à l'aide de CSS, cependant, l'image que vous utilisez pour remplacer doit être de la même taille que l'original facebook bouton "se connecter". Heureusement, Facebook fournit le bouton dans différentes tailles.
De facebook:
Définir la connexion iframe opacité de 0 et de montrer une image de fond dans le div parent
Si vous utilisez une image qui est plus grand que l'original facebook bouton, la partie de l'image qui est en dehors de la largeur et de la hauteur du bouton d'origine ne sera pas cliquable.
Trouvé un site sur google en expliquant certains changements, selon l'auteur de la page fb ne permet pas de boutons personnalisés.
Heres le site web.
Si vous ne souhaitez pas utiliser le codage puis ici est une extension pour Google Chrome appelé FB Rafraîchissement qui peut ajouter une image personnalisée à votre Facebook page d'accueil de connexion. Vous pouvez utiliser des thèmes ou pouvez télécharger votre propre arrière-plan. Vous pouvez en lire plus à ce sujet ici.
http://www.crunchytricks.com/2015/02/how-to-change-refresh-facebook-homepage-login-screen.html