Butterfly88

<p>Whether you’re running a community site, a social network, or any BuddyPress-powered platform, Simple BuddyPress Signup Avatar helps you create a more engaging and personalized user experience from the very beginning. Simple Buddypress Signup Avatar enhances the BuddyPress registration process by allowing users to upload their avatar during sign-up.</p>
<p>This plugin is specifically designed for BuddyPress installations that use email confirmation and/or admin approval for new registrations. It provides a seamless integration with BuddyPress, offering customizable options for avatar uploads including file size limits, dimension restrictions, and image compression. Temporary avatars are securely stored and managed until account activation, whether through email confirmation or admin approval.</p>
<h3>Why this plugin?</h3>
<p>Getting users to upload avatars can be a challenge in BuddyPress communities. Unlike profile fields, avatars can’t be made mandatory. The issue is that a community with few real-user avatars can feel uninviting. Member directories and widgets end up looking dull and uninspiring. Too many default “mystery man” avatars floating around can give the impression that the social network is overrun with spammers.</p>
<p>One way to encourage users to upload an avatar is to make it the first thing they see when registering for your community. Simple BuddyPress Signup Avatar is a new plugin that adds avatar upload functionality to the registration form.</p>
<h3>Features</h3>
<ul>
<li>Avatar upload during BuddyPress registration</li>
<li>Compatible with BuddyPress email confirmation and admin approval processes</li>
<li>Customizable maximum file size and dimensions</li>
<li>Image compression options</li>
<li>Automatically removes EXIF data for privacy</li>
<li>Secure temporary file storage until account activation</li>
<li>Automatic cleanup of unused temporary avatars for unactivated accounts (weekly)</li>
<li>Live frontend preview functionality for uploaded avatars</li>
<li>Multilingual support. Currently available in the major languages: EN, DE, NL, FR, ES</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>BuddyPress 5.0 or higher</li>
<li>PHP 7.2 or higher</li>
<li>BuddyPress must be configured to use email confirmation and/or admin approval for new registrations</li>
</ul>
<h3>Usage</h3>
<p>Once activated and configured, the avatar upload field will automatically appear in the BuddyPress registration form. Users can upload their avatar during registration. The avatar will be stored temporarily and will only be finalized once the user’s account is activated, either through email confirmation or admin approval.</p>
<h3>Support</h3>
<p>For support, you have several options:</p>
<ol>
<li>Create an issue in the <a href="https://github.com/flowerz88/simple-bp-signup-avatar" rel="nofollow ugc">GitHub repository</a>.</li>
<li>Contact the <a href="https://github.com/flowerz88" rel="nofollow ugc">plugin author</a> directly.</li>
<li>Open a support ticket on the <a href="https://wordpress.org/support/plugin/simple-buddypress-signup-avatar/" rel="ugc">WordPress.org plugin forum</a>.</li>
</ol>
<p>We strive to provide timely and helpful support through all these channels. Please provide as much detail as possible about your issue to help us assist you more effectively.</p>
<h3>License</h3>
<p>This plugin is released under the GPL v2 license to comply with WordPress plugin guidelines. However, the author kindly requests that users refrain from selling or commercially distributing this plugin. While you are free to use, modify, and distribute the plugin for non-commercial purposes, please respect the author’s wish to keep this as a free resource for the community.</p>
<h3>Credits</h3>
<p>Developed by Butterfly88</p>


Simple BuddyPress Signup Avatar

Enhances BuddyPress registration by allowing users to upload avatars during sign-up.

Saad Iqbal

