WP User Avatar

Screenshots

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. WP User Avatar also lets you: Upload your own Default Avatar in your WP User Avatar settings. Show the user’s Gravatar avatar or Default Avatar if the user doesn’t have a WP User Avatar image. Disable Gravatar avatars and use only local avatars. Use the [avatar_upload] shortcode to add a standalone uploader to a front page or widget. This uploader is only visible to logged-in users. Use the [avatar] shortcode in your posts. These shortcodes will work with any theme, whether it has avatar support or not. Allow Contributors and Subscribers to upload their own avatars. Limit upload file size and image dimensions for Contributors and Subscribers. Introducing Support Desk We’re at FlipperCode, committed to excellent support to make every download worth for the user. Happily announcing Support Desk for our valuable users to engaged with multiple support desk person for fast turnout. Introducing Pro Version of WP USER AVATAR We have developed a Pro Version of WP USER AVATAR by getting valuable features request from thousands of users especially about Storage options and how user upload the avatar. Here is a quick highlight on the numerous customizable features offered by the WP USER AVATAR PRO . Easy Upload and Capture functionality with crop avatar options. Use Webcam to get Avatar instantly. Allow user to upload avatar on Registration Page. Easy to adjust avatar dimensions. Enable to add or edit avatar while adding existing user to the blog in multi-site network. Keep Avatars in Custom Folder instead of Media Manager. Keep Avatars on Amazon S3 Storage Keep Avatars on Dropbox Keep Avatars in Media Manager Easy to use Settings to control every functionality. Multi-lingual, Multi-Site, BBPRESS and Buddypress Supported. Innovative Way to Setup User Avatar : Advanced Settings Visit WP User Avatar for more information and documentation. Add WP User Avatar to your own profile edit page 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. 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: do_action('edit_user_avatar', $current_user); 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: function my_avatar_filter() { // Remove from show_user_profile hook remove_action('show_user_profile', array('wp_user_avatar', 'wpua_action_show_user_profile')); remove_action('show_user_profile', array('wp_user_avatar', 'wpua_media_upload_scripts')); // Remove from edit_user_profile hook remove_action('edit_user_profile', array('wp_user_avatar', 'wpua_action_show_user_profile')); remove_action('edit_user_profile', array('wp_user_avatar', 'wpua_media_upload_scripts')); // Add to edit_user_avatar hook add_action('edit_user_avatar', array('wp_user_avatar', 'wpua_action_show_user_profile')); add_action('edit_user_avatar', array('wp_user_avatar', 'wpua_media_upload_scripts')); } // Loads only outside of administration panel if(!is_admin()) { add_action('init','my_avatar_filter'); } HTML Wrapper 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: <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> To strip out the div container and h3 heading, you would add the following filters to the functions.php file in your theme: remove_action('wpua_before_avatar', 'wpua_do_before_avatar'); remove_action('wpua_after_avatar', 'wpua_do_after_avatar'); To add your own wrapper, you could create something like this: 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'); This would output: <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>