These sites are really awesome but, the galleries can take a long time to load and the overall visitor effect can be disappointing.

After a bit of searching I found that it is possible to preload images on a site using CSS.  Thanks to Perishable Press for the inspiration.

On Perishable Press, I found the instructions to add this code to the bottom of an xHTML page:

<div id=”preload”><img src=”http://domain.tld/image-01.png” alt=”Image 01″ width=”1″ height=”1″ />
<img src=”http://domain.tld/image-02.png” alt=”Image 02″ width=”1″ height=”1″ />
<img src=”http://domain.tld/image-03.png” alt=”Image 03″ width=”1″ height=”1″ /></div>

and add this to CSS file:

div#preload { display: none; }

This was great, but trying to implement this on a dynamic website like Wordpress kind of defeats the purpose – I want a dynamic image loader!

So I worked through how to use this functionality on my Wordpress websites.

Whilst the images on the initial load of the first page on the site may still take time to display, the rest of pages and image displays are much, much better.

I’m still working on improving the load times, but I thought I would share the code that I use so far:

To preload ALL the images on a site on first page load

Add this to your themes style.css file:

div#preload { display: none; }

Create the following function in your themes functions.php file:

function twpw_imagepreload() {
$args3=array(
‘post_status’=>’publish’
);
$imageloader= null;
$imageloader = new WP_Query();
$imageloader->query($args3);
$imagepreload.=’<div id=”preload”>’;
if ($imageloader->have_posts()) : while ($imageloader->have_posts()) : $imageloader->the_post();
$parentid=get_the_ID();
$args1=array(
‘post_type’=>’attachment’,
‘post_parent’ => $parentid,
‘post_mime_type’ => ‘image’
);
$image_query = get_children($args1);
foreach ( $image_query as $attachment_id => $attachment ) {
$image3=wp_get_attachment_image_src($attachment_id);
$imagepreload.=’<img src=”‘.$image3[0].’” width=”1″ height=”1″/>’;
}
endwhile; endif;
$imagepreload.=’</div>’;
return $imagepreload;
}

add the following line to your themes footer.php, just able the tag:

<?php echo twpw_imagepreload() ?> 

Stepping through the function:

The first section of the function returns an array of ALL published posts on your Wordpress Website to a variable called $imageloader:

$args3=array(
‘post_status’=>’publish’
);
$imageloader= null;
$imageloader = new WP_Query();
$imageloader->query($args3);

This part of the function uses the query_post functionality of Wordpress.

This line creates the start of the html div into which the images will be preloaded:

$imagepreload.=’<div id=”preload”>’;

This part checks if there are published posts, and begins to step through each published post.

if ($imageloader->have_posts()) : while ($imageloader->have_posts()) : $imageloader->the_post();
$parentid=get_the_ID();

This line:

$parentid=get_the_ID();

returns the ID of the post being used in the loop and is critical to the next part of the function.

Now we have the ID of the post, we need to retrieve all the images attached to that post.  We achieve this using the get_children() function with the assistance of query_posts. get_children returns an array, which we store in the variable $image_query:

$args1=array(
‘post_type’=>’attachment’,
‘post_parent’ => $parentid,
‘post_mime_type’ => ‘image’
);
$image_query = get_children($args1);

Now, we create the code to load the images into our preload div, using a foreach loop on $image_query:

foreach ( $image_query as $attachment_id => $attachment ) {
$image3=wp_get_attachment_image_src($attachment_id);
$imagepreload.=’<img src=”‘.$image3[0].’” width=”1″ height=”1″/>’;
}

Using wp_get_attachment_image_src, we can retrieve the details of each image into an array ($image3).

Then we create the html code to display the image in our preload div.

As we loop through $image_query, the variable $imagepreload is appended with the next image.

The final part of the function closes off the loops and returns the variable $imagepreload.

endwhile; endif;
$imagepreload.=’</div>’;
return $imagepreload;