<p>WordPress currently only allows you to use custom avatars that are uploaded through Gravatar. WP User Avatar enables you to use any photo uploaded into your Media Library as an avatar. This means you use the same uploader and library as your posts. No extra folders or image editing functions are necessary.</p>
<p><strong>WP User Avatar</strong> also lets you:</p>
<ul>
<li>Upload your own Default Avatar in your WP User Avatar settings.</li>
<li>Show the user’s <a href="http://gravatar.com/" rel="nofollow ugc">Gravatar</a> avatar or Default Avatar if the user doesn’t have a WP User Avatar image.</li>
<li>Disable <a href="http://gravatar.com/" rel="nofollow ugc">Gravatar</a> avatars and use only local avatars.</li>
<li>Use the <code>[avatar_upload]</code> shortcode to add a standalone uploader to a front page or widget. This uploader is only visible to logged-in users.</li>
<li>Use the <code>[avatar]</code> shortcode in your posts. These shortcodes will work with any theme, whether it has avatar support or not.</li>
<li>Allow Contributors and Subscribers to upload their own avatars.</li>
<li>Limit upload file size and image dimensions for Contributors and Subscribers.</li>
</ul>
<h3>ADD WP USER AVATAR TO YOUR OWN PROFILE EDIT PAGE</h3>
<p>You can use the [avatar_upload] shortcode to add a standalone uploader to any page. It’s best to use this uploader by itself and without other profile fields.<br />
If you’re building your own profile edit page with other fields, WP User Avatar is automatically added to the show_user_profile and edit_user_profile hooks. If you’d rather have WP User Avatar in its own section, you could add another hook:</p>
<pre><code>do_action('edit_user_avatar', $current_user);
</code></pre>
<p>Then, to add WP User Avatar to that hook and remove it from the other hooks outside of the administration panel, you would add this code to the functions.php file of your theme:
    </p>
<h3>HTML WRAPPER</h3>
<p>You can change the HTML wrapper of the WP User Avatar section by using the functions wpua_before_avatar and wpua_after_avatar. By default, the avatar code is structured like this:</p>
<pre><code><div class="wpua-edit-container">
  <h3>Avatar</h3>
  <input type="hidden" name="wp-user-avatar" id="wp-user-avatar" value="{attachmentID}" />
  <p id="wpua-add-button">
    <button type="button" class="button" id="wpua-add" name="wpua-add">Edit Image</button>
  </p>
  <p id="wpua-preview">
    <img src="{imageURL}" alt="" />
    Original Size
  </p>
  <p id="wpua-thumbnail">
    <img src="{imageURL}" alt="" />
    Thumbnail
  </p>
  <p id="wpua-remove-button">
    <button type="button" class="button" id="wpua-remove" name="wpua-remove">Default Avatar</button>
  </p>
  <p id="wpua-undo-button">
    <button type="button" class="button" id="wpua-undo" name="wpua-undo">Undo</button>
  </p>
</div>
</code></pre>
<p>To strip out the div container and h3 heading, you would add the following filters to the functions.php file in your theme:</p>
<pre><code><?php
remove_action('wpua_before_avatar', 'wpua_do_before_avatar');
remove_action('wpua_after_avatar', 'wpua_do_after_avatar');
?>
</code></pre>
<p>To add your own wrapper, you could create something like this:</p>
<pre><code><?php
function my_before_avatar() {
  echo '<div id="my-avatar">';
}
add_action('wpua_before_avatar', 'my_before_avatar');

function my_after_avatar() {
  echo '</div>';
}
add_action('wpua_after_avatar', 'my_after_avatar');
?>
</code></pre>
<p>This would output:</p>
<pre><code><div id="my-avatar">
  <input type="hidden" name="wp-user-avatar" id="wp-user-avatar" value="{attachmentID}" />
  <p id="wpua-add-button">
    <button type="button" class="button" id="wpua-add" name="wpua-add">Edit Image</button>
  </p>
  <p id="wpua-preview">
    <img src="{imageURL}" alt="" />
    <span class="description">Original Size</span>
  </p>
  <p id="wpua-thumbnail">
    <img src="{imageURL}" alt="" />
    <span class="description">Thumbnail</span>
  </p>
  <p id="wpua-remove-button">
    <button type="button" class="button" id="wpua-remove" name="wpua-remove">Default Avatar</button>
  </p>
  <p id="wpua-undo-button">
    <button type="button" class="button" id="wpua-undo" name="wpua-undo">Undo</button>
  </p>
</div>
</code></pre>


User Avatar – Reloaded

Use any image from your WordPress Media Library as a custom user avatar or user profile picture. Add your own Default Avatar.

Simple BuddyPress Signup Avatar vs User Avatar – Reloaded