I’ve updated the code below so that it works properly. Sorry for any confusion this code was causing, but this should all be fixed now
I’ve been using the Mystique theme by Digitalnature for my personal blog for a few months now and after many updates, it’s really becoming quite the all inclusive design. The one thing it’s missing is a great login that’s themed along with it. So I’ve taken it upon myself to create it. You will need to make a small customization to the functions.php file for the theme but I’ll walk you through it.
Click to preview the full image
First you need to download the custom-login.zip file, unpack it, then upload the custom-login folder to your mystique folder. The directory is ‘/wp-content/themes/mystique/’.
Download custom-login.zip
Step two is modify the /wp-content/themes/mystique/functions.php’. You only need to add about 4 lines of code to the file so it’s nothing to major. Open the file you in your favorite text editor and look at the end of the file for:
add_theme_support('automatic-feed-links');
endif;
?>
Paste the following code between the add_theme_support and endif; line.
function custom_login() {
echo ' ';
}
add_action('login_head', 'custom_login');
And there you have it, a custom login screen for people using the ‘Mystique’ theme. Thanks to Pro Blog Design for the great post about ‘Custom WordPress Login Screens‘
Updated: I have modified the Code Plugin I’m using so this code should work without error now. Let me know in the comments if you have any other issues. Thanks everyone for the help!
Update 3/26 – If you are using the WordPress nightly builds for testers, this isn’t working anymore due to a CSS change in the WordPress code. I’m looking into it.
Have questions, bugs, or feature suggestions? Visit our Facebook page and submit it in the
{ 18 comments… read them below or add one }
Hey Chris,
I love this, but when I edit the functions.php file, my site turns blank–nothing on the page at all. Weird, huh? If I go in and take the lines out, everything works again. Any ideas?
@Christopher Maselli
If you want to email me your functions.php file I can take a look at it. chris at chriskdesigns.com. I copied and pasted exactly what I had in the post to my functions.php file and it worked without an error. I’d be happy to help out.
I reckon your site is suppressing error warnings so the code isn’t working on your site.
I’ve tried to use the code as well but the 2 endif; weren’t inside the functions.php file, I’m using Mystique 1.72, the functions.php code is:
init();
?>
I’ve tried adding the code on its own, which never worked, then adding the endif; statements, again never worked, and then adding the code to mystique.php, unfortunately it never worked.
I’ll see if I can find a solution for myself and post the results here
It’s looking good though, and well a worthy addition to the Mystique theme
@Chris K
I appreciate it, but I haven’t changed the functions.php in Mystique at all except to add your code (I just copied and pasted). Baffles me…
@mentalist3d
If you have a link to the 1.72 version of the theme I’d gladly look into it on a test account and see what I can find out.
@Christopher Maselli
What version of the
plugintheme are you using? I’m currently on the most recent update.@Chris K
Yeah, I’m using the 2.11 theme–the most recent.
@Chris K
Hey! I got it to work. I followed your link back to problogdesign.com and copied and pasted from their code instead–and it works just fine.
The crazy thing is, I’ve compared your code and theirs character-by-character and it’s EXACTLY the same. Makes no sense. All I can figure is that your site is making one of the characters look the same, but it’s actually a different bit or byte.
Anyway, just a heads-up in case anyone else has the same problem. Just have them take the php from problogdesign instead.
Thanks for the cool addition to my mystique, Chris!
@Christopher Maselli
PS After trying theirs and getting it to work, I tried yours again and I once again got the blank page. Something is getting translated different in that code, somehow–at least to my PC through Firefox.
Thanks for the info. I will take a look at it tonight after work and see what I can do to format it better. Maybe a different code plugin. Thanks again!
@Chris
Thanks for the offer, I didn’t realise I was running an older version of Mystique so I’ve upgraded to the latest version and your code worked perfectly. Thanks very much for this and I’ll add a link back on our site credits, thanks
Hey everyone, this remains to be a commonly hit post, I’m working on some updates to this post so it will work with newer versions of WordPress and the theme.
Please help me, this is not working for me. I have added the code and folder in Mystique theme folder, but it is not showing any login image
I love this, but when I edit the functions.php file, my site turns blank–nothing on the page at all. Weird, huh? If I go in and take the lines out, everything works again. Any ideas?
What version of the theme are you using and what lines are you adding it on? I might be able to figure it out from there.
I am using Mystique 2.4.2 – latest Vaersion. I open function.php and at the end of file, after add_theme_support(‘automatic-feed-links’); I add following:-
function custom_login() {
echo ‘ ‘;
}
add_action(‘login_head’, ‘custom_login’);
Thanks in Advance.
Is any other way to contact you? Or please give me your email id.
Hey dude, thank you I finally modify your code and also write post:
Custom Login Screen for Mystique WordPress Theme
Thank you
There is new version of Mystique Theme – Mystique 3.0.2.
So article is updated because old method for Custom Login screen is not working for this modified theme.
How to Change the Login Screen in Mystique 3.0
{ 1 trackback }