wordpress 扩展user，注册时可以显示这些extend fields

最新推荐文章于 2025-10-20 15:24:28 发布

原创最新推荐文章于 2025-10-20 15:24:28 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#WordPress

wordpress 专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何使用WordPress通过自定义函数扩展用户注册和编辑时的额外字段，并覆盖默认的行为，包括添加自定义JS和CSS，修改注册页面的结构等。

<?php
/**
 *extends user fields(register/user profile)
 */
 
//注册时，扩展的注册表字段
add_action('register_form','f_user_extends_fields');
//注册时，检测这些字段
add_action('register_post','f_check_user_extends_fields',10,3);
//注册时，保存这些字段
add_action('user_register', 'f_user_extends_fields_save',10,1);
//admin 编辑user的信息时，显示这些字段
add_action('edit_user_profile','f_user_edit_extends_fields',10,1);
//user 编辑自己的信息时，显示这些字段
add_action('show_user_profile','f_user_edit_extends_fields',10,1);
//admin 编辑user的信息时，保存这些字段
add_action('edit_user_profile_update', 'f_user_extends_fields_save', 10, 1);
//user 编辑自己的信息时，保存这些字段
add_action('personal_options_update', 'f_user_extends_fields_save', 10, 1);
//注册时，添加自定义的js和css
add_action('login_head', 'f_login_scripts_css');
//修改注册页面的footer，可以在这里实现利用js改变注册（login deng）页面的html结构
add_action('login_footer', 'f_login_footer');
//修改login（注册等）页面的logo的连间
add_filter('login_headerurl', 'f_login_headerurl');
//修改login（注册等）页面的message信息
add_filter('login_message', 'f_login_message');
function f_login_message($message){
	global $action;
	if($action === 'register'){
		return '<p class="message register"><span>'.__('Register').'</span></p>';
	}
}
function f_login_headerurl($url){
	$url = get_option('siteurl');
	return $url; 
}
function f_login_footer(){
	global $action;
?>
	<div class="f_login_footer">
		<div class="f_login_footer copyright">
		xxxx
		</div>
		<div class="f_flow_footer">
			xxxx
		</div>
	</div>
	<script>
	jQuery('#login').html( '<div class="login_box login_box2">' + jQuery('#login').html() + '</div>');
	
	jQuery('#registerform p label').each(function(i,o){
		var r_input_c = jQuery(o).children();
		if(r_input_c[0].tagName == 'BR'){
			jQuery(r_input_c[0]).remove();
			jQuery(o).after(r_input_c[1]);
		}
		
	});
	</script>
<?php
}
function f_login_scripts_css(){
	echo '<script type="text/javascript" src="/wp-includes/js/jquery/jquery.js?ver=1.8.3"></script>';
	echo '<link rel="stylesheet" type="text/css" href="/wp-content/themes/xxxxx/login.css"></link>';
}
function f_user_extends_fields(){
	$http_post  = ('POST' == $_SERVER['REQUEST_METHOD']);
	$nombre     = '';
	if ( $http_post ) {
		$nombre    = trim($_POST['nombre']);
		
	}
?>
<p>
	<label for="nombre"><?php _e('Nombre') ?><br />
	<input type="text" name="nombre" id="nombre" class="input" size="20" value="<?php echo $nombre; ?>" />
	</label>
</p>
<?php
}

function f_check_user_extends_fields($login, $email, $errors){
	$nombre    = trim($_POST['nombre']);
	if( $nombre == ''){
		$errors->add('nombre', "<strong>ERROR</strong>: Nombre is Null");
	}
}

function f_user_extends_fields_save($user_id){
	$nombre    = trim($_POST['nombre']);
	
	update_user_meta($user_id, 'nombre', $nombre);
}

function f_user_edit_extends_fields($profileuser){
	$nombre     = get_user_meta($profileuser->ID, 'nombre', true);
?>

<table class="form-table">
<tr>
	<td colspan="2"><?php _e('Personal') ?></td>
</tr>
<tr>
	<th>
	<label for="nombre"><?php _e('Nombre') ?></label></th>
	<td>
	<input type="text" name="nombre" id="nombre" class="input" size="20" value="<?php echo $nombre; ?>" />

	</td>
</tr>
</table>
<?php
}