WordPress头相十三五：改不、免费虚拟机和带码

主要区别在于我们的代码非常轻巧，少于100行代码（无注释）。

简单用户头像插件将添加大约两倍的代码行（在PHP，CSS和JS之间）。

除此之外，此插件不允许替换默认头像，也不会阻止从gravatar.com加载默认头像。

也就是说，它是迄今为止WordPress.org插件存储库中用于管理头像的最简单，最轻便的插件。

如果您在安装时添加另一个插件来让用户更改其个人资料图片没有问题，而您只需要这样做，我建议您使用Simple User Avatar插件。

如果不想使用插件，自己想要更多控制，下面的代码是您需要的。

如何使用自定义代码在WordPress上更改个人资料图片？

1）首先，我们需要加入媒体上传器脚本。仅将其加载到配置文件页面上很重要。我们使用操作admin_enqueue_scripts添加函数。

/**
* Custom Avatar Without a Plugin
*/
// 1. Enqueue the needed scripts.
add_action( "admin_enqueue_scripts", "ayecode_enqueue" );
function ayecode_enqueue( $hook ){
// Load scripts only on the profile page.
if( $hook === 'profile.php' || $hook === 'user-edit.php' ){
add_thickbox();
wp_enqueue_script( 'media-upload' );
wp_enqueue_media();
}
}

2）接下来，我们需要创建功能以使用WordPress编辑个人资料页面中的媒体上传器脚本。我们使用动作admin_print_footer_scripts-profile.php和admin_print_footer_scripts-user-edit.php添加功能

// 2. Scripts for Media Uploader.
function ayecode_admin_media_scripts() {
?>
<script>
jQuery(document).ready(function ($) {
$(document).on('click', '.avatar-image-upload', function (e) {
e.preventDefault();
var $button = $(this);
var file_frame = wp.media.frames.file_frame = wp.media({
title: 'Select or Upload an Custom Avatar',
library: {
type: 'image' // mime type
},
button: {
text: 'Select Avatar'
},
multiple: false
});
file_frame.on('select', function() {
var attachment = file_frame.state().get('selection').first().toJSON();
$button.siblings('#ayecode-custom-avatar').val( attachment.sizes.thumbnail.url );
$button.siblings('.custom-avatar-preview').attr( 'src', attachment.sizes.thumbnail.url );
});
file_frame.open();
});
});
</script>
<?php
}
add_action( 'admin_print_footer_scripts-profile.php', 'ayecode_admin_media_scripts' );
add_action( 'admin_print_footer_scripts-user-edit.php', 'ayecode_admin_media_scripts' );

3）现在，我们需要将头像的自定义图像部分添加到WordPress的编辑个人资料页面。我们使用动作show_user_profile和edit_user_profile添加函数。

// 3. Adding the Custom Image section for avatar.
function custom_user_profile_fields( $profileuser ) {
?>
<h3><?php _e('Custom Local Avatar', 'ayecode'); ?></h3>
<table class="form-table ayecode-avatar-upload-options">
<tr>
<th>
<label for="image"><?php _e('Custom Local Avatar', 'ayecode'); ?></label>
</th>
<td>
<?php
// Check whether we saved the custom avatar, else return the default avatar.
$custom_avatar = get_the_author_meta( 'ayecode-custom-avatar', $profileuser->ID );
if ( $custom_avatar == '' ){
$custom_avatar = get_avatar_url( $profileuser->ID );
}else{
$custom_avatar = esc_url_raw( $custom_avatar );
}
?>
<img style="width: 96px; height: 96px; display: block; margin-bottom: 15px;" class="custom-avatar-preview" src="<?php echo $custom_avatar; ?>">
<input type="text" name="ayecode-custom-avatar" id="ayecode-custom-avatar" value="<?php echo esc_attr( esc_url_raw( get_the_author_meta( 'ayecode-custom-avatar', $profileuser->ID ) ) ); ?>" class="regular-text" />
<input type='button' class="avatar-image-upload button-primary" value="<?php esc_attr_e("Upload Image","ayecode");?>" id="uploadimage"/><br />
<span class="description">
<?php _e('Please upload a custom avatar for your profile, to remove the avatar simple delete the URL and click update.', 'ayecode'); ?>
</span>
</td>
</tr>
</table>
<?php
}
add_action( 'show_user_profile', 'custom_user_profile_fields', 10, 1 );
add_action( 'edit_user_profile', 'custom_user_profile_fields', 10, 1 );

4）我们还需要一个函数来将值保存在数据库中。我们使用动作personal_options_update和edit_user_profile_update添加函数。

// 4. Saving the values.
add_action( 'personal_options_update', 'ayecode_save_local_avatar_fields' );
add_action( 'edit_user_profile_update', 'ayecode_save_local_avatar_fields' );
function ayecode_save_local_avatar_fields( $user_id ) {
if ( current_user_can( 'edit_user', $user_id ) ) {
if( isset($_POST[ 'ayecode-custom-avatar' ]) ){
$avatar = esc_url_raw( $_POST[ 'ayecode-custom-avatar' ] );
update_user_meta( $user_id, 'ayecode-custom-avatar', $avatar );
}
}
}

5）最后，我们将上传的图片设置为用户的头像，对于没有上传图片的用户，我们将使用创建的本地头像。我们使用过滤器get_avatar_url添加函数。

// 5. Set the uploaded image as default gravatar.
add_filter( 'get_avatar_url', 'ayecode_get_avatar_url', 10, 3 );
function ayecode_get_avatar_url( $url, $id_or_email, $args ) {
$id = '';
if ( is_numeric( $id_or_email ) ) {
$id = (int) $id_or_email;
} elseif ( is_object( $id_or_email ) ) {
if ( ! empty( $id_or_email->user_id ) ) {
$id = (int) $id_or_email->user_id;
}
} else {
$user = get_user_by( 'email', $id_or_email );
$id = !empty( $user ) ?  $user->data->ID : '';
}
//Preparing for the launch.
$custom_url = $id ?  get_user_meta( $id, 'ayecode-custom-avatar', true ) : '';
// If there is no custom avatar set, return the normal one.
if( $custom_url == '' || !empty($args['force_default'])) {
return esc_url_raw( 'https://www.dianjin123.com/wp-content/uploads/2020/07/29a2d3f1b215a3d272aa932cd4b912e9.png' );
}else{
return esc_url_raw($custom_url);
}
}