That’s it really – I’m sure it can be done better, but this is what I’ve come up with.

I’m also not certain what effect this function will have on the SEO of the site – truly image rich sites will increase the load time of the site (it shouldn’t affect the display of the first page, but it will cause the final load of the page to be much longer).

Love to have your feedback on this code and whether you have a better way of doing it.

Better WP Performance: Preloading Images With CSS is a post from: The Wordpress Warrior

However, you want to give your members a sneak peek of what’s coming up – to increase the anticipation.  Here’s a simple function that you can modify to do this:

function showupcomingposts() {$args=array(
‘post_type’=>’post’,
‘post_status’=>’future’,
‘posts_per_page’ => 10
);
$wp_query= null;
$wp_query = new WP_Query();
$wp_query->query($args);
if ($wp_query->have_posts()) : while($wp_query->have_posts()) : $wp_query->the_post();
echo ‘<div id=”contentmain”>’;
echo ‘<h2>the_title();</h2>’;
the_excerpt();
echo ‘</div>’;
endwhile; endif;
}
?>

I haven’t tested it – and it will require tweaking to present the output on your site, but it’s a good start.

Enjoy.

Announcing Upcoming Content is a post from: The Wordpress Warrior

In an earlier post,I gave an example of how to set up a custom login form and add a short code to display the login form anywhere on your site.

I’ve been asked to demonstrate the the form in action… so here it is:

This is display using the shortcode:

[ twpwshowloginwidget ]

(Remove the space after the ‘[' and before the ']‘)

The code for this widget is shown below, and you can download it from here

 function twpwnewloginwidget() {
if (is_user_logged_in()) {
$redirect = get_bloginfo(‘url’);
global $current_user;
get_currentuserinfo();
?>
<div id=”loginform-wrapper”>
Welcome <strong><?php echo $current_user->user_firstname; ?></strong>.
<form name=”loginform” action=”<?php echo wp_logout_url($redirect); ?>” method=”post”>
<input type=”submit” name=”wp-submit” id=”wp-submit” value=”LOG OUT” />
<br>
<a href=”<?php bloginfo(‘url’); ?>/wp-admin/profile.php” style=”font-size:11px;”>Update Your Details</a>
<input type=”hidden” name=”redirect_to” value=”<?php bloginfo(‘url’); ?>” />
</form></div>
<!– If User Is NOT Logged In Display This –>
<? } else {
$notloggedinurl = get_bloginfo(‘url’).’wp-register.php’;
?>
<div id=”loginform-wrapper”>
<form name=”loginform” action=”<?php bloginfo(‘url’); ?>/wp-login.php” method=”post”>
<label for=”log”>Username</label> <input type=”text” name=”log” id=”user_login” value=”" tabindex=”10″ /><br>
<label for=”pwd”>Password</label> <input type=”password” name=”pwd” id=”user_pass” value=”" tabindex=”20″ />
<div style=”text-align:center;”><input type=”submit” name=”wp-submit” id=”wp-submit” value=”LOG IN” /> <input type=”button” value=”SIGNUP” onClick=”parent.location=’<?php echo $notloggedinurl ?>’” /></div><br>
<a href=”<?php bloginfo(‘url’); ?>/wp-login.php?action=lostpassword”>Lost your password?</a>
<input type=”hidden” name=”redirect_to” value=”<?php bloginfo(‘url’); ?>” />
<input type=”hidden” name=”testcookie” value=”1″ />
</form></div>
<? }
}
add_shortcode(‘twpwshowloginwidget’, ‘twpwnewloginwidget’);

Simply copy and paste this information into your themes functions.php file

To set the width of the widget, add the line:

#loginform-wrapper { width: 250px; } 

to your themes style.css file.  Change this style to suit your theme.

Testing the Login Form Widget is a post from: The Wordpress Warrior

With some webhosts, it is possible to increase the amount of memory that is allocated to run PHP.  In this article, I’ll share how website administrators may increase the memory allocation for their Wordpress website.

