Jump to content
Sign in to follow this  
srussel2

Login at the top right of the page

Recommended Posts

srussel2    0
srussel2

Hello, I am looking to add a WP login box to the upper right corner of my website, specifically where the social icons usually are, across from the branding in the header. Position as seen on the demo: http://demo.pagelines.com/framework/ Any tips on getting it up there? I have searched past threads but some posts were every outdated (circa 2010) and no longer applied or worked. Thanks edit: sorry didn't mean to post this in the general forums... I am using platform pro

Share this post


Link to post
Share on other sites
catrina    103
catrina
What will the WP login box be used for specifically? Are you creating some kind of membership site that requires users to register so that they can log in and access certain content on your site?
  • Like 1

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
srussel2    0
srussel2
[quote]Are you creating some kind of membership site that requires users to register so that they can log in and access certain content on your site?[/quote] Yes, exactly :-) Let me know if you think I will need additional plugins to accomplish this. Kind of a novice here, haha.

Share this post


Link to post
Share on other sites
catrina    103
catrina
I've heard good things about this plugin: http://wordpress.org/extend/plugins/s2member/. You can install it and try it out to see if it's exactly what you're looking for.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
srussel2    0
srussel2
Okay I will try it out as soon as I can. Do you think additional coding will be needed to put in the place of the social icons?

Share this post


Link to post
Share on other sites
srussel2    0
srussel2
What about just using a log in form with wordpress' user management system? They have page permissions and everything. I don't need all the extra stuff that comes with s2member... This isn't going to be a big website by any means. How would I set up these values to be on the main page as I described in my first post? Maybe just: [quote] Login: [_________] Password: [_________] Register? Retrieve my password[/quote] "Register" can link to a different page... Do you think I can just chop up the current login.php, stick it as a div in the header, and then style it?

Share this post


Link to post
Share on other sites
catrina    103
catrina
I think the form will require a code similar to the one used in login.php but I'm not sure exactly how it should be edited to work in the header. I searched around and found this, however: http://wordpress.org/support/topic/how-to-put-a-login-box-in-header?replies=7#post-1515749

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
srussel2    0
srussel2
Cool, thanks for the link. Before I read your reply I found another website which hacked up the login.php to work on a page. Anyway, here's how it looks now. Rather dapper if I do say so myself! http://www.kooikersociety.org/ However, if you notice you can't click on it or enter anything. I looked it up with fire bug and it seems the whole header div, which the header image is in, is set up to be a link. Where do I remove this? I want the header image to link to the front page, but not the whole div table. Doing the style position z thing doesn't move it in front.

Share this post


Link to post
Share on other sites
Rob    547
Rob
Dapper indeed! The clicking thing may be the result of a need for a z-index. The reason the whole header is one link probably has to do with the way you wrote your hook. Can you copy and paste it here? Thanks. I'll take a look.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
srussel2    0
srussel2
Thanks! Here how it is written in the functions.php file [code] // add_action('hook_name','function name'); add_action('pagelines_after_branding_wrap', 'header_login'); // function name function header_login(){ ?>
Login Below Welcome Back, user_login; } ?> : Register | Recover password Logout logout admin

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
Add: [code] position: relative;[/code] To the header-login div :)

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
srussel2    0
srussel2
Genius! You guys are the best :D

Share this post


Link to post
Share on other sites
Rob    547
Rob
I concur. She is a genius! Thanks for the comment. I'll pass it along to her.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
hehe thanks :) Glad to help!

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
zvelena    0
zvelena
The solution works fine, however, it overlaps with the logo on iPhone. Is there a way to put this form into a responsive layout ? (one that would go below the header on handhelds) Thanks Elena

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×