PHP Function 内 Wordpress 简码

Question

I have a wordpress plugin that allows users to upload avatars to my website. This plugin contains a single shortcode that combines thumbnail, upload and update buttons in one layout.

What I'm trying to do is put the three elements (thumbnail, upload and update buttons) in three different shortcodes. This way I can place elements anywhere on the page.

For the thumbnail I have already succeeded with the help of a stack user: How to put part of php code into wordpress shortcode

Now I would like to do the same thing but with update and upload buttons, I get the elements inside the shortcode but they don't work. They are just plain non-clickable buttons, can someone help me figure out where am I wrong?

For the first shortcode I referenced this plugin file: https://github.com/onedesigns/one-user-avatar/blob/main/includes/class-wp-user-avatar-shortcode.php#L305

//SHORTCODE UPDATE BUTTON ONE-USER-AVATAR
function demo1_shortcode() {
    
// Global
global $current_user, $wpua_functions,  $wpua_edit_avatar, $wpua_default_avatar_updated, $wpua_users_updated, $wpua_media_updated;

// Current user
$user = $current_user;
        
// Function ??   

// Update Button
?>
<?php submit_button( __( 'Update Profile', 'one-user-avatar' ) ); ?>
<?php

}
add_shortcode('demo1', 'demo1_shortcode'); 

For the second shortcode I referenced this other plugin file: https://github.com/onedesigns/one-user-avatar/blob/main/includes/class-wp-user-avatar.php#L253

//SHORTCODE UPLOAD BUTTON ONE-USER-AVATAR
function demo2_shortcode() {
    
// Global
global $current_user, $wpua_functions,  $wpua_edit_avatar, $wpua_allow_upload, $wpua_force_file_uploader;

// Current user
$user = $current_user;
        
// Function ??  
  
// Upload Button PHP

?>
 <p id="<?php echo esc_attr( ( 'add-new-user' == $user ) ? 'wpua-upload-button' : 'wpua-upload-button-existing' ); ?>">
  <input name="wpua-file" id="<?php echo esc_attr( ( 'add-new-user' == $user ) ? 'wpua-file' : 'wpua-file-existing' ); ?>" type="file" />
   <button type="submit" class="button" id="<?php echo esc_attr( ( 'add-new-user' == $user ) ? 'wpua-upload' : 'wpua-upload-existing' ); ?>" name="submit" value="<?php esc_html_e( 'Upload', 'one-user-avatar' ); ?>">
<?php esc_html_e( 'Upload', 'one-user-avatar' ); ?>
   </button>
 </p>   
<?php       

}
add_shortcode('demo2', 'demo2_shortcode');

The buttons appear but do not perform any function. I believe this happens because I didn't include the functions in the shortcode? But I don't know, I'm a newbie, sorry for that.

Answer 1

As I understand you build HTML form for submission on frontend page using your shortcodes. Your form ( form tag) should have ACTION that you can catch in your plugin functions. For example if you will have form action like CURRENT_PAGE_URL?act=someslug_upload_avatar you can catch this in plugin code (in some main function that executed on any frontend page load):

if(!empty($_REQUEST['act']) && $_REQUEST['act'] == 'someslug_upload_avatar') {
   // Work with your form fields data from $_REQUEST and upload avatar via your existing functions in plugin.
}