Please proceed with caution – some Webhosts do not appreciate sites that ‘hog’ memory and this may cause issues if your changes breach the Terms Of Service.

I also recommend that – if in doubt, refer to the Tech Support for your hosting provider or seek professional assistance.

Before we start – Memory Usage

One plugin that will help determine how your system is running is called TPC! Memory Usage.  This plugin will show you what the memory usage on your site and the configuration of different areas.  The screen shots below will give you an idea of the type of information it provides:

Adjusting Wordpress Memory Usage

In the wp-config.php file, add (or modify) the following line:

define(‘WP_MEMORY_LIMIT’, ‘64M’);

The above line will set the Wordpress Memory limit to 64 MBytes however it can be set at any increment of 8MB. For instance, 32MB, 40MB, 64MB, 128MB.

The wp-config.php file is located in the root directory of your WordPress installation (note, this will differ if you give Wordpress it’s own Sub Folder)…..

Once this change is made, the PHP memory_limit will also need to be changed.

Changing the PHP memory_limit

On most shared hosts, I have successfully changed the PHP memory_limit by uploaded a file to my Wordpress installation.  This file is called php.ini and is a simple text file that contains the following line only:

memory_limit = 128M;

I upload this file to two locations – the root directory of my Wordpress installation and the wp-admin folder.

Uploading the file to wp-admin, this forces php to use the different memory_limit for the administration functions of my sites.  At one point, on a client site, I found I was having problems activating plugins and conducting admin functions – it turned out to be a memory issue.  Uploading php.ini with an increased Memory Limit made it all work nicely.

Remember: If in doubt – speak to your webhosts Tech Support or seek professional assistance before doing this.

Wordpress, Memory Usage and Me…. is a post from: The Wordpress Warrior

There are some excellent plugins around that give a lot of flexibility around the login form (my fave is Theme My Login) however, with the updates coming through in WP 3.0 and other associated plugin updates, some of these plugins aren’t working….

Today, I’m going share how to change the formatting on the standard wp-login.php screen – without changing the wordpress core software.

You’ll need a few things to do this:

1. Style sheet for login form – you can download a sample called custom-login.css by clicking here.
2. Function to add to your functions.php file (in your theme folder). Download a copy from here so you can just copy and paste it in.

I also recommend you use the Firefox browser and have the Firebug add on installed, as this will help the styling of your login form.

Step 1:  Upload the custom-login.css file to your theme folder

I use FTP to upload my files, but you can also use the file manager that is part  of CPanel or if your administration panel provides one.

The custom-login.css file provided looks like this:

