apply_filters( ‘the_password_form’, string $output, WP_Post $post, string $invalid_password )

User Contributed Notes

1. Skip to note 2 content

   Deepak Kumar 5 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 0You must log in to vote on the helpfulness of this note

   This is a working example and 9999 is the priority and you can adjust accordingly.

   function wpdocs_custom_password_form() {
   	global $post;
   
   	$loginurl = site_url() . '/wp-login.php?action=postpass';
   	$label = 'pwbox-' . ( ! empty( $post->ID ) ? $post->ID : rand() );
   
   	ob_start();
   	?>
   
   	<style>
   		.center-custom { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate( -50%, -50% ); transform: translate( -50%, -50% ); }
   		.post-password-label { color: #fff; }
   		.post-password-class { width: 100% !important; }
   		.post-password-class:focus { color: #fff !important; border-color: #fff !important; }
   		@media only screen and ( max-width: 600px ) {
   			.center-custom {
   				width: 85%;
   			}
   		}
   	</style>
   	<div class="container-custom">			
   		<form action="<?php echo esc_attr( $loginurl ) ?>" method="post" class="center-custom search-form" role="search">
   			<label class="post-password-label"><?php esc_attr_e( "To view this protected post, enter the password below:" ) ?></label>
   			<label for="<?php echo esc_attr( $label ) ?>" class="post-password-label"><?php _e( "Password:" ) ?></label>
   			<input name="post_password" id="<?php echo esc_attr( $label ) ?>" class="input post-password-class" type="text" placeholder="Enter your access code provided by your concierge" />
   			<input type="submit" name="Submit" class="button" value="<?php esc_attr_e( "Access" ) ?>" />			
   		</form>
   	</div>
   
   	<?php
   	return ob_get_clean();
   }	
   add_filter( 'the_password_form', 'wpdocs_custom_password_form', 9999 );