Hướng dẫn tạo form upload nhiều hình ảnh trong WordPress

Hướng dẫn chi tiết cách tạo form upload nhiều hình ảnh trong WordPress bằng cách sử dụng plugin hoặc code tùy chỉnh, giúp người dùng có thể dễ dàng upload nhiều hình ảnh lên trang web.

Trong bài viết này, chúng ta sẽ tìm hiểu cách tạo một form upload nhiều hình ảnh trong WordPress. Bạn có thể thực hiện việc này bằng cách sử dụng plugin hoặc tự viết code tùy chỉnh. Phương pháp này rất hữu ích cho các trang web cần người dùng gửi nhiều hình ảnh cùng một lúc, chẳng hạn như các trang portfolio hoặc trang tin tức.

Hướng dẫn chi tiết:

Cách 1: Sử dụng Plugin WPForms

1. Cài đặt và kích hoạt WPForms:

   • Vào WordPress Dashboard → Plugins → Add New.
   • Tìm kiếm "WPForms" và cài đặt plugin.

2. Tạo một form upload nhiều hình ảnh:

   • Vào WPForms → Add New.
   • Chọn mẫu Blank Form.
   • Kéo và thả trường "File Upload" vào form. Chọn tùy chọn "Multiple Files" để cho phép upload nhiều hình ảnh.
   • Thiết lập các tùy chọn khác như tên, email, mô tả, v.v. theo nhu cầu.

3. Chèn form vào trang hoặc bài viết:

   • Tạo hoặc chỉnh sửa một trang/bài viết, sau đó nhấn vào nút Add Form.
   • Chọn form bạn vừa tạo và nhấn "Add Form".
   • Xuất bản trang/bài viết để hoàn tất.

Cách 2: Sử dụng Code Tùy Chỉnh

1. Thêm mã vào tệp functions.php:

   • Mở tệp functions.php trong theme của bạn và thêm đoạn mã sau:

   function custom_image_upload_form() {
       if (isset($_POST['submit'])) {
           $uploaded_files = $_FILES['upload_images'];
           $upload_dir = wp_upload_dir();
   
           foreach ($uploaded_files['name'] as $key => $value) {
               if ($uploaded_files['name'][$key]) {
                   $file = array(
                       'name'     => $uploaded_files['name'][$key],
                       'type'     => $uploaded_files['type'][$key],
                       'tmp_name' => $uploaded_files['tmp_name'][$key],
                       'error'    => $uploaded_files['error'][$key],
                       'size'     => $uploaded_files['size'][$key],
                   );
   
                   require_once(ABSPATH . 'wp-admin/includes/file.php');
                   $uploaded_file = wp_handle_upload($file, array('test_form' => false));
   
                   if ($uploaded_file && !isset($uploaded_file['error'])) {
                       echo "Hình ảnh đã được upload: " . $uploaded_file['url'] . "<br>";
                   } else {
                       echo "Lỗi upload: " . $uploaded_file['error'] . "<br>";
                   }
               }
           }
       }
   
       echo '
           <form method="post" enctype="multipart/form-data">
               <input type="file" name="upload_images[]" multiple>
               <input type="submit" name="submit" value="Upload Images">
           </form>
       ';
   }
   
   add_shortcode('image_upload_form', 'custom_image_upload_form');
   

2. Chèn shortcode [image_upload_form] vào trang hoặc bài viết:

   • Bây giờ bạn có thể thêm [image_upload_form] vào trang/bài viết mà bạn muốn hiển thị form upload hình ảnh.

Yêu cầu hệ thống:

• WordPress phiên bản 5.0 trở lên
• PHP phiên bản 7.0 trở lên
• Nếu dùng plugin: WPForms cần phiên bản 1.6.0 trở lên

Cách cài đặt plugin WPForms:

• Truy cập Plugins > Add New trong WordPress, tìm kiếm “WPForms”, và nhấn “Install Now”. Sau khi cài đặt xong, nhấn “Activate”.

Lời khuyên:

• Đảm bảo bạn đặt giới hạn kích thước file tải lên để tránh tình trạng đầy bộ nhớ.
• Kiểm tra form của bạn trên nhiều trình duyệt để đảm bảo tính tương thích.

---