It is possible to add a filter function to add new text to the password protected page. The code to add to your functions.php files is as follows:

<?php
add_filter( 'the_password_form', 'custom_password_form' );
function custom_password_form() {
	global $post;
	$label = 'pwbox-'.( empty( $post->ID ) ? rand() : $post->ID );
	$o = '<form action="' . get_option('siteurl') . '/wp-pass.php" method="post">
	' . __( "This post is password protected and this is what I want to say about that. To view it please enter your password below:" ) . '
	<label for="' . $label . '">' . __( "Password:" ) . ' </label><input name="post_password" id="' . $label . '" type="password" size="20" /><input type="submit" name="Submit" value="' . esc_attr__( "Submit" ) . '" />
	</form>
	';
	return $o;
}
?>

But with just a tiny bit more coding…

…and an if statement, you can add a check to see if a custom field exists, and if it does, to spit it out instead of using the default text. Added code is in Yellow.

add_filter( 'the_password_form', 'custom_password_form' );
function custom_password_form() {
	global $post;
	$label = 'pwbox-'.( empty( $post->ID ) ? rand() : $post->ID );
	$o = '<form class="protected-post-form" action="' . get_option('siteurl') . '/wp-pass.php" method="post">';
 if (get_post_meta($post->ID, 'password-prompt-text', true)) {
 $o .= get_post_meta($post->ID, 'password-prompt-text', true);
 } else {
 $o .='<p>'. __( "This post is password protected. To view it please enter your password below:" ).'</p>';
 }
	$o .= '<label for="' . $label . '">' . __( "Password:" ) . ' </label><input name="post_password" id="' . $label . '" type="password" size="20" /><input type="submit" name="Submit" value="' . esc_attr__( "Submit" ) . '" />
	</form>';
	return $o;
}

The variable $o begins return a string. My if statement in yellow, interrupts the string with an if statement to see if the post has a custom field called password-prompt-text, and if it does, uses it instead of the text “This post is password protected…”.

Using this method, you can provide HTML into the description, so go crazy. I used H2 for title, then a paragraph for description. The cool thing about this, is that because of the else: it degrades nicely if you don’t have the custom field added to the post.

Hope that helps somebody.

Credit to Michael Fields for the original code, Googled and found here. Also mentioned at WordImpressed.

My last order of business in coding the site was that some of the Youtube videos and embeds had been inserted at a width of 640 pixels, which was 90 pixels wider than the content area. With CSS, the options are really only to choose overflow: hidden;, which then only cuts off the content that is wider, instead of resizing it. So, I wrote a quick little script that some folks might find helpful. May I introduce jQuery resizer.

Here’s the actual function for my fellow geeks:

function resizer( selectors, w ) {
 jQuery(selectors).each(function() {
 var owidth = jQuery(this).width(); var oheight = jQuery(this).height();
 if (owidth > w) {
 var newH = (oheight * w / owidth);
 jQuery(this).attr({
 width: w,
 height: newH
 });
 }; // endif
 });
}

Essentially the function loops through every selector you give it, checks it against the width you give it, and if it’s wider, it will recalculate the attributes of width and height based on their original values to scale the image down, it takes two attributes, the selector, and the width. The function can be called like so:

resizer('.content iframe', 500);

Additionally, you can give it a comma separated list of selectors, like so:

resizer('.content iframe, .content embed, .content object, .content img', 500);

So, the very straightforward, bottom line usage is as follows:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="appropriate-path/jq-resizer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
 resizer('iframe, img', 550);
});
</script>

You can see a quick demo here.

Click to download the js file (in a zip).

So if you start the WordPress upgrade and it gets locked up and leaves you hangin’, here’s what you do:

Note: You should always backup your database and wp-content directory before beginning a WordPress update, even an automatic one. Also, you should ALWAYS rename a default theme like TwentyTen to a different name or it might get overwritten in an automatic update.

1) Download the latest version of WordPress from WordPress.org

2) With an FTP program (FileZilla for Mac/PC, Cyberduck for Mac; I prefer Transmit, bit it ain’t free). Upload the entire WordPress install, except for the wp-content folder. This should overwrite all files in the WordPress Core. Unless you’ve messed with the core (which you shouldn’t have), this will not affect your files.

3) Remove the file called “.maintenance” from your site’s root directory (this is what is triggering the maintenance message).

4) Navigate to the appropriate wp-admin folder. WordPress will ask you to upgrade the database. Click the button and your back to where you were before, only now your upgraded.

I hope someone finds this helpful.

In any single.php template, use this code:

Using $post->ID

<?php

$pages = get_posts('numberposts=-1&orderby=menu_order&order=ASC&post_type=page&post_status=publish&post_parent='.$post->ID);

if (!empty($pages)) {

$has_children = true; // Page has children

} ?>

Using get_the_ID()

<?php

$the_ID = get_the_ID();

$pages = get_posts('numberposts=-1&orderby=menu_order&order=ASC&post_type=page&post_status=publish&post_parent='.$the_ID);
if (!empty($pages)) {
$has_children = true; // Page has children

} ?>

Now you’re even set to loop through your pages to create your sub-menu.

Hope someone finds that helpful

Further Reading

• WordPress Template Tag: get_posts()

Have you ever clicked on a form, and it didn’t clear on focus? That’s annoying, so what I usually do is add onfocus="this.value='';", but the problem there is when a user clicks away without entering anything, they don’t know what the field said previously (this is especially problematic if you’re not using or hiding the label tag. So the solution is to add an if statement to the onfocus and onblur handlers. This gets annoying if you have several text fields, so with the beauty of jQuery, I created this quick function to handle it automatically. As long as a value is given to the text field, it will do the work for you.

jQuery(document).ready(function() {
		jQuery('input[type=text]').each( function(i) {
			var t = jQuery(this);
			var thisval = t.val();
			t.blur( function() {
				if (t.val() == '') t.val(thisval);
			}); // end blur function
			t.focus( function() {
				if (t.val() == thisval) t.val('');
			});// end focus function
		}); //END each function
	}); // END document ready function

I’m using this script on my site, and you can see it in action on the search field.

If you’d like to copy and paste that into your head or just above your body tag, go right ahead. Alternatively, you can download a zip of the javascript file here:

jQuery Clear on Focus Script

Ok folks, this will be short. If you want to add several pages at once, I created a little script for you.

Here it is:

<?php
 include ('wp-blog-header.php');
 $newPages = array(
 'Page 1' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
 'Page 2' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
 'Page 3' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
 'Page 4' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
 );
 foreach($newPages as $pagename => $content) :

 $postarr = array(
 'post_title'         =>     $pagename,
 'post_content'         =>     $content,
 'post_status'        =>    'publish', // can be changed to 'draft', 'publish', 'pending', or 'future'
 'post_author'        =>    1, // post author 1 is admin, can be changed to the ID of the post author
 'post_type'            =>    'page', // can also use 'post' here.
// 'post_parent'            =>    '22', // (completely optional) you can assign a parent ID to create child pages.
 );
 wp_insert_post($postarr); ?>
 <p>Added <?php echo $pagename?>.</p>
 <?php endforeach; ?>

And here’s how it works:

1. the include wp_blog_header() is pulling in the file wp_blog_header.php, which gets all the important data from your WordPress blog, allowing you to access the database (very important).
2. the $newpages variable is storing an array that is created in the next 4 lines.
3. The foreach cycles through the array, assigning $pagename to the left side of the = and $content to the right, so whatever you put to the left side of the = will be your page title, whatever you put to the right side will be your content (simple enough).
4. The function wp_insert_post() is called, passing the parameter of the array that was created in step 2.

That’s it, your new pages have been added. Be very careful not to reload the page, or navigate to this page again, or it will duplicate the pages, which can be quite frustrating to straighten out. But that’s it. It really is that easy. You can also see my comments in blue.

I might make a plugin that you can drop into a site to enable users to frame out a site with the pages needed and whatnot. Maybe I’ll make that my next project, anyway, hopefully you found it useful, if you’d like to download the php file, you can get it below:

insertposts.php

Put this file in your root directory (so like: http://geekoutwith.me/insertposts.php). If you put it somewhere else, you’ll have to change the path of the include for wp-blog-header.php

I have since written a plugin for this purpose, you may read about it here: WordPress Plugin: Quick Posts