WordPress.org

Ready to get started?Download WordPress

Forums

User Avatar
How to Integrate With front End Upload (12 posts)

  1. ArindamonWP
    Member
    Posted 2 years ago #

    I am building a site where no other person than admin can enter "wp-admin" area, subscribers or other members can edit their profile from a custom profile page.
    Now the problem is the theme I am using does not have any option to upload user avatar from front end of users.
    Where this plugin is helpful in admin panel can the same thing is integrated with any function in my custom front end user profile page which is situated in my theme folder?

    Please help me, thank you.

    http://wordpress.org/extend/plugins/user-avatar/

  2. cip6791
    Member
    Posted 2 years ago #

    Check this out:https://wordpress.org/support/topic/plugin-user-photo-front-end-upload?replies=17
    The front end works fine, but the plugin has a problem. :)

  3. Dominor Novus
    Member
    Posted 2 years ago #

    Use "Front End Users" plugin. It supports the "User Avatar" plugin.

    http://wordpress.org/extend/plugins/front-end-users/

    Quote from the "Front End Users" plugin page:

    If the User Avatar plugin is also installed, the avatar-editing functionality it provides will be shown on the front-end user settings page.

    The "Front End Users" plugin automatically creates a page. You just have to specify your desired URL. It will output the "User Avatar" plugin to the front-end automatically.

    You can customize the form itself by creating a "view" (essentially it's a theme for the form) and adding it using a filter in your functions.php file.

    It's all explained in the forum section:
    http://wordpress.org/tags/front-end-users?forum_id=10

  4. ArindamonWP
    Member
    Posted 2 years ago #

    Thanks for your reply Dominor Novus.
    Looks interesting, I am gonna play with it.
    Thanks again for this info.

  5. gn.ozdemir
    Member
    Posted 1 year ago #

    Thank you cip6791 :)

  6. Ricki
    Member
    Posted 1 year ago #

    FYI. It works with Theme My Login as well.

  7. Dominor Novus
    Member
    Posted 1 year ago #

    @Ricki: Glad to hear of another supported front-end option.

  8. superjayvz
    Member
    Posted 1 year ago #

    can i use this plugin in my custom registration form? even without session initialized?

    i managed to implement this on my custom page (user's profile page) in the front end, but i wanted to make this work without session

  9. jk_
    Member
    Posted 1 year ago #

    Hi there,

    Using User-Avatar with the amazing THEME MY LOGIN works fine !

    I worked with wordpress for years now and I have to admit than Theme My Login is one of my favourite plugin so far ! What a nice piece of code.

    However, when the user try to upload a new picture (front-end) the plugin (User-Avatar) try to open thickbox like in the backend.

    <a href="http://mysite.com/wp-admin/admin-ajax.php?action=user_avatar_add_photo&step=1&uid=8&TB_iframe=true&width=720&height=450" title="Upload and Crop an Image to be Displayed">Update Picture</a>

    Now, I just need to find a proper solution to avoid that in the frontend when keeping this behaviour in the backend.

    Cheers,

    Jk_

  10. jk_
    Member
    Posted 1 year ago #

    Ok here is the trick...

    Put this code in your function.php to allow User-Avatar to work with Theme My Login and be able to upload picture on the frontend as well.

    function load_my_scripts(){
    if(is_page('YOUR_LOGIN_PAGE_ID_HERE')){
    wp_enqueue_script('thickbox',null,array('jquery'));
    wp_enqueue_style('thickbox.css', '/'.WPINC.'/js/thickbox/thickbox.css', null, '1.0');
    }
    
    add_action('wp_enqueue_scripts', 'load_my_scripts');

    I add a conditional statement to be sure that thickbox won't be loaded on other page that the one I use for display the profile editor.

    Hope it helps.

  11. nicolaelvin
    Member
    Posted 1 year ago #

    Hey, sorry to hijack this thread but I also want my user to be able to edit their profile picture in the front end. I am using User-Avatar. What code do I need to use to get this editable field to show up in the front end? Thanks.

  12. esmi
    Forum Moderator
    Posted 1 year ago #

    @nicolaelvin: It is impolite to interrupt another poster's ongoing thread with a question of your own and it causes significant problems for the forum's volunteers. Please post your own topic.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic