Multisite Avatars

• xoxoxo

• April 4, 2020 at 7:08 pm

I had a hard time figuring out how do implement user avatars in my multisite network. The issue I had was that if you we’re a member of more than one site, or a network admin, updating your avatar on one site, cleared it on all the other sites.

I tried different upload folders for the field amongst other things.

Finally I fixed it by creating a site slug value, or site identifier, and built a plugin that would generate the fields with the identifier value, and there you had a different avatar for each site.

But I still kept a centrally synced profile fields group, for the network..

Thought I would share this:

<?php if (! defined('ABSPATH')){ return; }

/*
Plugin Name: Fintech Multisite Avatars
Description: Custom Sub Site Avatars for Multisite Networks implemented using ACF Fields
Author: Graeme Conradie
Text Domain: fintech-multisite-avatars
Version: 0.1
Author URI: https://github.com/GraemeConradie/fintech-multisite-avatars
Licence: GPLv2
*/

/** Setup Avatar Field ------------------------------------------------ **/

if( function_exists('acf_add_local_field_group') ):
  $site_slug = get_field( 'sys_site_slug', 'option' );

acf_add_local_field_group(array(
  'key' => 'group_5e86a052aa58e',
  'title' => 'Profile Avatar',
  'fields' => array(
    array(
      'key' => 'field_5e86a20054261',
      'label' => 'Avatar',
      'name' => 'sys_' . $site_slug . '_avatar',
      'type' => 'image',
      'instructions' => 'Min width 512px, Max width 1024px, jpg or png Max size 2MB',
      'required' => 0,
      'conditional_logic' => 0,
      'wrapper' => array(
        'width' => '',
        'class' => '',
        'id' => '',
      ),
      'acfe_permissions' => '',
      'acfe_uploader' => 'basic',
      'acfe_thumbnail' => 0,
      'return_format' => 'url',
      'preview_size' => 'full',
      'library' => 'uploadedTo',
      'min_width' => 512,
      'min_height' => 512,
      'min_size' => '',
      'max_width' => 2048,
      'max_height' => 2048,
      'max_size' => 2,
      'mime_types' => 'jpg, jpeg, png',
      'show_column' => 0,
      'show_column_weight' => 1000,
      'allow_quickedit' => 0,
      'allow_bulkedit' => 0,
    ),
  ),
  'location' => array(
    array(
      array(
        'param' => 'user_form',
        'operator' => '==',
        'value' => 'all',
      ),
    ),
  ),
  'menu_order' => 0,
  'position' => 'normal',
  'style' => 'default',
  'label_placement' => 'left',
  'instruction_placement' => 'label',
  'hide_on_screen' => '',
  'active' => true,
  'description' => '',
  'acfe_display_title' => '',
  'acfe_autosync' => '',
  'acfe_permissions' => '',
  'acfe_form' => 0,
  'acfe_meta' => '',
  'acfe_note' => '',
));

endif;

/** Swap WP Avatar with ACF Avatar------------------------------------------------ **/

add_filter('get_avatar', 'sys_user_avatar', 10, 5);

function sys_user_avatar( $avatar, $id_or_email, $size, $default, $alt ) {

  if ( is_numeric( $id_or_email ) ) {

    $id   = (int) $id_or_email;
    $user = get_user_by( 'id' , $id );

  } elseif ( is_object( $id_or_email ) ) {

    if ( ! empty( $id_or_email->user_id ) ) {

      $id   = (int) $id_or_email->user_id;
      $user = get_user_by( 'id' , $id );
    }

  } else {

    $user = get_user_by( 'email', $id_or_email );

  }

  if ( ! $user ) {
    return $avatar;
  }

  $user_id = $user->ID;
  $site_slug = get_field( 'sys_site_slug', 'option' );
  $image_id = get_user_meta($user_id, 'sys_' . $site_slug . '_avatar', true);

  if ( ! $image_id ) {
    return $avatar;
  }

  $image_url  = wp_get_attachment_image_src( $image_id, 'full' );
  $avatar_url = $image_url[0];
  $avatar = '<img alt="' . $alt . '" src="' . $avatar_url . '" class="avatar avatar-' . $size . '" height="' . $size . '" width="' . $size . '">';

  return $avatar;
}

/** Set Default Avatar------------------------------------------------ **/

add_filter( 'avatar_defaults', 'mytheme_default_avatar' );

function mytheme_default_avatar( $avatar_defaults ) {

    $avatar = get_option('avatar_default');

    $site_url = site_url( '/images/', 'https' );

    $new_avatar_url = $site_url . 'avatar.png';

    if( $avatar != $new_avatar_url ) {

        update_option( 'avatar_default', $new_avatar_url );
    }

    $avatar_defaults[ $new_avatar_url ] = 'System Avatar';

    return $avatar_defaults;
}

/** Get User Avatar ----------------------------------------------- **/

function shortcode_user_avatar() {

  if(is_user_logged_in()) {

    global $current_user;

    wp_get_current_user();

    return get_avatar( $current_user -> ID, 512 );

  } else {

    $site_url = site_url( '/images/', 'https' );

    return get_avatar( $site_url .  'avatar.png', 512 );
  }
}
add_shortcode('display-user-avatar','shortcode_user_avatar');

See – https://github.com/GraemeConradie/fintech-multisite-avatars

• xoxoxo

• April 4, 2020 at 11:41 pm

I new here, so I’ll mark this as solved .. 😉