Login Box widgets.

[Jason Caldwell]

Login Box widgets... I recommend one of these two:

1. Integrated specifically to meet the needs of s2Member installations:
s2Member Pro's Login Widget, which is specifically designed to work with s2Member.
( this comes with any purchase of the s2Member Pro add-on module )
http://www.s2member.com/prices/

2. A free alternative to the s2Member Pro Login Widget:
Sidebar Login ( works with s2Member, and s2Member Pro ) - confirmed/tested.
http://wordpress.org/extend/plugins/sidebar-login/

[chelle]

It is so hard to find a wordpress theme with something as simple as a login box, so widgets are definitely helpful

I was curious if there would be a template tag you can use to insert it in the theme or style it so it would be horizontal? (such as the login form on wordpress.org). If not yet maybe would be a nice feature to include in future updates/releases?

[Jason Caldwell]

Thanks for the great question/suggestion.

It is so hard to find a wordpress theme with something as simple as a login box, so widgets are definitely helpful

I was curious if there would be a template tag you can use to insert it in the theme or style it so it would be horizontal? (such as the login form on wordpress.org). If not yet maybe would be a nice feature to include in future updates/releases?

I will certainly consider this in a future release of s2Member Pro. Until then, you can achieve this by applying CSS styles to the output generated by the Pro Login Widget. In other words, in the /style.css file for your theme, you could add something like this:

Code: Select all

div.ws-plugin--s2member-pro-login-widget-username {
    display: inline;
    margin: 0 20px 0 0;
}
div.ws-plugin--s2member-pro-login-widget-password {
    display: inline;
}

This is just a quick example. This will no doubt need further tweaking to achieve exactly what you're after. If I were doing this, I would use the Firebug extension for Firefox to inspect the elements on the page and fiddle with the CSS until I have it just the way I like it. http://getfirebug.com/

[chelle]

Thanks! Making things go horizontal instead of vertical is one thing I have always struggled with, so just a basic idea is always a good start for me

[x3000gold]

Hi,

I need to translate "signup now | forgot password? and Log Me In".

In what file do I change this?

[x3000gold]

I found this in login-widget.inc!

[alargeau]

Hello,
I've searched a lot on the internet and haven't found what I'm looking for. Actually, I'd like a basic login form which could be included in a page because I don't want those sidebar widgets. Do you know anything like that?
Cheers.

[bjolley2]

Thank you so much for this post. I have been looking for this exact solution.

[Jwrbloom]

Sidebar Login seems to have a lot of problems, and that it didn't work well for me is why I came here seeing if there was an S2 option. It doesn't redirect for me properly, and it doesn't log me out properly.

[associatebroker]

I've been wrestling with Sidebar Login for a couple of days over it's apparent erratic behavior when logging out.

Specifically, logging in always works, but if I migrate over to a different page and then return to my main page and attempt to logout there, I'm logged out, but it looks like I'm still logged in. If I click logout again, I'm redirected to a WP logout confirmation screen.

For a while I thought the problem had to do with caching - I'm using W3 Cache - but apparently the real culprit is Firefox. By going back to IE, I never have any problems with Sidebar Login working as advertized.

Does anyone have a suggested fix so that either browser will work?

Try it with the different browsers and see if you don't concur with what I found: http://lprestoration.com

CORRECTION 12/10/10:

I disabled my cache and the problems with Firefox go away. I'm going back to WP-Supercache to see if it works with both browsers.

UPDATE: After moving to the wp-super cache plugin, the erratic problems with Sidebar Login have disappeared. Everything with the plugin works fine, although the tester in wp-super cache shows that my cached pages have different timestamps. Stamp out one fire and create another...

[Jwrbloom]

What cache plugin were you using before?

[associatebroker]

I was attempting to use W3 Total Cache, based upon recommendations I've read.
I finally got Sidebar Login to behave after going back to super cache, but in doing so, had to configure supercache as follows:

(check) cache hits to this website; use mod_rewrite; cache rebuild; mobile device support

I also had a conflict with how one of s2 members features was operating -- it was not redirecting me to the custom profile screen, but was redirecting me to my main page. I fixed this problem by deactivating the Yoast Wordpress SEO plugin. Registered members are now redirected to the s2 edit profile screen just fine.

Word to the wise: be sure to check the operation of your existing plugins after deploying new ones!
Also, it appears that at least the free version of s2member works fine under the WP303 upgrade.

[creativeforge]

I find myself having to look for the sidebar widget login box every time I upgrade S2Member automatically. Anyone else?

Regards,

Andre
http://www.iamsignificant.ca/1

[ohadga]

Hi,

I have a similar issue and i hope it's ok to ask in the same post...

The user name and pw are too big and takes too much space in the page.

Can i:
1. reduce the space between these 2 boxes?
2. make changes in general to the text (like font size).
3. Write 'Username' not above the text box but in the text box. When user enter his user name he actually override the word 'username'.

Thanks for your support!
Ohad
www.myhobbymaster.com

[Jason Caldwell]

Just spotted this.

Hello,
I've searched a lot on the internet and haven't found what I'm looking for. Actually, I'd like a basic login form which could be included in a page because I don't want those sidebar widgets. Do you know anything like that?
Cheers.