/*
Document   : custom-login
Created on : July 12 2010
Author     : Charly Leetham
Description: Style the Wordpress Login page.
*/
html {background:#F9F9F9 !important;}
body{border-bottom-style:solid;border-bottom-width:30px;border-top-style:solid;border-top-width:30px;}
body, #wpbody, .form-table .pre {color:#333333;}
body.login {border-bottom-color:#464646;border-top-color:#464646;}
h1 a{background:url(“/wp-admin/images/logo-login.gif”) no-repeat scroll 0 0 transparent;display:block;padding-bottom:15px;text-indent:-9999px; width:310px; height: 70px; margin: 0 auto}
#login {margin:15% auto;width:350px;}
form{background:none repeat scroll 0 0 #ffffff !important;}

As we progress through this tutorial, this file will be edited to match your theme.

Step 2:  Add function to your theme functions file

Add the function located in the wp-login-screen-function.txt file to the functions.php file in your theme folder.  This text must be added between the <?php and the ?> markers in the file.

I recommend pasting it at the bottom of the file just above the ?> marker to make it easy.

/*Styling the WP Login Screen */
function add_my_stylesheet() {
echo ‘<link rel=”stylesheet” type=”text/css” href=”‘ . get_bloginfo(’stylesheet_directory’) . ‘/custom-login.css” />’;
}
add_action(‘login_head’, ‘add_my_stylesheet’);

This function will add the stylesheet custom-login.css to the header of wp-login.php automatically.

Step 3:  Change the style in custom-login.css to change the background color of the login page

To change the background color of the wp-login.php screen, modify the style:

 html {background:#F9F9F9 !important;} 

This code uses a background color of #F9F9F9 – a light grey. Change the #F9F9F9 to match the background color of the main site.

To add a background image, change the code as follows:

 html {background:#F9F9F9 url(“thepathtoyourfile/filename.ext”) repeat-x !important;} 

The text thepathtoyourfile/filename.ext should be changed to be the exact location of the background image.

The text repeat-x may need to modified depending on the theme styling.  I recommend using the style.css file, or Firebug, to get the correct syntax for this style.

Step 4:  Change the WP logo for a custom logo (or remove the logo completely)

The logo on the wp-login screen is controlled by this style:

 h1 a{background:url(“/wp-admin/images/logo-login.gif”) no-repeat scroll 0 0 transparent;display:block;padding-bottom:15px;text-indent:-9999px; width:310px; height: 70px; margin: 0 auto} 

Replace the text /wp-admin/images/logo-login.gif with the url of the logo to display

Change the text width:310px; and height: 70px; to the dimensions of the logo used.

Step 5:  If needed, modify the width of the Login form

The width of the login form is set to 350px.  If the logo being displayed is wider than 350px, it may be necessary to modify the width of the form for the logo to display nicely.

Locate the code:

#login {margin:15% auto;width:350px;}

and modify the text width:350px; to match the width of the logo (at least)

Step 6:  Change the color of the login form background

The standard form background can be a bit boring, and it’s possible to add a little pizazz to the form by changing the form background.

Locate the line:

form{background:none repeat scroll 0 0 #ffffff !important;}

Replace the text #ffffff with the color to display instead.

Of course, you can add an image to the background by adding the text url(“/wp-admin/images/logo-login.gif”) to the style… remember to change the /wp-admin/images/logo-login.gif to the url of the image to use.

And your done…. when you navigate to the wp-login page on the website it should now be formatted similarly to your theme….

I did similar with The WP Warrior Login page:

Customizing the WP-Login form without playing with the WP Core is a post from: The Wordpress Warrior

I haven’t had a lot of time to play with the new version of Wishlist Member 2.3 and I’ve seen some issues being listed on the Insiders Forum, so I do recommend approaching the upgrade to both Wordpress 3.0 and Wishlist Member 2.3 very, very careful.

My initial look at Ver 2.3 of Wishlist Member reveals some pretty cool functionality.  This post will address some of the new features you can expect to see.

Starting on the WL Member Settings screen

reCaptcha

The ability to add a reCaptcha box to your membership registration page.  Not a big one for many membership site owners – but if you’ve been experiencing ’spammy’ signups, reCaptcha will help minimize these.

Enable File Protection

I haven’t had chance to look at this one yet – but it looks promising! Protecting downloadable content is a big thing – can’t wait to see what this does!

Membership Settings Screen

The membership settings page has been revamped to include the new features.

You can specify which membership levels use reCaptcha on the registration form.

A member can be required to confirm their membership via email after registration – another way to reduce ’spam’ signups.

And…. another popular request – administrators can now manually approve memberships before a member goes live.

Backup, Backup, Backup

Still have to test this one – but a new option has been added to allow site administrators to backup their WLM settings.

Doing a full site backup and database backup is a great idea. However, being able to do a backup of your membership settings, export and import them is wonderful.

Whilst I still have to test the functionality, I’m relieved to see this type of functionality in the mix.

If you’re looking for help with your upgrade to Wishlist Member 2.3, you can contact us or I highly recommend joining Wishlist Insider to tap into the great community and resources there.

Wishlist Member: Version 2.3 Snapshot is a post from: The Wordpress Warrior

There are many benefits to incorporating an Authors info box on your site – the least of which is having guest authors that you can show case.

I thought I would share how I’ve created this box….

Let’s start with the code I use first.  Below is the block of code I have inserted in my themes single.php file however, it can be inserted into any of the theme files where there is an author.

<!– About The Author –>
<?php $authoremail=get_the_author_meta(‘user_email’); ?>
<div style=”width:100%; margin-top:10px; float:left; font-size: 12px;border:5px solid #EDEDED;” id=”authordiv”>
<div style=”width:125px; float:left; padding: 5px;”>
<?php echo get_avatar($authoremail,$size=’125′,$default=’<path_to_url>’ ); ?>
</div>
<div style=”width: 415px; float:left; padding: 5px;”><p><?php echo the_author_meta( ‘description’ ); ?><br />
<a href=”<?php the_author_meta( ‘user_url’ ); ?>” style=”font-size:10px; color:#0000ff;font-weight:bold;”><?php the_author_meta( ‘user_url’ ); ?></a></p>
</div>
</div>
<!– End About The Author –>

Breaking this down into sections will help.  I’m going to ignore the formatting that I’ve included for now and focus on the code, then add the formatting.

Getting the Authors Avatar

Displaying a photo of the author is really quite important – it helps to connect the reader with the author.

To simplify things, I decided to use the Gravatar system.  Your authors will need to register an account for the email address they are using on your site at Gravatar.com and upload their image.  The benefit of this, is that image can be used across a variety of sites that already use Gravatar (like most Wordpress commenting systems do).

This line uses the standard Wordpress function get_the_author_meta to retrieve the email address and then assigns that value to the variable $authoremail.

<?php $authoremail=get_the_author_meta(‘user_email’); ?> 

To display the author’s Gravatar on the page, we use the following line:

<?php echo  get_avatar($authoremail,$size=’125′,$default=’<path_to_url>’ );  ?>

The get_avatar function is standard to Wordpress and allows site owners to modify the size of the displayed avatar using the $size= paramater.  In this case, I’ve set the avatar to 125px by 125px.  Note the use of the variable $authoremail – this was set in the previous line of code.

The Author Bio

I’ve also allowed the use of html in my author description field.  By default Wordpress strips out any html characters and leaves a plain text profile.  Whilst this isn’t desirable, it does protect your site from poorly formed code being added to the profile.  If you really want to allow for the use of html code in your user profiles (I wanted to link to other images) add the following line of code to your functions.php file in the theme.

// enable html markup in user profiles
remove_filter(‘pre_user_description’, ‘wp_filter_kses’);

Now to add the users profile and link to their website….

<?php echo the_author_meta( ‘description’ ); ?>

This will retrieve the content of the authors description field and ‘echo’ it to the screen.

To display a nicely formatted link to the Authors website:

<a href=”<?php the_author_meta( ‘user_url’ ); ?>”  style=”font-size:10px; color:#0000ff;font-weight:bold;”><?php  the_author_meta( ‘user_url’ ); ?></a></p>

Using the built in function the_author_meta(‘user_url’) will retrieve the website address from the authors profile.  There is no need to use the echo function, as the_author_meta will automatically echo the output to the screen.

The rest of the code lays the components out on my page nicely.  You’ll have to tweak your code to suit your layout.

To create an Author archive page, I use a similar approach.

Initially, I copy my page.php theme file and call it author.php.

At the top of my author.php page I place:

<?php if(isset($_GET['author_name'])) :
$curauth = get_userdatabylogin($author_name);
$authorset = 1;
else :
$curauth = get_userdata(intval($author));
endif; ?>

Then, just above the line:

 if (have_posts()) : 

<?php if (is_author()) { ?>
<!– About The Author –>
<?php $authoremail=get_the_author_meta(‘user_email’); ?>
<div style=”width:100%; margin-top:10px; float:left; font-size: 12px;border:5px solid #EDEDED;” id=”authordiv”>
<div style=”width:125px; float:left; padding: 5px;”>
<?php echo get_avatar($authoremail,$size=’125′,$default=’<path_to_url>’ ); ?>
</div>
<div style=”width: 415px; float:left; padding: 5px;”><p><?php echo the_author_meta( ‘description’ ); ?><br />
<a href=”<?php the_author_meta( ‘user_url’ ); ?>” style=”font-size:10px; color:#0000ff;font-weight:bold;”><?php the_author_meta( ‘user_url’ ); ?></a></p>
</div>
</div>
<!– End About The Author –>
<?php _e(‘Posts by Authors’,kubrick); ?>
<?php  }?>

This will allow your visitors to click on the authors link in the post, and see all the articles by an author.  An example of the author profile page can be seen here

Creating the Author’s Profile Block is a post from: The Wordpress Warrior

One of the features of Wishlist Member is a Secure RSS Feed – but I really didn’t understand what that meant or how it protected my content…. so I thought I would test it.  Here’s what I found.

There were three scenarios I tested…

1. Member logged in - accessing the default feed of the site (i.e http://yourdomain.com/feed)

2. Not logged in – accessing the default feed of this site (i.e http://yourdomain.com/feed)

3. Not Logged In – accessing the secure feed of the site (i.e http://yourdomain.com/?wpmfeedkey=<somereallylongstring>

What I found was very reassuring in terms of protecting content via the RSS Feed.

Not Logged In, standard feed

Access was provided to the public content only.  No protected content was displayed at all.
So if someone subscribes to the standard feed, all they will get is the content you designate as public content.

Logged In, standard feed

Provides access to public and protected content (for that level) was provided.  No downloadable content was shown in the feed.

This is a minor benefit – but some of your members may try this and it’s good to know what they will see.

Logged In, protected feed

Access to public and protected content (for that level). Downloadable content was shown in the feed.

I recommend that you test this all for yourself before implementing it on your site and ensure that you are comfortable with what information ‘leaves your site’ ….

Disabling The Feed Altogether

Still not comfortable with any content leaving your site?  Using standard Wordpress Action api you can remove the feed completely or, better yet, send people to your sales or join page.

Below is a function you can add to completely disable your feeds.  This function, will display the content of your chosen page in the ‘error message’ or (if the chosen page can’t be found) a simple message directing the visit the homepage.

<?php
function twpw_disable_feed() {
$args=array(
‘post_type’=>’page’,
‘post__in’ => array(‘158′) //change the 158 to the id of the page or the post you want to display
);
$the_query = new WP_Query($args);
if ( !$the_query->have_posts() ) {
$message = ‘No feed available,please visit our <a href=”http://yourdomain.com”>Homepage</a>!’;
} else {
while ( $the_query->have_posts() ) {
$the_query->the_post();
$message = the_content();
}
}
wp_die( __($message),’Members Only’ );
}
add_action(‘do_feed’, ‘twpw_disable_feed’, 1);
add_action(‘do_feed_rdf’, ‘twpw_disable_feed’, 1);
add_action(‘do_feed_rss’, ‘twpw_disable_feed’, 1);
add_action(‘do_feed_rss2′, ‘twpw_disable_feed’, 1);
add_action(‘do_feed_atom’, ‘twpw_disable_feed’, 1);
?>

Add this function to your themes function.php file and change this line:

‘post__in’ => array(‘158′) //change the 158 to the id of  the page or the post you want to display

Modify the ‘158′ to be the id of the page or post you want to display in the message.

I’m interested to see how you modify this function to work on your site.

RSS Feeds and Wishlist Member is a post from: The Wordpress Warrior

Thanks to Insite Website Design, I found something that would work nicely and I’ve extended this to include a way to easily add this to your sidebar without messing too much with the code.

The code is very ‘vanilla’ and you can make the widget display however you want using CSS styles.

<!– If User Is Logged In Display This –>
<?php function twpwnewloginwidget() {
if (is_user_logged_in()) { ?>
Welcome <strong><?php echo $user_identity ?></strong>.
<form name=”loginform” id=”loginform” action=”<?php echo wp_logout_url(); ?>” method=”post”>
<input type=”submit” name=”wp-submit” id=”wp-submit” value=”LOG OUT” />
<a href=”http://www.yourdomain.com/wp-admin/”>EDIT YOUR PROFILE</a>
<input type=”hidden” name=”redirect_to” value=”<?php bloginfo(‘url’); ?>” />
</form>
<!– If User Is NOT Logged In Display This –>
<? } else { ?>
<form name=”loginform” id=”loginform” action=”<?php bloginfo(‘url’); ?>/wp-login.php” method=”post”>
<label for=”log”>Username</label> <input type=”text” name=”log” id=”user_login” value=”" size=”20″ tabindex=”10″ /></p>
<label for=”pwd”>Password</label> <input type=”password” name=”pwd” id=”user_pass” value=”" size=”20″ tabindex=”20″ /></p>
<input type=”submit” name=”wp-submit” id=”wp-submit” value=”LOG IN” /> <input type=”button” value=”SIGNUP” onClick=”parent.location=’<?php bloginfo(‘url’); ?>/wp-login.php?action=register’” />
<a href=”<?php bloginfo(‘url’); ?>/wp-login.php?action=lostpassword”>Lost your password?</a>
<input type=”hidden” name=”redirect_to” value=”<?php bloginfo(‘url’); ?>/members” />
<input type=”hidden” name=”testcookie” value=”1″ />
</form>
<? }
}
add_shortcode(‘twpwshowloginwidget’, ‘twpwnewloginwidget’);
add_filter(‘widget_text’, ‘do_shortcode’);
?>

Add this code to your Themes function.php file.  It will create a function called twpwnewloginwidget, and add a short code called twpwshowloginwidget.

By adding the line:

add_filter(‘widget_text’, ‘do_shortcode’);

the shortcode will work in the widget area – so to display your new widget, add a text widget and put the code [ twpwshowloginwidget ] (remember to remove the spaces  after the [ and before the ])

To change where your members are sent on login, modify this line:

<input type=”hidden” name=”redirect_to” value=”<?php  bloginfo(‘url’); ?>/members” />

and change the /members/ to the specific page / post you choose.

Finally – remember to change all references to yourdomain.com to your own website url.

You can style your widget whichever way you want in your style sheet…. more on that later.

Custom Login Box for your website is a post from: The Wordpress Warrior

This really isn’t a great thing mainly because when someone clicks on that register link – they’re interested in becoming a member… and this is an opportunity for us to encourage our visitor to join the right membership level…

So, I’ve conducted some investigations and created a function that will detect access to the registration page, and redirect it automatically to another page of your choice…

Kudos to Callum Macdonald for the WP Block Admin plugin that gave me the basis for this code.

Add the following code to functions.php in your theme:

<?php
function twpw_redirect_init() {
$twpw_redirect_to = ‘http://yourdomain.com/redirectpage/’;
// Is this the registration page?
if (
// Look for the presence of /wp-login.php?action=register in the url
stripos($_SERVER['REQUEST_URI'],’/wp-login.php?action=register’) || stripos($_SERVER['REQUEST_URI'],’/wp-login.php?registration=disabled’) !== false
) {
// Send a temporary redirect
wp_redirect($twpw_redirect_to,302);   }
}
// Add the action with maximum priority
add_action(‘init’,'twpw_redirect_init’,0);
?>

Then change the line:

$twpw_redirect_to =  ‘http://yourdomain.com/redirectpage’;

to the page you would like to send your visitors too.

This code works if registrations are disabled in wp-admin as well.

Let me know how this goes for you – show off your efforts!

Redirecting The Registration Page is a post from: The Wordpress Warrior