WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: Simple Facebook Connect] Change button location on login/registration page (20 posts)

  1. xdreamwalker
    Member
    Posted 4 years ago #

    I like that the plugin automatically places the 'Connect with Facebook' button on the login and registration page.

    Is it possible to have the button placed above the form instead of the bottom of the form?

    I've got no problem making some edits, but I don't know where I would not know where to make those edits.

    Thanks.

  2. Samuel Wood (Otto)
    Tech Ninja
    Posted 4 years ago #

    Unfortunately, no. The login code in WordPress is rather hard-coded, so it's difficult to change and an upgrade would wipe out your changes.

  3. xdreamwalker
    Member
    Posted 4 years ago #

    Well nuts. Thanks for the update though.

  4. leylap
    Member
    Posted 4 years ago #

    Hey xdreamwalker. I was just wondering how you got that 'Connect with Facebook' button on the login and registration page. Is it a plugin?

    Thanks

  5. xdreamwalker
    Member
    Posted 4 years ago #

    leylap, yes it is a plugin: Simple Facebook Connect

    http://wordpress.org/extend/plugins/simple-facebook-connect/

  6. swordf1zh
    Member
    Posted 4 years ago #

    Could I use a function to put the button in a different page? Im using a custom template (ClassiPress) and the button is not showing in the login but in the registration page.... Is there a way to include the button in the theme-login.php file??
    thanks for your help!

  7. chocks
    Member
    Posted 4 years ago #

    @swordf1zh you can. Activate the SFC Widget plugin. Register a widget area for this purpose. Place that area wherever you want on the Theme. Drag the widget (backend) to this newly created area. You are done.

  8. chocks
    Member
    Posted 4 years ago #

    @xdreamwalker
    You can (yes.. we can?): create a new css file (and rule) to target the login page. Then write something like this:

    #loginform {position:relative;}
    .FB_login_button {position:absolute;top:-24px;left:70px;}

    Note: I haven't tested but it should work..

    Btw, rule to target login page:

    function fb_custom_login() {
    	echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/custom-login.css" />';
    }
    add_action('login_head', 'fb_custom_login');

    In this case I created: custom-login.css file and uploaded to my custom theme folder.

  9. xdreamwalker
    Member
    Posted 4 years ago #

    @chocks
    This is brilliant. Thank you; It works like a charm. Now I'll just have to figure out how to target it to the registration page as well.

    UPDATE: With a little codex searching I found the actions and was able to place it on the registration page where I wanted to.

  10. Jennifer Ross
    Member
    Posted 4 years ago #

    @swordf1zh- were you able to accomplish getting the button on your ClassiPress theme-login.php? I am running classipress as well, and I am having the hardest time trying to get it on there. I am using <?php the_widget('SFC_Connect_Widget'); ?> but it is not showing up! If you were able to figure out, could you point me in the right direction please! Pretty please! Thanks!

  11. Samuel Wood (Otto)
    Tech Ninja
    Posted 4 years ago #

    Does your custom page include both the wp_head and wp_footer code? Facebook buttons won't show if those aren't there.

  12. Jennifer Ross
    Member
    Posted 4 years ago #

    Hi Otto- thanks for the reply! No, I searched, and from what I can tell, it does not. What am I supposed to do now? Can I add that code, or will it screw up something? Also, what would the code be? Thanks so much! i've been pulling my hair out over here! Heh heh! :-)

  13. Samuel Wood (Otto)
    Tech Ninja
    Posted 4 years ago #

    It's hard to say for sure without seeing the theme personally, but the code lines in question will look like this:

    Just before the </head>, add this line:
    <?php wp_head(); ?>

    Just before the </body>, add this line:
    <?php wp_footer(); ?>

  14. Jennifer Ross
    Member
    Posted 4 years ago #

    oh boy... well, in my theme-login file, there is no </head> and no </body> I am using the ClassiPress theme. Here is the demo of the login page that I am trying to edit... I would like the login to be on the right hand section, but I do not know where to put <?php wp_head(); ?> or <?php wp_footer(); ?>

  15. Jennifer Ross
    Member
    Posted 4 years ago #

  16. Samuel Wood (Otto)
    Tech Ninja
    Posted 4 years ago #

    If it's using the normal wp-login stuff, why are you trying to add your own button directly? The SFC-Login plugin does that for you.

    I think you need to talk to your theme creator and have them make sure that the proper action hooks are being called.

  17. Jennifer Ross
    Member
    Posted 4 years ago #

    Well, I'm trying to add my own button b/c the SFC button does not appear at all. I wanted to offer my customers the opportunity to log in as normal or log in using Facebook. I am using the Register Plus plugin as well... Are there any known conflicts with SFC? Maybe that could be the culprit?

  18. Samuel Wood (Otto)
    Tech Ninja
    Posted 4 years ago #

    I guess the question is how did you make this customized Login page? SFC doesn't take custom stuff into account, it's designed to work with the defaults and anything that implements those defaults as standards.

    In other words, the button will show up on a normal login page. Whatever you're using to customize that page isn't implementing the necessary hooks to make the stuff like this appear.

  19. Jennifer Ross
    Member
    Posted 4 years ago #

    Well, I didn't make it... it's just the login page that came built in with the theme. Thanks Otto...

  20. Samuel Wood (Otto)
    Tech Ninja
    Posted 4 years ago #

    Hmmm.. I'll investigate.. Email me and I'll check it out further. Perhaps the theme needs mods I don't know yet.

    otto@ottodestruct.com

    Just so you know, I will need you to send me a copy of parts of the theme, if you're okay with that. :)

Topic Closed

This topic has been closed to new replies.

About this Topic