[逍遥乐教程]WordPress用户前端化专业版WP User Frontend Pro系列教程(二):个人资料增加公开显示选择昵称/用户名选项

废话不多说,接上篇[逍遥乐教程]WordPress用户前端化专业版WP User Frontend Pro系列教程(一): 逍遥乐汉化插件试用附属详细图文教程 了解本插件基础部分的了解和使用方法。下面开始是本插件的完善阶段!废话不多说,直接开篇!

[逍遥乐教程]WordPress用户前端化专业版WP User Frontend Pro系列教程(二):个人资料增加公开显示选择昵称/用户名选项

看上图,个人资料中有一个的选项,今天的教程,就是教大家为前端个人资料界面增加公开显示为选项。

直接上代码,添加到主题functions.php或者custom-functions.php文件中:

/**
 * 添加显示昵称
 * https://www.luoxiao123.cn/7317.html
 */
function wpuf_user_display_name() {
    ?>
    <div class="wpuf-label">
        <label for="user_display_name">公开显示为</label>
    </div>
 
    <div class="wpuf-fields">
        <select name="user_display_name" id="user_display_name">
            <?php
            $profileuser = wp_get_current_user();
            $public_display = array();
            $public_display['display_username'] = $profileuser->user_login;
            $public_display['display_nickname'] = $profileuser->nickname;
 
            if ( !empty( $profileuser->first_name ) )
                $public_display['display_firstname'] = $profileuser->first_name;
 
            if ( !empty( $profileuser->last_name ) )
                $public_display['display_lastname'] = $profileuser->last_name;
 
            if ( !empty( $profileuser->first_name ) && !empty( $profileuser->last_name ) ) {
                $public_display['display_firstlast'] = $profileuser->first_name . ' ' . $profileuser->last_name;
                $public_display['display_lastfirst'] = $profileuser->last_name . ' ' . $profileuser->first_name;
            }
 
            if ( !in_array( $profileuser->display_name, $public_display ) ) {
                $public_display = array('display_displayname' => $profileuser->display_name) + $public_display;
            }
 
            $public_display = array_map( 'trim', $public_display );
            $public_display = array_unique( $public_display );
 
            foreach ($public_display as $id => $item) {
                ?>
                <option id="<?php echo $id; ?>" value="<?php echo esc_attr( $item ); ?>"<?php selected( $profileuser->display_name, $item ); ?>><?php echo $item; ?></option>
                <?php
            }
            ?>
        </select>
		<span class="wpuf-help">建议选择“昵称”</span>
    </div>
    <?php
}
 
add_action('wpuf_user_display_name', 'wpuf_user_display_name' );
 
function wpufe_save_display_name( $user_id ) {
    if ( isset( $_POST['user_display_name'] ) ) {
        wp_update_user( array( 'ID' => $user_id, 'display_name' => $_POST['user_display_name'] ) );
    }
}
 
add_action( 'wpuf_update_profile', 'wpufe_save_display_name' );

然后保存。

接下来,进入控制面板-用户前端化-注册表单    (本名称为逍遥乐汉化版名称,其他版本可能有些不同!不做解释)

[逍遥乐教程]WordPress用户前端化专业版WP User Frontend Pro系列教程(二):个人资料增加公开显示选择昵称/用户名选项

 

接着选择列表中当前前端化个人资料页所使用的表单,点击编辑,进入编辑页面

点击右侧表单元素列表中的“动作hook”,添加一个hook控件,并拖动到适当位置!

[逍遥乐教程]WordPress用户前端化专业版WP User Frontend Pro系列教程(二):个人资料增加公开显示选择昵称/用户名选项

在hook名称中输入,刚才我们自定义的hook名称

wpuf_user_display_name

然后更新,就可以在前端个人资料编辑页面中就能看见这个选项了!

本教程详情官方论坛介绍:http://wedevs.com/support/topic/nickname-display-name-public-name/#post-1965

更多关于系列教程和敬请关注逍遥乐IT博客!

接下篇

[逍遥乐教程]WordPress用户前端化专业版WP User Frontend Pro系列教程(三):前端文章编辑器增加可视化/文本切换按钮

插件购买

好了,今天的教程就给大家介绍到这里了!感谢大家对逍遥乐的支持!,如需购买插件,直接到WordPress用户前端化专业版WP User Frontend Pro WordPress逍遥乐中文汉化插件(持续更新)购买!谢谢!