The latest release of s2Member Pro comes with documentation on how to achieve this with the Pro Login Widget for s2Member. Please check your WordPress Dashboard under:
s2Member -> API Scripting -> Login Widget via PHP.

Basically, you just do this:

Code: Select all

<?php echo s2member_pro_login_widget(); ?>

* This requires s2Member Pro v1.5.2+.

( Optional ) there are MANY configurable options detailed in your API Scripting menu for s2Member.

Code: Select all

This function allows for the inclusion of the Pro Login Widget directly into a theme/plugin file.
This API function will return the HTML output from the widget function call.

Example usage: <?php echo s2member_pro_login_widget($options, $args); ?>

The $options parameter (array) is completely optional ( i.e. NOT required ).
It can be passed in as an array of options; overriding some or all of these defaults:

"title" => "Membership Login"            ——— Title when NOT logged in, or leave this blank if you'd prefer not to show a title.
"signup_url" => "%%automatic%%"            ——— Full Signup URL, or use %%automatic%% for the Membership Options Page. If you leave this blank, it will not be shown.
"login_redirect" => ""                    ——— Empty ( i.e. "" ) = Login Welcome Page, %%previous%% = Previous Page, %%home%% = Home Page, or use a full URL of your own.
"logged_out_code" => ""                    ——— HTML/PHP code to display when logged out. May also contain WP Shortcodes if you like.
"profile_title" => "My Profile Summary"    ——— Title when a User is logged in. Or you can leave this blank if you'd prefer not to show a title.
"display_gravatar" => "1"                ——— Display Gravatar image when logged in? 1 = yes, 0 = no. Gravatars are based on email address.
"link_gravatar" => "1"                    ——— Link Gravatar image to Gravatar.com? 1 = yes, 0 = no. Allows Users to setup a Gravatar.
"display_name" => "1"                    ——— Display the current User's WordPress® `Display Name` when logged in? 1 = yes, 0 = no.
"logged_in_code" => ""                    ——— HTML/PHP code to display when logged in. May also contain WP Shortcodes if you like.
"logout_redirect" => "%%home%%"            ——— Empty ( i.e. "" ) = Login Screen, %%previous%% = Previous Page, %%home%% = Home Page, or use a full URL of your own.
"my_account_url" => "%%automatic%%"        ——— Full URL of your own, or use %%automatic%% for the Login Welcome Page. Leave empty to not show this at all.
"my_profile_url" => "%%automatic%%"        ——— Full URL of your own, or use %%automatic%% for a JavaScript popup. Leave empty to not show this at all.

The $args parameter (array) is also completely optional ( i.e. NOT required ).
It can be passed in as an array of options: overriding some or all of these defaults:

"before_widget" => ""                    ——— HTML code to display before the widget.
"before_title" => "<h3>"                ——— HTML code to display before the title.
"after_title" => "</h3>"                ——— HTML code to display after the title.
"after_widget" => ""                    ——— HTML code to display after the widget.

[mrgarethnunn]

Hi Jason,

After following your advice on viewtopic.php?f=4&t=1037&p=4044&hilit=login+widget+Login+Widget+horizontal#p4044 I added your suggested code inside my theme style.css however I'm still experiencing a vertical presentation of the login widget (as seen www.ventureintro.com). Is their anything other code I should be adding? Ideally, I would like to display this login horizontally above menu bar i.e. on same line as ‘My Profile Summary’ text is currently sitting.

Any suggestions?

Thanks,
Gareth

[mrgarethnunn]

Hi ,

Have you had a moment to read above thread i.e (viewtopic.php?f=4&t=1037#p52641), I'm still experiancing verticle presentations of the login widget. I've added the suggested css code to both style/css in wordpress theme and s2member-pro.cc, however no joy. Is their a way we can alter the hardcode?

We're due to go live in 1 month and this is a key function for us.

With thanks,
Gareth

[Jason Caldwell]

Thanks for the heads on up on this thread.

The post above is really not designed to get you all the way there. You will need someone fluent in CSS and with access to your WordPress theme to make the exact changes that are needed on your installation.

In some cases it might be enough to use the !important declaration, but again, it just depends on the existing styles in your theme. You can try this if you like.

Code: Select all

div.ws-plugin--s2member-pro-login-widget-username {
    display: inline !important;
    margin: 0 20px 0 0 !important;
}
div.ws-plugin--s2member-pro-login-widget-password {
    display: inline !important;
}

See also: http://coding.smashingmagazine.com/2010 ... to-use-it/

[jeanmorency]

Hi Jason,

I cannot find the widget in my widgets.
I have Version: 111220
PayPal® Pro Compatible: yes w/ s2Member Pro

Do I need to install something else?

Thanks

[Raam Dev]

Which widget are you referring to? The Login widget? Have you tried disabling and then reactivating the s2Member plugin? (Be sure to enable Deactivation Safeguards in WP Admin -> s2Member -> General Options -> Deactivation Safeguards to save yourself from losing any configuration.)

[jeanmorency]

Raam Dev,

You were right!
I deleted and re-installed and it log-in widget became available thanks!!!

[Raam Dev]

You're welcome! Glad to hear that solved it.